/* Minification failed. Returning unminified contents.
(820,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(826,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(928,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(936,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1036,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1044,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1144,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1152,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1252,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1260,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1473,27): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1474,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1507,27): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1548,27): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1586,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1600,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1610,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1630,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(1730,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(3438,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3442,33): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3502,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3590,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3594,33): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3654,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3741,25): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3745,29): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3805,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3815,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3821,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3827,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3833,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3839,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3845,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3851,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3857,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3863,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3869,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3875,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3881,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3887,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3893,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3899,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3905,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3911,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3917,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3923,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3929,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3935,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3941,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3947,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3953,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3959,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3965,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3971,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3977,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(3983,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4021,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4038,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4042,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4046,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4050,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4054,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4058,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4062,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4066,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4070,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4074,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4078,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4082,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4086,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4090,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4094,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4098,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4102,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4106,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4110,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4114,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4270,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4271,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4325,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4346,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(4645,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17184,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17185,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17186,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17187,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17188,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17189,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17190,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17191,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17192,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17193,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17194,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17195,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17196,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17197,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17198,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17199,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17200,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17201,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17202,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17203,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17204,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17205,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17206,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17210,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17211,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17212,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17213,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17214,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17215,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17216,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17217,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17218,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17219,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17220,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17221,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17222,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17223,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17224,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17225,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17226,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17227,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17228,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17233,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17239,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17240,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17250,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(17250,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(17250,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(17251,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17252,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17267,34): run-time error CSS1046: Expect comma, found '30'
(17267,40): run-time error CSS1046: Expect comma, found '/'
(17288,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(17289,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(17289,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(17289,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(17291,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17301,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17310,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(17313,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17319,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(17327,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17338,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(17338,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(17338,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(17339,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17344,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(17344,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(17344,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(17348,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(17348,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(17348,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(17382,24): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-padding'
(17383,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(17388,26): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width'
(17389,27): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(17390,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(17390,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(17390,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(17398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17399,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(17400,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(17401,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(17401,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(17401,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(17410,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(17416,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(17433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17434,17): run-time error CSS1039: Token not allowed after unary operator: '-circle-banner-chart'
(17435,18): run-time error CSS1039: Token not allowed after unary operator: '-circle-banner-chart'
(17442,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(17443,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17463,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(17482,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(17539,17): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(17575,16): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(17579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17584,16): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(17637,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(17648,16): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(17654,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(17698,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(17729,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(17778,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(17855,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(17868,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(17888,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(17889,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17891,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(17909,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(17916,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17918,26): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(17919,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17926,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(17926,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(17926,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(17927,28): run-time error CSS1039: Token not allowed after unary operator: '-hsla-input-border'
(17928,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(17930,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(17932,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(17960,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-bg'
(17961,17): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(17965,28): run-time error CSS1039: Token not allowed after unary operator: '-incomplete-bg'
(17966,17): run-time error CSS1039: Token not allowed after unary operator: '-incomplete-tc'
(17970,28): run-time error CSS1039: Token not allowed after unary operator: '-complete-bg'
(17971,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(17980,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17982,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(17983,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(17984,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17986,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(17989,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(17990,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(17991,25): run-time error CSS1046: Expect comma, found '248'
(17991,33): run-time error CSS1046: Expect comma, found '/'
(17997,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17999,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(18000,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(18001,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(18003,28): run-time error CSS1039: Token not allowed after unary operator: '-hsla-input-border'
(18079,18): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(18091,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(18092,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18097,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(18101,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(18107,16): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(18211,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(18216,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18227,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(18228,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(18229,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18233,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(18239,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18259,32): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18268,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(18269,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(18270,16): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(18288,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(18289,16): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(18294,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(18311,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(18313,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(18314,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18380,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(18381,16): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(18385,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(18390,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18396,18): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(18400,18): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(18412,16): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(18417,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18425,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18425,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18425,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18425,94): run-time error CSS1039: Token not allowed after unary operator: '-opacity-base'
(18429,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18429,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18429,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18430,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18432,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18433,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(18436,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(18441,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(18456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18457,17): run-time error CSS1039: Token not allowed after unary operator: '-play-btn-width'
(18458,18): run-time error CSS1039: Token not allowed after unary operator: '-play-btn-width'
(18463,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18468,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18473,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18479,19): run-time error CSS1039: Token not allowed after unary operator: '-grid-table-padding'
(18489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18502,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width'
(18503,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(18504,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18504,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18504,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18505,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(18506,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(18511,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18511,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18511,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18514,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(18524,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(18533,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(18543,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(18553,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18555,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18563,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(18564,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(18565,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(18571,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18573,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18577,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18577,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18577,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18584,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18584,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18584,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18594,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18594,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18594,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18595,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18595,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18595,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18607,24): run-time error CSS1039: Token not allowed after unary operator: '-disabled-border-color'
(18608,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled-text-color'
(18613,22): run-time error CSS1039: Token not allowed after unary operator: '-disabled-text-color'
(18617,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(18620,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18625,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18625,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18625,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18633,32): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(18641,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18641,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18641,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18642,24): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(18676,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width2'
(18677,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(18678,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(18679,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(18684,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(18686,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(18687,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(18693,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18693,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18693,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18694,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18694,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18694,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18701,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(18708,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(18712,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(18724,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(18729,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(18730,19): run-time error CSS1046: Expect comma, found '53'
(18730,26): run-time error CSS1046: Expect comma, found '/'
(18731,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(18737,20): run-time error CSS1046: Expect comma, found '221'
(18737,28): run-time error CSS1046: Expect comma, found '/'
(18750,19): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-padding'
(18751,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(18752,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18752,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18752,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18753,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(18756,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width'
(18757,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(18758,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(18760,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18760,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18760,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18766,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18766,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18766,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18771,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(18783,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-hover'
(18784,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-hover'
(18799,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18800,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(18801,28): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(18809,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18822,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18823,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(18833,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18837,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18837,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18837,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18838,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(18838,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(18838,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(18839,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(18844,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(18847,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(18848,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(18856,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(18857,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(18858,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18862,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(18864,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(18869,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18925,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18926,31): run-time error CSS1046: Expect comma, found '120'
(18926,39): run-time error CSS1046: Expect comma, found '/'
(18927,28): run-time error CSS1039: Token not allowed after unary operator: '-ot-bg-color'
(18931,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(18932,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(18933,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(18938,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(18950,32): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(18951,21): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(18955,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(18959,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(18964,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18971,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(18972,28): run-time error CSS1039: Token not allowed after unary operator: '-hsla-input-border'
(18973,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18979,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(18980,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-input-boxshadow'
(18981,27): run-time error CSS1039: Token not allowed after unary operator: '-chat-input-boxshadow'
(18982,30): run-time error CSS1039: Token not allowed after unary operator: '-chat-input-boxshadow'
(19001,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19017,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19024,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue'
(19028,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-salmon'
(19032,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-green'
(19036,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-yellow'
(19040,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-pink'
(19058,21): run-time error CSS1039: Token not allowed after unary operator: '-container-width'
(19067,21): run-time error CSS1039: Token not allowed after unary operator: '-container-width'
(19072,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19086,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(19087,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(19105,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(19106,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(19109,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(19111,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19115,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19185,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(19191,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(19195,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(19205,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(19213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19214,29): run-time error CSS1039: Token not allowed after unary operator: '-wh-fs-popup'
(19215,30): run-time error CSS1039: Token not allowed after unary operator: '-wh-fs-popup'
(19217,23): run-time error CSS1039: Token not allowed after unary operator: '-wh-fs-popup'
(19234,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19287,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19336,28): run-time error CSS1039: Token not allowed after unary operator: '-nav-menu-bg-color'
(19343,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19348,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(19373,40): run-time error CSS1046: Expect comma, found '0'
(19373,44): run-time error CSS1046: Expect comma, found '/'
(19388,16): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(19389,18): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(19413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19429,48): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-1'
(19429,76): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-2'
(19429,105): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-1'
(19432,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19458,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19464,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(19464,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(19464,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(19476,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(19519,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19535,48): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-1'
(19535,76): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-2'
(19535,105): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-1'
(19582,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(19596,18): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(19602,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(19602,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(19602,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(19607,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(19607,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(19607,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(19608,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(19610,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19612,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(19614,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19619,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(19620,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(19624,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-scroll-color'
(19625,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(19629,28): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(19630,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(19635,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(19640,28): run-time error CSS1039: Token not allowed after unary operator: '-pb-light-purple'
(19645,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(19650,28): run-time error CSS1039: Token not allowed after unary operator: '-pb-light-pink'
(19655,28): run-time error CSS1039: Token not allowed after unary operator: '-pb-light-yellow'
(19660,28): run-time error CSS1039: Token not allowed after unary operator: '-light-yellow'
(19665,28): run-time error CSS1039: Token not allowed after unary operator: '-light-salmon'
(19669,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-darkbg-color'
(19677,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-bg-txt'
(19684,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-darkbg-color'
(19688,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color'
(19692,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(19696,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(19708,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(19731,26): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(19783,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(19788,22): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(19834,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(19851,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19853,37): run-time error CSS1046: Expect comma, found '183'
(19853,45): run-time error CSS1046: Expect comma, found '/'
(19854,39): run-time error CSS1046: Expect comma, found '183'
(19854,47): run-time error CSS1046: Expect comma, found '/'
(19855,40): run-time error CSS1046: Expect comma, found '183'
(19855,48): run-time error CSS1046: Expect comma, found '/'
(19861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19862,22): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(19863,24): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(19864,25): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(19865,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(19871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19877,22): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(19878,24): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(19879,25): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(19883,17): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(19887,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(19889,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(19894,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(19904,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19908,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(19908,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(19908,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(19909,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(19909,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(19909,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(19913,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19921,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(19931,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19933,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(19938,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(19939,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(19953,22): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(19984,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-no-data-svg'
(19995,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(19996,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(20018,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(20020,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(20059,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(20088,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(20090,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20090,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20090,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20091,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(20093,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20100,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20100,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20100,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20105,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(20111,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20111,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20111,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20121,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(20124,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20124,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20124,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20125,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20139,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(20140,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(20141,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(20142,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(20200,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20205,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(20206,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20217,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(20219,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(20223,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(20227,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(20228,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20253,36): run-time error CSS1046: Expect comma, found '155'
(20253,44): run-time error CSS1046: Expect comma, found '/'
(20254,38): run-time error CSS1046: Expect comma, found '155'
(20254,46): run-time error CSS1046: Expect comma, found '/'
(20255,39): run-time error CSS1046: Expect comma, found '155'
(20255,47): run-time error CSS1046: Expect comma, found '/'
(20256,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(20304,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(20309,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20310,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(20331,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(20339,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20344,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(20357,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(20358,28): run-time error CSS1039: Token not allowed after unary operator: '-hsla-input-border'
(20359,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20361,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(20362,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(20368,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(20371,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(20372,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(20376,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(20388,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20392,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(20393,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(20394,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20397,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(20412,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(20416,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(20421,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(20426,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(20444,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20444,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20444,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20445,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(20446,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(20447,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20447,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20447,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20451,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20451,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20451,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20452,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20452,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20452,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20456,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20456,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20456,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20460,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20460,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20460,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20468,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20468,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20468,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20469,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20469,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20469,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20472,19): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-padding'
(20473,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(20474,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20474,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20474,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20475,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(20479,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width'
(20480,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(20482,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(20489,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(20490,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20491,24): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(20500,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(20501,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20501,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20501,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20507,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(20521,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color2'
(20526,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20526,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20526,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20539,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20540,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20540,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20540,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20541,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20541,59): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20541,86): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20545,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20545,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20545,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20546,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20546,60): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20546,87): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20551,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(20553,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(20558,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20563,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20581,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(20582,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(20587,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20594,35): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(20606,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(20619,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(20624,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(20631,28): run-time error CSS1039: Token not allowed after unary operator: '-main-loader-bg'
(20662,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(20670,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(20697,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20741,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20741,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20741,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20745,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-nav-wh'
(20746,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-nav-wh'
(20757,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-nav-wh'
(20758,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-nav-wh'
(20769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20789,17): run-time error CSS1039: Token not allowed after unary operator: '-nav-menu-color'
(20803,25): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(20803,58): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(20807,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(20807,57): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(20812,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20818,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(20827,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(20830,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(20849,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-light-bg'
(20851,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(20863,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20873,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(20880,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(20885,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20885,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20885,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20896,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20904,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20913,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(20929,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(20930,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20930,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20930,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20934,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(20934,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(20934,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(20942,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(21001,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(21009,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21014,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(21015,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21017,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21024,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(21054,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(21055,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21060,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21064,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21070,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(21070,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(21070,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(21080,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21113,28): run-time error CSS1039: Token not allowed after unary operator: '-notification-bg-color'
(21128,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21142,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bg-color'
(21190,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-boxshadow'
(21208,19): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(21211,22): run-time error CSS1039: Token not allowed after unary operator: '-content-bg-color'
(21240,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21249,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21263,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21279,17): run-time error CSS1039: Token not allowed after unary operator: '-p-ren-msg-icon'
(21280,18): run-time error CSS1039: Token not allowed after unary operator: '-p-ren-msg-icon'
(21281,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21337,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21347,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(21349,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21350,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21362,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(21403,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(21437,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21438,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(21453,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-2'
(21461,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(21465,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(21466,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(21467,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21472,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(21473,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21489,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21501,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(21503,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21512,28): run-time error CSS1039: Token not allowed after unary operator: '-table-head-bg'
(21518,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(21525,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21527,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21562,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(21574,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(21580,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(21580,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(21580,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(21581,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(21581,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(21581,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(21582,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21597,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(21597,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(21597,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(21606,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21607,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(21609,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(21618,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(21618,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(21618,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(21626,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21627,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21634,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21635,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(21639,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(21710,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(21720,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21724,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(21725,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(21738,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(21740,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(21757,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(21760,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(21859,16): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(21877,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(21891,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(21909,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(21922,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(21987,17): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(22021,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(22131,17): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(22137,17): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(22157,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(22166,16): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(22167,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(22311,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(22320,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(22330,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(22344,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(22519,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(22531,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(22533,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(22535,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color2'
(22540,32): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(22571,21): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(22850,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(22850,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(22850,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(22851,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(22851,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(22851,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(22867,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(22871,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(22878,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(22879,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(22881,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(22882,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(22895,22): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-boxshadow'
(22912,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(22919,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22923,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(23027,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(23027,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(23027,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(23029,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(23030,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(23035,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(23039,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(23128,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(23130,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23150,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(23156,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(23186,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(23199,36): run-time error CSS1046: Expect comma, found '0'
(23199,40): run-time error CSS1046: Expect comma, found '/'
(23200,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(23228,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23235,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(23249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(23257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23304,30): run-time error CSS1039: Token not allowed after unary operator: '-sb'
(23304,40): run-time error CSS1039: Token not allowed after unary operator: '-normal'
(23305,49): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(23305,59): run-time error CSS1039: Token not allowed after unary operator: '-normal-shadow'
(23305,101): run-time error CSS1039: Token not allowed after unary operator: '-sht'
(23305,112): run-time error CSS1039: Token not allowed after unary operator: '-normal-shadow-top'
(23322,28): run-time error CSS1039: Token not allowed after unary operator: '-l'
(23323,27): run-time error CSS1039: Token not allowed after unary operator: '-t'
(23324,29): run-time error CSS1039: Token not allowed after unary operator: '-w'
(23325,30): run-time error CSS1039: Token not allowed after unary operator: '-h'
(23326,40): run-time error CSS1039: Token not allowed after unary operator: '-r'
(23326,62): run-time error CSS1039: Token not allowed after unary operator: '-sc'
(23331,30): run-time error CSS1039: Token not allowed after unary operator: '-s'
(23339,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23340,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23341,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23342,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23346,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23350,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23351,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23352,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23353,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23354,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23360,31): run-time error CSS1039: Token not allowed after unary operator: '-zi'
(23361,37): run-time error CSS1039: Token not allowed after unary operator: '-br'
(23362,34): run-time error CSS1039: Token not allowed after unary operator: '-b'
(23362,43): run-time error CSS1039: Token not allowed after unary operator: '-e'
(23362,52): run-time error CSS1039: Token not allowed after unary operator: '-normal-eye'
(23367,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23368,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23369,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23370,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23374,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23378,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23379,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23393,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23394,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23400,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23401,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23407,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23408,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23409,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23410,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23415,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23416,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23417,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23418,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23419,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23420,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23424,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23428,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23432,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23444,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23445,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23446,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23447,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23448,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23449,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23453,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23454,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23455,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23456,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23457,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23458,43): run-time error CSS1039: Token not allowed after unary operator: '-e'
(23458,52): run-time error CSS1039: Token not allowed after unary operator: '-normal-eye'
(23462,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23463,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23464,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23465,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23466,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23467,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23471,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23477,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23483,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23484,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23485,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23486,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23490,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23491,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23492,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23493,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23494,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23495,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23497,43): run-time error CSS1039: Token not allowed after unary operator: '-b'
(23502,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23506,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23507,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23513,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23514,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23520,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23521,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23527,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23528,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23529,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23530,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23534,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23538,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23539,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23540,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23541,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23542,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23543,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23547,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23548,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23552,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23553,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23559,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23560,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23561,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23562,36): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow'
(23566,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23567,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23573,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23574,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23591,52): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rx'
(23591,84): run-time error CSS1039: Token not allowed after unary operator: '-step-1-ry'
(23591,116): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rz'
(23595,52): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rx'
(23595,84): run-time error CSS1039: Token not allowed after unary operator: '-step-2-ry'
(23595,116): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rz'
(23605,52): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rx'
(23605,84): run-time error CSS1039: Token not allowed after unary operator: '-step-1-ry'
(23605,116): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rz'
(23609,52): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rx'
(23609,84): run-time error CSS1039: Token not allowed after unary operator: '-step-2-ry'
(23609,116): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rz'
(23659,36): run-time error CSS1039: Token not allowed after unary operator: '-middle-y'
(23659,62): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-x'
(23659,80): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(23659,101): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-y'
(23659,119): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(23659,147): run-time error CSS1039: Token not allowed after unary operator: '-middle-r'
(23665,36): run-time error CSS1039: Token not allowed after unary operator: '-middle-y'
(23665,62): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-x'
(23665,80): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(23665,101): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-y'
(23665,119): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(23665,147): run-time error CSS1039: Token not allowed after unary operator: '-middle-r'
(23671,26): run-time error CSS1039: Token not allowed after unary operator: '-active'
(23675,45): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow'
(23675,84): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow-angry'
(23681,26): run-time error CSS1039: Token not allowed after unary operator: '-active'
(23685,45): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow'
(23685,84): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow-angry'
(23690,34): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(23690,44): run-time error CSS1039: Token not allowed after unary operator: '-normal-sad-shadow'
(23690,83): run-time error CSS1039: Token not allowed after unary operator: '-sht'
(23690,94): run-time error CSS1039: Token not allowed after unary operator: '-normal-sad-shadow-top'
(23691,28): run-time error CSS1039: Token not allowed after unary operator: '-normal-sad-shadow'
(23695,34): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(23695,44): run-time error CSS1039: Token not allowed after unary operator: '-normal-ok-shadow'
(23695,82): run-time error CSS1039: Token not allowed after unary operator: '-sht'
(23695,93): run-time error CSS1039: Token not allowed after unary operator: '-normal-ok-shadow-top'
(23696,28): run-time error CSS1039: Token not allowed after unary operator: '-normal-ok-shadow'
(23700,34): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(23700,44): run-time error CSS1039: Token not allowed after unary operator: '-normal-good-shadow'
(23700,84): run-time error CSS1039: Token not allowed after unary operator: '-sht'
(23700,95): run-time error CSS1039: Token not allowed after unary operator: '-normal-good-shadow-top'
(23701,28): run-time error CSS1039: Token not allowed after unary operator: '-normal-good-shadow'
(23705,34): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(23705,44): run-time error CSS1039: Token not allowed after unary operator: '-normal-happy-shadow'
(23705,85): run-time error CSS1039: Token not allowed after unary operator: '-sht'
(23705,96): run-time error CSS1039: Token not allowed after unary operator: '-normal-happy-shadow-top'
(23706,28): run-time error CSS1039: Token not allowed after unary operator: '-normal-happy-shadow'
(23710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23718,31): run-time error CSS1039: Token not allowed after unary operator: '-e'
(23718,40): run-time error CSS1039: Token not allowed after unary operator: '-normal-ok-shadow'
(23719,22): run-time error CSS1039: Token not allowed after unary operator: '-b'
(23719,31): run-time error CSS1039: Token not allowed after unary operator: '-e'
(23719,40): run-time error CSS1039: Token not allowed after unary operator: '-normal-ok-shadow'
(23723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23773,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23774,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(23831,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(23834,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(23838,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23844,26): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(23845,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(23871,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(23872,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(23875,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(23876,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23884,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(23885,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(23985,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23990,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(24003,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(24013,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(24064,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24070,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(24078,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(24083,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(24155,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(24157,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24172,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24209,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24230,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24244,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24246,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(24261,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(24267,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(24337,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(24339,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(24340,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(24362,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(24364,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(24399,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24403,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(24412,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24421,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(24431,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24436,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(24441,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24502,50): run-time error CSS1046: Expect comma, found '227'
(24502,58): run-time error CSS1046: Expect comma, found '/'
(24526,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24527,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(24536,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24556,17): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(24560,17): run-time error CSS1039: Token not allowed after unary operator: '-light-yellow'
(24564,17): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-salmon'
(24596,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color2'
(24613,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(24638,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24647,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24649,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(24676,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(24686,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(24686,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(24686,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(24695,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(24748,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(24752,28): run-time error CSS1039: Token not allowed after unary operator: '-light-yellow'
(24756,28): run-time error CSS1039: Token not allowed after unary operator: '-light-salmon'
(24760,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(24768,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(24782,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(24783,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24800,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(24801,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24842,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24857,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(24895,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24896,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(24903,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(24911,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(24914,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(24918,32): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(24952,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(24963,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24989,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(24990,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(24995,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(25023,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(25041,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25242,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-mind-border-color'
(25243,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(25247,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(25248,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(25252,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(25253,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(25257,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-addiction-border-color'
(25258,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(25262,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-relsp-border-color'
(25263,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(25267,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pg-border-color'
(25268,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(25617,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(25642,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25670,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25675,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(25676,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25719,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(25747,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25784,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(25996,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26001,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(26039,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26195,32): run-time error CSS1039: Token not allowed after unary operator: '-notification-bg-color'
(26327,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(26331,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(26340,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26344,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26445,16): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-svg-color'
(26449,19): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-svg-stroke'
(26453,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26457,16): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-main-circle'
(26481,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26485,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(26493,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(26497,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(26501,17): run-time error CSS1039: Token not allowed after unary operator: '-text-white'
(26506,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26510,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26519,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26520,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border'
(26524,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26525,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26526,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26530,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26534,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26535,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26541,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26542,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26547,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26555,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-1'
(26559,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(26563,21): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(26567,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(26572,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26582,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(26586,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(26590,28): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(26591,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26595,49): run-time error CSS1046: Expect comma, found '52'
(26595,54): run-time error CSS1046: Expect comma, found ')'
(26595,67): run-time error CSS1046: Expect comma, found '20'
(26595,72): run-time error CSS1046: Expect comma, found ')'
(26607,28): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(26611,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-dark-color'
(26615,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26616,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(26620,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(26621,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-box-shadow'
(26625,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(26626,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26630,35): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(26634,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26642,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(26647,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26657,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26661,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26666,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26671,28): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(26672,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(26681,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26685,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(26689,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26699,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(26703,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26704,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(26708,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(26714,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(26718,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26722,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(26723,35): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(26727,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(26731,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(26735,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26739,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(26743,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(26747,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(26751,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26755,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(26756,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(26763,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(26767,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(26773,24): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(26777,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border'
(26785,28): run-time error CSS1039: Token not allowed after unary operator: '-ot-bg-color'
(26810,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(26811,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(26812,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26818,20): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(26829,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26863,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-mind-border-color'
(26867,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(26875,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(26879,49): run-time error CSS1046: Expect comma, found '204'
(26879,57): run-time error CSS1046: Expect comma, found '/'
(26883,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-addiction-border-color'
(26887,50): run-time error CSS1046: Expect comma, found '108'
(26887,58): run-time error CSS1046: Expect comma, found '/'
(26891,50): run-time error CSS1046: Expect comma, found '109'
(26891,57): run-time error CSS1046: Expect comma, found '/'
(26891,76): run-time error CSS1046: Expect comma, found '109'
(26891,83): run-time error CSS1046: Expect comma, found '/'
(26895,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-relsp-border-color'
(26899,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pg-border-color'
(26903,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pastlive-border-color'
(26907,50): run-time error CSS1046: Expect comma, found '154'
(26907,57): run-time error CSS1046: Expect comma, found '/'
(26925,39): run-time error CSS1046: Expect comma, found '255'
(26925,46): run-time error CSS1046: Expect comma, found ')'
(26929,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-color'
(27017,30): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(27031,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(27034,39): run-time error CSS1046: Expect comma, found '0'
(27034,43): run-time error CSS1046: Expect comma, found '/'
(27048,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(27052,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(27056,40): run-time error CSS1046: Expect comma, found '18'
(27056,45): run-time error CSS1046: Expect comma, found ')'
(27089,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(27103,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(27126,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27222,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(27265,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27282,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27313,35): run-time error CSS1046: Expect comma, found '131'
(27313,43): run-time error CSS1046: Expect comma, found '/'
(27332,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(27333,36): run-time error CSS1046: Expect comma, found '0'
(27333,40): run-time error CSS1046: Expect comma, found '/'
(27415,31): run-time error CSS1046: Expect comma, found '143'
(27415,39): run-time error CSS1046: Expect comma, found '/'
(27446,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(27450,36): run-time error CSS1046: Expect comma, found '0'
(27450,40): run-time error CSS1046: Expect comma, found '/'
(27532,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27582,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(27604,24): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(27609,24): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(27611,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27612,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(27616,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(27621,28): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(27622,24): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(27639,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(27641,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(27643,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(27645,34): run-time error CSS1046: Expect comma, found '66'
(27645,40): run-time error CSS1046: Expect comma, found '/'
(27647,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(27890,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28042,21): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(28056,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-color1'
(28082,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(28109,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28136,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(28141,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28145,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28146,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(28154,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(28154,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(28154,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(28154,95): run-time error CSS1039: Token not allowed after unary operator: '-opacity-base'
(28165,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28166,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(28185,26): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(28195,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(28195,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(28195,79): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(28208,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28209,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(28215,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(28215,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(28215,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(28231,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(28239,22): run-time error CSS1030: Expected identifier, found '.'
(28239,53): run-time error CSS1031: Expected selector, found ')'
(28239,53): run-time error CSS1025: Expected comma or open brace, found ')'
(28243,22): run-time error CSS1030: Expected identifier, found '.'
(28243,53): run-time error CSS1031: Expected selector, found ')'
(28243,53): run-time error CSS1025: Expected comma or open brace, found ')'
(28327,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(28374,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(28375,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(28395,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28399,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(28399,50): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(28399,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(28400,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(28400,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(28400,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(28409,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28418,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(28422,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(28423,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28425,22): run-time error CSS1039: Token not allowed after unary operator: '-default-border'
(28438,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28448,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28473,32): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(28477,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(28479,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28481,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(28492,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-hover'
(28510,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(28514,16): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28526,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(28527,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28541,21): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(28549,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(28558,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28559,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(28572,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28574,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(28589,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(28617,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(28620,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28642,20): run-time error CSS1030: Expected identifier, found '.'
(28642,36): run-time error CSS1031: Expected selector, found ')'
(28642,36): run-time error CSS1025: Expected comma or open brace, found ')'
(28647,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(28658,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28686,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(28716,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(28726,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28746,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(28752,32): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(28753,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28766,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(28800,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(28817,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(28839,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(28851,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28881,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28882,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28888,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28889,30): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28895,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28896,28): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(28928,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28962,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28969,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28979,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28981,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(29012,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(29014,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(29038,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(29085,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(29089,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(29093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29098,17): run-time error CSS1039: Token not allowed after unary operator: '-pb-gr-cricle-wh'
(29099,18): run-time error CSS1039: Token not allowed after unary operator: '-pb-gr-cricle-wh'
(29119,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(29133,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(29141,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(29162,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29166,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(29177,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29184,36): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(29227,45): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(29227,76): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29227,96): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(29228,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29232,37): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(29232,78): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(29232,109): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29252,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(29253,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29262,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(29263,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29271,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(29272,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29277,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(29278,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29287,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(29288,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29294,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h6'
(29295,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29301,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29302,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(29308,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29313,33): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(29313,64): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29317,20): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(29319,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(29319,44): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29321,40): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29321,65): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(29330,41): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29354,40): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(29354,76): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(29355,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(29355,50): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(29378,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29391,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29395,24): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(29395,48): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29397,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29398,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29401,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(29407,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29431,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29432,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(29441,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(29442,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29443,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(29447,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29535,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29546,48): run-time error CSS1046: Expect comma, found '255'
(29546,56): run-time error CSS1046: Expect comma, found '/'
(29546,70): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(29557,45): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(29557,75): run-time error CSS1046: Expect comma, found '255'
(29557,83): run-time error CSS1046: Expect comma, found '/'
(29615,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(29634,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(29636,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29644,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(29649,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(29650,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29655,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(29657,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29671,21): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(29672,17): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(29673,18): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(29674,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(29689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29690,21): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(29691,17): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(29692,18): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(29706,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29707,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(29714,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(29724,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29726,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(29731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29732,17): run-time error CSS1039: Token not allowed after unary operator: '-p-inline-upload'
(29733,18): run-time error CSS1039: Token not allowed after unary operator: '-p-inline-upload'
(29734,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29739,17): run-time error CSS1039: Token not allowed after unary operator: '-p-inline-delete'
(29740,18): run-time error CSS1039: Token not allowed after unary operator: '-p-inline-delete'
(29741,18): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(29745,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29746,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(29750,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29771,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(29773,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29775,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-1'
(29780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29803,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(29824,37): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(29824,68): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29828,24): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(29866,32): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(29911,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(29915,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(29919,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(29933,46): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29934,38): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29938,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(29942,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(29956,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(29991,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(30050,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(30112,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(30117,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30117,59): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30117,86): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30173,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30192,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(30201,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(30205,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30216,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30216,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30216,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30216,106): run-time error CSS1039: Token not allowed after unary operator: '-opacity-base-active-bg'
(30217,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30221,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30222,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(30230,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(30231,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30235,30): run-time error CSS1046: Expect comma, found '53'
(30235,37): run-time error CSS1046: Expect comma, found '/'
(30239,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(30240,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(30241,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30249,28): run-time error CSS1039: Token not allowed after unary operator: '-table-head-bg'
(30250,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-2'
(30254,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30304,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(30341,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30342,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30346,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(30347,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30356,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-2'
(30371,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(30372,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(30378,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(30391,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30391,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30391,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30396,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30404,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30408,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(30412,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(30453,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30454,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30456,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30457,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30465,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30466,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30470,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30471,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(30550,31): run-time error CSS1030: Expected identifier, found '.'
(30550,47): run-time error CSS1031: Expected selector, found ')'
(30550,47): run-time error CSS1025: Expected comma or open brace, found ')'
(30566,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(30572,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30573,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30574,23): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30579,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30579,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30579,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30580,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30580,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30580,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30581,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30585,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30589,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30593,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(30624,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30635,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(30639,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30660,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30660,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30660,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30664,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30664,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30664,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30668,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30668,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30668,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30681,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30696,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30697,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30701,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30707,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30708,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30716,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30720,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30721,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30725,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30743,28): run-time error CSS1039: Token not allowed after unary operator: '-table-head-bg'
(30744,19): run-time error CSS1039: Token not allowed after unary operator: '-grid-table-padding'
(30757,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30759,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30765,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30767,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30777,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(30781,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(30790,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30790,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30790,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30799,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30800,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30804,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30817,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30822,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30826,28): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(30827,22): run-time error CSS1039: Token not allowed after unary operator: '-th-dropdown-bg'
(30828,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(30829,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30830,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-2'
(30835,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(30836,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30844,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30846,17): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(30850,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(30892,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30896,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30897,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30897,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30897,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30898,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(30898,60): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(30898,87): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(30903,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30908,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(30918,19): run-time error CSS1039: Token not allowed after unary operator: '-grid-table-padding'
(30922,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(30926,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30930,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30947,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30957,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(30964,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30965,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30966,41): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(30970,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30974,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(30979,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30980,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30989,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(31000,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31005,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31015,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(31017,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31037,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(31041,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31045,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31050,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31057,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31058,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31066,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31071,38): run-time error CSS1046: Expect comma, found '60'
(31071,43): run-time error CSS1046: Expect comma, found ')'
(31075,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(31079,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(31080,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(31081,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31082,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(31086,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31090,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(31090,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(31090,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(31090,106): run-time error CSS1039: Token not allowed after unary operator: '-opacity-base-active-bg'
(31098,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(31100,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(31115,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(31115,61): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(31115,88): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(31115,114): run-time error CSS1039: Token not allowed after unary operator: '-opacity-default-border'
(31122,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31123,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31131,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(31133,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(31134,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(31140,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31141,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(31145,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31149,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31163,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(31168,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-darkbg-color'
(31172,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(31176,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color'
(31180,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(31184,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-color'
(31188,28): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(31192,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-dark-yellow2'
(31196,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(31200,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-dark-green1'
(31208,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(31212,17): run-time error CSS1039: Token not allowed after unary operator: '-orange-color'
(31216,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(31220,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(31263,32): run-time error CSS1039: Token not allowed after unary operator: '-card-btn-light-bg'
(31264,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31265,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31275,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(31322,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color2'
(31324,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(31326,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(31326,51): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color'
(31334,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31335,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(31344,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31348,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue2'
(31349,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(31349,51): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-color'
(31353,28): run-time error CSS1039: Token not allowed after unary operator: '-complete-bg'
(31354,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(31354,51): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(31359,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(31363,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31372,16): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(31377,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(31383,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31389,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31394,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31396,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31465,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31477,32): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(31482,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(31488,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31490,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31491,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(31501,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31505,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31509,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31522,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31527,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(31528,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31553,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(31591,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31594,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(31600,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(31600,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(31600,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(31605,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(31609,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(31614,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(31614,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(31614,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(31615,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(31616,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31626,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(31701,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(31714,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31718,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(31719,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(31738,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31754,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(31768,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(31772,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(31778,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31788,31): run-time error CSS1046: Expect comma, found '234'
(31788,39): run-time error CSS1046: Expect comma, found '/'
(31801,31): run-time error CSS1046: Expect comma, found '234'
(31801,39): run-time error CSS1046: Expect comma, found '/'
(31820,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31831,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(31874,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31878,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(31879,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31937,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(31938,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(31947,68): run-time error CSS1039: Token not allowed after unary operator: '-content-grid-width'
(31948,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(31952,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(31959,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31963,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31963,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31964,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(31964,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(31964,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(31965,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(31988,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31988,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32000,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(32002,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32002,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32002,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(32011,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32011,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32011,68): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(32016,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32016,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32016,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(32017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32021,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32031,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32052,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(32064,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32068,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32114,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(32118,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(32137,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(32139,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(32153,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32176,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(32212,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(32212,58): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(32224,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32234,21): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32239,21): run-time error CSS1039: Token not allowed after unary operator: '-default-border'
(32240,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(32246,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(32248,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(32259,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32261,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(32269,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(32276,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(32279,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(32287,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(32288,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(32294,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(32304,34): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(32344,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(32352,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(32362,36): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(32362,72): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(32363,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(32364,23): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(32398,40): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(32398,76): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(32398,100): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(32402,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32406,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32410,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(32447,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(32448,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(32449,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32480,48): run-time error CSS1046: Expect comma, found '25'
(32480,53): run-time error CSS1046: Expect comma, found ')'
(32480,66): run-time error CSS1046: Expect comma, found '0'
(32480,69): run-time error CSS1046: Expect comma, found ')'
(32498,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(32500,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(32520,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32530,36): run-time error CSS1046: Expect comma, found '0'
(32530,40): run-time error CSS1046: Expect comma, found '/'
(32541,25): run-time error CSS1046: Expect comma, found '165'
(32541,33): run-time error CSS1046: Expect comma, found '/'
(32571,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(32599,56): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32599,86): run-time error CSS1046: Expect comma, found '256'
(32599,94): run-time error CSS1046: Expect comma, found '/'
(32636,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(32651,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32655,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(32659,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(32665,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32665,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32666,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32666,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32666,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(32675,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32675,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32675,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(32681,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(32686,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32686,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32686,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(32728,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32728,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32728,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(32742,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32742,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32742,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(32745,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32745,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32745,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(32746,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32746,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32746,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(32749,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(32753,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(32753,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(32753,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(32754,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32772,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(32774,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(32786,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(32787,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(32788,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(32803,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32837,30): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(32859,21): run-time error CSS1039: Token not allowed after unary operator: '-def-sb-wid'
(32898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32906,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32919,31): run-time error CSS1046: Expect comma, found '255'
(32919,39): run-time error CSS1046: Expect comma, found '/'
(32920,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(32982,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32983,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33024,32): run-time error CSS1039: Token not allowed after unary operator: '-blue-light-bg'
(33026,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33067,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33071,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33078,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33079,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(33082,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(33083,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(33084,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33085,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(33090,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33090,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33090,79): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33091,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33091,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33091,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33092,39): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(33118,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33139,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33145,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33150,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33164,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(33167,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33168,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(33169,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33183,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(33189,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33214,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33238,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33252,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33268,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33286,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(33317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33318,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33326,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33326,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33327,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33328,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33335,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33346,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33357,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-bg-color'
(33381,19): run-time error CSS1039: Token not allowed after unary operator: '-dash-card-padd'
(33382,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33420,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(33435,25): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(33435,58): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(33441,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33464,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(33499,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33499,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33499,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33501,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33501,55): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33501,82): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33506,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33506,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33506,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33512,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(33583,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33600,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(33604,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(33609,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33612,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(33613,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(33616,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33626,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(33627,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33645,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33649,40): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(33649,76): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(33659,39): run-time error CSS1046: Expect comma, found '0'
(33659,43): run-time error CSS1046: Expect comma, found '/'
(33696,31): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(33724,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33725,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33737,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33742,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33744,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33744,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33744,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33745,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(33746,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(33746,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(33746,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(33759,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(33770,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(33783,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33789,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33805,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33808,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(33809,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(33813,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(33815,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33824,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33850,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(33855,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(33856,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33857,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33863,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(33897,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(33922,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-bg-color'
(33931,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(33934,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(33941,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(33982,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33997,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34049,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(34063,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(34064,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(34118,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34125,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(34143,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(34144,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(34145,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(34147,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(34148,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34177,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34177,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34177,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34178,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34179,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(34180,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34180,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34180,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34184,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34184,44): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34184,71): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34188,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34188,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34188,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34192,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34192,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34192,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34196,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34196,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34196,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34215,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(34217,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(34229,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(34244,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(34258,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34288,16): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(34292,16): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(34296,46): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(34306,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(34350,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(34352,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(34353,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(34354,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34388,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34388,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34389,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(34395,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34407,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34409,18): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(34410,16): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(34420,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(34442,24): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(34448,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34448,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34448,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34482,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34489,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(34493,28): run-time error CSS1039: Token not allowed after unary operator: '-cb-blue'
(34503,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34503,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34503,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34504,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34504,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34504,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34532,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg'
(34533,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg-image'
(34537,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34543,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(34549,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34549,50): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34549,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34550,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(34550,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(34550,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(34551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34556,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(34579,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(34580,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(34586,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34590,20): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(34705,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34721,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34725,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(34726,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(34727,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34744,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34745,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(34773,22): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(34791,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(34792,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(34833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34838,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(34839,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(34840,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34841,22): run-time error CSS1039: Token not allowed after unary operator: '-feature-img-h'
(34842,22): run-time error CSS1039: Token not allowed after unary operator: '-feature-img-h'
(34847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34849,45): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(34849,76): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(34849,96): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(34851,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(34866,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(34880,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(34895,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34900,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34902,29): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(34906,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34911,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(34931,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34940,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(34946,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(34962,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(35007,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(35013,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(35014,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35039,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(35053,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35054,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(35068,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35069,19): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(35077,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35203,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35234,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35235,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35236,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(35245,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35258,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35264,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(35269,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35270,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(35273,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35280,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(35284,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35294,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(35303,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(35308,40): run-time error CSS1046: Expect comma, found '59'
(35308,46): run-time error CSS1046: Expect comma, found '/'
(35309,18): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-hr-color'
(35318,21): run-time error CSS1046: Expect comma, found '204'
(35318,29): run-time error CSS1046: Expect comma, found '/'
(35374,28): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-hr-color'
(35380,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(35383,35): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(35389,30): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(35398,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(35425,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35459,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(35466,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35471,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(35485,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(35493,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-yellow2'
(35494,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(35495,30): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(35496,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35501,32): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-green1'
(35505,36): run-time error CSS1039: Token not allowed after unary operator: '-plm-dark-green1'
(35509,32): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue2'
(35532,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35534,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-dark-yellow2'
(35535,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(35546,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(35554,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(35563,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35567,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(35577,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(35584,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35635,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35636,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35644,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(35664,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(35665,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35669,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35671,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35692,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35694,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(35703,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(35716,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(35729,21): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(35745,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35782,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(35787,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(35791,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(35821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35823,17): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(35824,18): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(35831,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35855,39): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(35857,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(35889,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35912,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35916,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(35920,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35939,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(35940,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(35960,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(35967,18): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(35971,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(35971,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(35971,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(35975,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-icon-color'
(35982,28): run-time error CSS1039: Token not allowed after unary operator: '-card-btn-light-bg'
(35983,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(35984,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35988,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35990,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow-1'
(35991,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35996,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36002,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36007,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(36029,24): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(36042,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(36047,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(36062,22): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36070,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(36075,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36110,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(36121,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(36126,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(36161,24): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(36166,36): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(36166,55): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(36171,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(36175,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(36175,54): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(36187,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(36187,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(36187,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(36195,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36218,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(36226,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(36226,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(36226,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(36263,30): run-time error CSS1046: Expect comma, found '148'
(36263,37): run-time error CSS1046: Expect comma, found '/'
(36264,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(36267,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(36268,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(36275,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(36286,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-hover'
(36292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36293,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-v1'
(36294,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-v1'
(36295,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36341,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(36365,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(36376,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(36381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '`'
(36457,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(36463,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(36464,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36465,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36470,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36485,16): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36506,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(36532,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36604,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36605,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(36670,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(36671,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36678,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(36702,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(36704,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36724,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36753,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(36761,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(36772,37): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(36797,37): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(36802,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(36857,22): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(36892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36895,33): run-time error CSS1039: Token not allowed after unary operator: '-ps-grid-lc-wid'
(36895,71): run-time error CSS1039: Token not allowed after unary operator: '-ps-grid-lc-wid'
(36895,95): run-time error CSS1039: Token not allowed after unary operator: '-pso-grid-gap'
(36895,117): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36897,15): run-time error CSS1039: Token not allowed after unary operator: '-pso-grid-gap'
(36902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36903,22): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(36904,18): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(36921,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(36955,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36961,37): run-time error CSS1039: Token not allowed after unary operator: '-ps-grid-lc-wid'
(36961,75): run-time error CSS1039: Token not allowed after unary operator: '-ps-grid-lc-wid'
(36961,99): run-time error CSS1039: Token not allowed after unary operator: '-pso-grid-gap'
(36961,121): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36969,15): run-time error CSS1039: Token not allowed after unary operator: '-timeline-ver-gap'
(36979,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(37008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37009,17): run-time error CSS1039: Token not allowed after unary operator: '-pso-cw'
(37010,18): run-time error CSS1039: Token not allowed after unary operator: '-pso-cw'
(37011,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(37022,24): run-time error CSS1039: Token not allowed after unary operator: '-pso-cw'
(37024,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(37025,27): run-time error CSS1039: Token not allowed after unary operator: '-timeline-ver-gap'
(37025,58): run-time error CSS1039: Token not allowed after unary operator: '-pso-cw'
(37026,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37049,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-3'
(37050,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(37065,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(37071,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(37076,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37083,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(37087,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37087,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37087,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37088,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37088,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37088,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37098,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37098,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37098,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37110,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37121,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37121,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37121,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37123,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(37153,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(37157,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(37159,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(37161,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37162,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(37183,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(37185,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(37186,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(37187,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(37197,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(37234,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(37246,16): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(37261,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(37263,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37268,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(37280,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(37292,28): run-time error CSS1039: Token not allowed after unary operator: '-card-btn-light-bg'
(37294,28): run-time error CSS1039: Token not allowed after unary operator: '-hsla-input-border'
(37295,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(37301,28): run-time error CSS1039: Token not allowed after unary operator: '-left-active-bw'
(37301,64): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37310,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(37329,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37335,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(37408,23): run-time error CSS1039: Token not allowed after unary operator: '-left-active-bw-lg'
(37408,60): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37408,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37408,107): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37412,23): run-time error CSS1039: Token not allowed after unary operator: '-left-active-bw-lg'
(37412,57): run-time error CSS1046: Expect comma, found '24'
(37412,64): run-time error CSS1046: Expect comma, found '/'
(37416,27): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(37418,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(37434,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37540,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(37582,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(37583,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37584,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37599,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(37633,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37633,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37633,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37638,21): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(37648,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37657,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(37658,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37662,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(37666,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(37670,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(37671,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37683,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37721,29): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(37738,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(37739,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37808,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37808,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37808,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37809,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(37810,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(37841,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(37841,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(37841,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(37842,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(37853,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(37854,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(37855,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37857,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37883,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37884,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(37890,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(37925,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37927,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(37928,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(37932,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(37937,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(37938,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(37942,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(37946,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(37966,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(37975,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(37982,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(37987,20): run-time error CSS1039: Token not allowed after unary operator: '-content-grid-width'
(37991,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(38024,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(38054,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(38071,18): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(38096,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38109,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38109,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38109,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38112,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38127,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38128,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38135,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38136,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38197,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38198,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(38199,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(38200,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(38213,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(38241,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38257,56): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38257,86): run-time error CSS1046: Expect comma, found '256'
(38257,94): run-time error CSS1046: Expect comma, found '/'
(38264,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38268,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(38269,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38279,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(38289,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38293,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(38301,16): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(38305,16): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(38336,16): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(38340,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38366,18): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(38388,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(38389,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38390,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38416,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38421,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(38453,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38461,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(38465,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(38490,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38515,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(38519,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38520,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(38522,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38524,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(38526,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38528,32): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(38534,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38534,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38534,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38536,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38536,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38536,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38540,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38541,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(38543,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38545,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(38547,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38549,32): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(38555,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38555,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38555,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38557,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38557,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38557,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38566,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(38567,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(38568,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(38570,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(38571,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38584,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38591,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38592,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(38593,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(38595,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(38596,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38606,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(38610,30): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38616,33): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(38722,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(38777,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(38784,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38799,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38801,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38805,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38806,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(38810,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38810,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38810,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38812,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38812,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38812,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38820,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38825,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38842,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38855,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(38884,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(38889,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(38893,26): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38902,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38902,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38902,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38903,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38904,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38915,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38915,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38915,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38916,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(38916,50): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(38916,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(38948,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(38952,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38956,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38961,16): run-time error CSS1039: Token not allowed after unary operator: '-rating-color'
(38962,18): run-time error CSS1039: Token not allowed after unary operator: '-rating-color'
(38980,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(38984,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(38997,17): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(39001,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(39001,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(39002,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39030,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(39045,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(39046,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-bg-def-1'
(39047,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(39049,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39050,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(39056,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(39064,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39071,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(39093,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39097,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(39098,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39099,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39140,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39144,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(39169,27): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(39171,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(39185,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(39190,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(39204,20): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(39214,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(39216,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(39220,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(39224,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(39227,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39244,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39254,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(39256,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39267,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg'
(39268,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg-image'
(39272,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(39278,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(39302,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39346,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39348,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(39363,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39372,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39387,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(39390,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(39390,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(39390,76): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(39396,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(39396,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(39397,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(39397,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(39397,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(39413,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39434,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39440,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39441,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39466,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39473,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39474,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39480,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(39480,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(39480,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(39484,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(39492,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(39502,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39502,54): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39503,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39510,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(39519,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(39536,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39548,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39555,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(39555,50): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(39555,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(39561,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39578,30): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39579,29): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39596,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(39644,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39674,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39696,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39713,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39721,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39803,12): run-time error CSS1038: Expected hex color, found '#ffff'
(39808,12): run-time error CSS1038: Expected hex color, found '#ffff'
(39814,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39816,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39832,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39836,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39864,29): run-time error CSS1046: Expect comma, found '0'
(39864,33): run-time error CSS1046: Expect comma, found '/'
(39881,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39911,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(39925,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(39929,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39936,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-inverse'
(39940,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(39942,21): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(39946,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(39974,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(39988,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(39989,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(39998,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40024,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40025,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(40036,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(40043,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(40049,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(40054,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(40062,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(40076,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(40078,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40084,18): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-size'
(40085,17): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-size'
(40092,24): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-stroke-width'
(40101,24): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-stroke-width'
(40119,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40123,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(40139,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(40143,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(40148,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(40149,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(40150,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(40150,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(40150,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(40151,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(40158,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(40159,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(40160,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(40161,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(40171,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(40174,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40193,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(40197,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40201,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(40239,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(40248,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(40254,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(40255,28): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(40256,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(40257,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40258,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(40271,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40272,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(40273,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(40274,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40275,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(40280,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(40281,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(40282,33): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(40326,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40362,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(40362,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(40362,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(40363,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(40363,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(40363,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(40364,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(40364,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(40364,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(40365,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40369,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(40369,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(40369,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(40389,30): run-time error CSS1046: Expect comma, found '72'
(40389,37): run-time error CSS1046: Expect comma, found '/'
(40400,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40445,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(40449,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(40451,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40455,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(40462,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(40463,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(40466,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40467,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(40469,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(40470,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(40478,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40487,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40488,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(40493,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(40494,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(40494,55): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(40508,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(40516,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40521,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40538,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40539,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(40539,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(40539,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(40541,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40547,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(40547,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(40547,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(40548,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(40548,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(40548,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(40615,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40627,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(40651,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40657,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-1'
(40658,29): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(40663,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(40667,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(40669,69): run-time error CSS1046: Expect comma, found '239'
(40669,77): run-time error CSS1046: Expect comma, found '/'
(40670,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40676,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40677,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40685,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(40690,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40715,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(40716,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(40720,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40721,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40731,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(40732,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(40733,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40735,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(40744,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40756,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(40762,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(40766,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(40806,33): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(40810,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(40818,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(40819,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(40820,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40821,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(40829,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(40833,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(40840,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40918,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40975,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(40976,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(40977,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41016,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(41028,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41029,25): run-time error CSS1039: Token not allowed after unary operator: '-np-btn-wh'
(41030,26): run-time error CSS1039: Token not allowed after unary operator: '-np-btn-wh'
(41035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41036,17): run-time error CSS1039: Token not allowed after unary operator: '-rev-gt-icon'
(41037,18): run-time error CSS1039: Token not allowed after unary operator: '-rev-gt-icon'
(41039,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41044,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(41044,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(41044,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(41045,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(41045,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(41045,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(41065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41082,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41086,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41088,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(41088,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(41088,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(41092,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(41092,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(41092,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(41094,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(41095,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(41101,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(41105,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41110,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-3'
(41115,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41135,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41163,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(41169,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(41170,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(41171,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41180,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(41181,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(41181,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(41181,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(41182,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41228,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(41230,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41236,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41259,27): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(41262,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(41271,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(41297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41298,18): run-time error CSS1039: Token not allowed after unary operator: '-chat-prof-icon-width'
(41299,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-prof-icon-width'
(41300,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-prof-icon-width'
(41301,21): run-time error CSS1039: Token not allowed after unary operator: '-chat-prof-icon-width'
(41315,32): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(41316,30): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(41332,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41343,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41356,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(41380,19): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(41385,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41386,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-bg-color'
(41387,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(41389,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(41396,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41404,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(41442,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-left-bubble'
(41444,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41456,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41456,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41456,73): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41463,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(41464,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41469,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41469,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41469,75): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41495,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(41502,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41522,33): run-time error CSS1046: Expect comma, found '0'
(41522,37): run-time error CSS1046: Expect comma, found '/'
(41523,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(41537,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(41551,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(41556,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41564,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41565,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(41567,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(41580,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue'
(41593,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(41598,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41598,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41598,73): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41640,36): run-time error CSS1046: Expect comma, found '44'
(41640,42): run-time error CSS1046: Expect comma, found '/'
(41646,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(41706,31): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(41717,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(41718,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(41719,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41720,23): run-time error CSS1039: Token not allowed after unary operator: '-left-active-bw'
(41724,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(41725,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41745,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(41751,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41758,32): run-time error CSS1039: Token not allowed after unary operator: '-ot-bg-color'
(41789,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color'
(41802,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(41802,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(41803,35): run-time error CSS1046: Expect comma, found '234'
(41803,43): run-time error CSS1046: Expect comma, found '/'
(41807,21): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(41811,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(41820,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(41844,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(41849,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(41850,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(41853,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41854,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41879,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41888,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(41895,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color2'
(41896,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color'
(41897,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41912,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(41936,26): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(41940,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41953,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41958,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41975,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(41976,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(41977,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(41978,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41984,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(42013,19): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(42014,35): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(42018,34): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(42019,19): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(42028,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(42075,22): run-time error CSS1039: Token not allowed after unary operator: '-indigo-color'
(42111,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(42143,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42148,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42177,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(42181,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(42186,36): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(42201,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(42208,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(42217,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(42276,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(42277,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(42287,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(42299,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(42301,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(42308,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(42317,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(42328,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42357,17): run-time error CSS1039: Token not allowed after unary operator: '-p-ins-wb-su'
(42358,18): run-time error CSS1039: Token not allowed after unary operator: '-p-ins-wb-su'
(42363,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42376,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42381,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(42383,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(42389,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(42393,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(42399,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(42410,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(42441,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(42452,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42453,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(42458,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(42459,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(42464,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(42470,15): run-time error CSS1039: Token not allowed after unary operator: '-p-row-grid-gap'
(42486,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(42542,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(42544,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42550,32): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(42551,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(42555,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(42576,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(42580,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42584,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(42631,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(42642,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(42657,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(42714,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(42716,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(42757,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42761,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(42762,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(42763,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(42764,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(42769,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(42773,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(42774,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42789,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(42793,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(42816,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(42817,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(42818,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42819,28): run-time error CSS1039: Token not allowed after unary operator: '-input-bg-sel-theme'
(42820,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(42824,28): run-time error CSS1039: Token not allowed after unary operator: '-blur2-bg-color'
(42825,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(42826,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42831,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(42835,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(42888,18): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(42893,18): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(42902,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-bg'
(42903,17): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(42907,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-color'
(42908,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(42912,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-color'
(42913,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(42931,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(42960,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(42978,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(43028,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(43048,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(43119,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(43126,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(43130,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(43179,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(43189,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(43292,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(43334,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(43366,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(43381,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(43386,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(43415,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(43416,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43427,27): run-time error CSS1039: Token not allowed after unary operator: '-lh'
(43427,39): run-time error CSS1039: Token not allowed after unary operator: '-max-lines'
(43439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43441,27): run-time error CSS1039: Token not allowed after unary operator: '-lh'
(43441,39): run-time error CSS1039: Token not allowed after unary operator: '-max-lines'
(43447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43470,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43474,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(43487,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(43514,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(43581,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(43591,31): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(43644,29): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(43685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43686,17): run-time error CSS1039: Token not allowed after unary operator: '-p-even-dt-box-wh'
(43687,18): run-time error CSS1039: Token not allowed after unary operator: '-p-even-dt-box-wh'
(43690,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(43693,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(43720,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(43725,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(43759,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(43773,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(43781,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(43791,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(43795,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(43799,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(43803,28): run-time error CSS1039: Token not allowed after unary operator: '-tealGreen'
(43852,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(43869,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(43870,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43875,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(43876,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(43893,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(43894,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled-text-color'
(43895,24): run-time error CSS1039: Token not allowed after unary operator: '-disabled-border-color'
(43904,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(43911,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(43912,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(43918,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(43970,19): run-time error CSS1039: Token not allowed after unary operator: '-dash-card-padd'
(43974,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(43976,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43980,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(43985,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43995,19): run-time error CSS1039: Token not allowed after unary operator: '-dash-card-padd'
(43999,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44000,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(44035,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44039,34): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(44055,26): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(44069,26): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(44111,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(44140,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(44141,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(44183,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(44199,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44246,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(44247,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(44252,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(44253,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(44272,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(44274,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(44275,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(44285,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(44287,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44292,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(44293,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(44297,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44324,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(44337,26): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(44341,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(44361,33): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(44363,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(44387,33): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(44409,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(44437,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(44438,36): run-time error CSS1046: Expect comma, found '0'
(44438,40): run-time error CSS1046: Expect comma, found '/'
(44444,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(44445,36): run-time error CSS1046: Expect comma, found '0'
(44445,40): run-time error CSS1046: Expect comma, found '/'
(44490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44497,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(44534,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44540,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44585,35): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(44586,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(44623,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(44641,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(44756,29): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(44782,21): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(44784,26): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(44808,38): run-time error CSS1046: Expect comma, found '30'
(44808,44): run-time error CSS1046: Expect comma, found '/'
(44827,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44841,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(44841,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(44841,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(44842,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(44843,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44912,32): run-time error CSS1039: Token not allowed after unary operator: '-timeline-ver-gap'
(44930,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(44932,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(44936,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(44983,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45084,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45106,18): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(45110,18): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(45153,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45215,27): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(45232,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(45232,65): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(45236,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(45248,28): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(45255,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(45282,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(45283,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(45291,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(45294,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(45295,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(45314,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width-xxl'
(45328,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(45328,49): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(45333,35): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(45334,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(45338,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(45348,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45371,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(45377,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(45382,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(45386,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(45398,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(45398,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(45398,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(45402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45403,21): run-time error CSS1039: Token not allowed after unary operator: '-integs-icon'
(45404,17): run-time error CSS1039: Token not allowed after unary operator: '-integs-icon'
(45411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45419,25): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(45429,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(45430,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(45434,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(45455,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45457,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(45465,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(45465,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(45465,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(45481,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(45481,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(45481,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(45484,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45499,28): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(45508,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-yellow'
(45509,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45513,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45527,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45569,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(45645,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(45690,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(45702,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(45703,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(45704,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45715,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(45716,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(45726,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(45734,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(45740,23): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(45749,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(45754,22): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(45788,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(45797,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(45798,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(45799,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(45799,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(45799,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(45800,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(45804,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(45804,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(45804,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(45810,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(45810,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(45810,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(45812,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(45812,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(45812,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(45891,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(45906,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45910,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(45914,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(45914,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(45914,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(45918,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(45918,50): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(45918,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(45922,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(45935,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(45990,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(45995,21): run-time error CSS1039: Token not allowed after unary operator: '-link'
(46022,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(46033,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(46034,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46044,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46059,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(46065,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(46069,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(46094,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(46103,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46104,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(46113,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46117,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(46153,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(46159,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(46161,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46173,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46185,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(46206,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46215,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46221,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46225,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(46237,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(46238,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46252,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(46276,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46277,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(46311,36): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(46311,71): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(46342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46343,22): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(46344,18): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(46413,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(46417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46418,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(46419,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(46420,34): run-time error CSS1046: Expect comma, found '54'
(46420,41): run-time error CSS1046: Expect comma, found '/'
(46421,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46431,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(46457,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(46463,34): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(46468,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46490,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(46508,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46521,30): run-time error CSS1046: Expect comma, found '30'
(46521,36): run-time error CSS1046: Expect comma, found '/'
(46547,16): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(46558,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(46585,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(46646,22): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(46652,22): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(46658,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(46693,22): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(46732,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46747,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(46766,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(46790,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(46812,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(46813,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(46814,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46828,28): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(46830,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(46830,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(46830,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(46899,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(46924,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(46939,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(46939,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(46939,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(46959,25): run-time error CSS1046: Expect comma, found '247'
(46959,33): run-time error CSS1046: Expect comma, found '/'
(46978,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(47001,18): run-time error CSS1039: Token not allowed after unary operator: '-Color-Greadient'
(47014,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(47078,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47084,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(47101,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(47135,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(47148,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(47152,17): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-2'
(47200,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(47204,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(47206,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47210,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47239,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(47240,26): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(47248,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(47249,37): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-color'
(47254,39): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(47254,82): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(47258,33): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration'
(47262,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(47275,36): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(47276,41): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(47288,41): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-color'
(47293,42): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-color'
(47307,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(47347,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(47427,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(47469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47474,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47592,21): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(47596,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(47616,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(47616,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(47616,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(47618,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47620,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(47620,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(47626,24): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(47637,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47664,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(47666,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47669,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(47669,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(47673,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47674,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(47685,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47711,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47720,67): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(47734,17): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(47736,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(47754,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47755,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(47755,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(47757,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(47769,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(47771,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47778,36): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(47798,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47813,32): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(47815,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47821,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(47822,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47834,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47845,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47874,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47930,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(47992,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48062,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48073,18): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(48094,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(48095,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48107,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48121,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(48176,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(48176,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(48176,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(48247,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48253,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(48253,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(48253,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(48254,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(48255,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(48257,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(48263,31): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(48270,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(48344,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48346,28): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(48347,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow-1'
(48353,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48359,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48365,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(48370,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(48380,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(48400,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(48401,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(48404,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(48425,25): run-time error CSS1046: Expect comma, found '255'
(48425,33): run-time error CSS1046: Expect comma, found '/'
(48463,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48470,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48476,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48480,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(48481,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48485,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(48486,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48490,23): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(48491,27): run-time error CSS1039: Token not allowed after unary operator: '-card-btn-light-bg'
(48495,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(48495,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(48495,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(48499,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(48499,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(48499,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(48517,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(48521,21): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(48525,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48562,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48632,40): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(48632,75): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(48632,99): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48658,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48659,33): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48685,29): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48705,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(48706,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48710,43): run-time error CSS1030: Expected identifier, found '.'
(48710,72): run-time error CSS1031: Expected selector, found ')'
(48710,72): run-time error CSS1025: Expected comma or open brace, found ')'
(48755,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48761,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48766,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(48767,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48774,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(48775,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48777,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(48781,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(48813,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48838,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48876,29): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(48895,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48913,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(48919,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(48920,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(48924,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48930,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48940,21): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(48946,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(48953,26): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(49017,22): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(49019,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49020,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49034,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(49035,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(49045,22): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(49064,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49065,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(49072,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49076,26): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(49097,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(49101,16): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(49116,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(49117,18): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(49118,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(49183,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49185,25): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(49193,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(49199,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49201,30): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(49209,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(49215,18): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(49216,17): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(49228,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(49233,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(49244,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(49248,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(49256,44): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(49256,79): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(49256,103): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(49279,40): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(49279,77): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(49312,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(49313,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49325,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(49336,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(49337,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49341,24): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(49382,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(49382,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(49389,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(49390,24): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(49394,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(49413,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(49414,23): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(49418,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(49436,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(49446,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(49451,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(49451,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(49451,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(49456,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49460,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(49471,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(49478,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(49478,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(49478,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(49503,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(49503,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(49503,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(49532,16): run-time error CSS1039: Token not allowed after unary operator: '-yellow-dark-color'
(49536,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(49538,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49542,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(49569,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(49572,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(49600,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49617,16): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(49628,21): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(49640,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49649,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(49679,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(49705,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(49757,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(49759,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(49760,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(49761,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(49762,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(49762,50): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(49762,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(49762,103): run-time error CSS1039: Token not allowed after unary operator: '-opacity-default-border'
(49768,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(49772,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49778,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(49787,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(49798,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(49803,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(49816,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(49907,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(49908,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49917,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(49918,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49928,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(49942,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(49950,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(49960,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49965,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(49975,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49980,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(50112,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(50113,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(50114,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50147,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(50148,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(50149,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(50150,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(50154,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(50158,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(50179,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(50202,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50207,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50227,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(50228,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50277,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(50283,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(50284,29): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(50291,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(50293,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(50293,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(50294,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(50294,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(50319,35): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(50322,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(50322,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(50322,96): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(50330,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(50334,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(50335,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50357,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(50368,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(50415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50418,33): run-time error CSS1039: Token not allowed after unary operator: '-profile-sb-width'
(50418,69): run-time error CSS1039: Token not allowed after unary operator: '-profile-sb-width'
(50418,95): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(50419,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(50437,35): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-1'
(50445,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(50445,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(50445,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(50458,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50461,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50481,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50482,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(50483,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50489,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(50489,44): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(50498,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50501,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(50501,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(50501,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(50506,36): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(50506,60): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(50506,82): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(50536,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(50546,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(50547,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50548,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(50553,28): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(50561,34): run-time error CSS1046: Expect comma, found '255'
(50561,41): run-time error CSS1046: Expect comma, found ')'
(50582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50586,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-bg-def'
(50587,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(50587,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(50587,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(50597,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(50613,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(50615,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50616,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(50624,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(50625,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50626,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(50630,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50634,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50636,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50667,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(50673,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(50685,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50689,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(50729,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(50751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50752,18): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(50773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50774,22): run-time error CSS1039: Token not allowed after unary operator: '-pso-tl-verti-mh'
(50779,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(50779,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(50781,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50790,21): run-time error CSS1039: Token not allowed after unary operator: '-timeline-width'
(50802,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width-xl'
(50806,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width-xxl'
(50856,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(50890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50892,21): run-time error CSS1039: Token not allowed after unary operator: '-timeline-width'
(50941,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50958,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg-color'
(50995,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(50999,25): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(51005,25): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(51011,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(51035,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(51047,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51050,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(51070,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51075,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(51075,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(51075,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(51100,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(51104,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(51110,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-icon-color'
(51115,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-icon-color'
(51123,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51128,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(51133,28): run-time error CSS1039: Token not allowed after unary operator: '-th-dropdown-bg'
(51174,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(51206,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(51220,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(51226,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(51247,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51251,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(51259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51263,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51265,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(51266,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51267,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-min-height-upld'
(51282,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-min-height-upld'
(51283,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(51290,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(51305,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51328,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(51341,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(51345,32): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-1'
(51352,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51353,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51358,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(51359,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(51363,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(51368,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51372,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51376,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51394,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51404,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(51414,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(51418,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(51424,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(51425,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(51434,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(51458,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(51490,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(51531,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-no-data-svg'
(51548,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(51553,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51570,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(51575,38): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(51588,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(51593,32): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(51601,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(51623,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51643,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51678,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(51697,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51746,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51781,38): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(51787,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(51788,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51795,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(51799,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(51799,50): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(51799,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(51809,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51810,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(51814,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51820,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51826,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(51826,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(51826,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(51827,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51828,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(51828,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(51828,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(51832,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(51832,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(51832,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(51833,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(51833,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(51833,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(51914,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(51954,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(51960,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(51970,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(51973,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51994,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52008,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(52008,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(52008,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(52039,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52043,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(52047,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(52047,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(52047,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(52060,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(52065,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52066,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(52071,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52075,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52076,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52080,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52081,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52085,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-4'
(52094,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(52094,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(52094,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(52103,32): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(52108,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52109,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(52114,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(52118,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(52140,43): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width-sm'
(52141,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(52145,41): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width-sm'
(52163,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52217,22): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(52218,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(52218,49): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(52230,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52241,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(52253,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(52254,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52262,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(52268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52272,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(52277,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52291,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(52295,28): run-time error CSS1039: Token not allowed after unary operator: '-complete-bg'
(52335,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(52391,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(52404,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(52417,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color-2'
(52422,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(52426,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color-2'
(52430,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color-2'
(52483,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52488,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(52489,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52493,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52498,39): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(52499,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(52566,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(52599,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52607,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52611,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(52611,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(52611,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(52612,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52613,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52622,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(52628,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52630,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52646,25): run-time error CSS1039: Token not allowed after unary operator: '-grid-ana-gap'
(52705,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(52755,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(52756,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(52760,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(52762,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52770,20): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width-sm'
(52773,21): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width-sm'
(52777,33): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width-sm'
(52777,67): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(52810,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52846,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(52895,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(52897,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52914,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(52945,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(52988,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52992,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(53036,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(53041,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(53047,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(53057,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(53063,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(53068,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(53068,44): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(53068,71): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(53140,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(53197,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(53198,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(53199,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(53200,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow-1'
(53244,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(53306,17): run-time error CSS1039: Token not allowed after unary operator: '-p-text-link'
(53324,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(53324,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(53324,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(53325,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(53326,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(53327,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(53341,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(53345,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(53377,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53392,24): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(53397,24): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(53409,24): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(53414,31): run-time error CSS1046: Expect comma, found '211'
(53414,38): run-time error CSS1046: Expect comma, found ')'
(53498,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53515,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(53516,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(53539,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-2'
(53540,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(53581,18): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(53609,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(53678,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53682,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(53687,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-bg-def-1'
(53690,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(53691,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(53800,22): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(53829,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(53835,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(53863,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(53864,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(53872,16): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(53874,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-5'
(53891,79): run-time error CSS1030: Expected identifier, found '.'
(53891,93): run-time error CSS1031: Expected selector, found ')'
(53891,93): run-time error CSS1025: Expected comma or open brace, found ')'
(53912,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53947,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(53987,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(53993,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(54179,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54180,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(54212,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(54222,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(54279,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(54301,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(54302,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(54320,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54322,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(54336,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(54359,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(54361,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(54368,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(54369,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(54375,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(54376,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(54385,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54389,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54394,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(54413,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(54413,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(54413,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(54417,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(54464,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue2'
(54468,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(54512,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(54513,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(54535,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(54551,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54553,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(54572,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(54577,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54589,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54594,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54598,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(54638,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(54647,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54648,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(54684,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(54684,50): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(54684,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(54700,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(54704,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54734,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-dark-green1'
(54738,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue'
(54742,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-darkbg-color'
(54746,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color'
(54775,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(54776,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(54789,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(54792,39): run-time error CSS1030: Expected identifier, found '.'
(54792,58): run-time error CSS1031: Expected selector, found ')'
(54792,58): run-time error CSS1025: Expected comma or open brace, found ')'
(54848,23): run-time error CSS1039: Token not allowed after unary operator: '-pseudo-content'
(54857,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(54858,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(54860,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(54863,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(54874,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(54955,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(54959,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(54964,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(54986,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(54991,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(54991,50): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(54991,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(54992,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(54992,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(54992,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(55007,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(55012,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(55013,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(55018,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(55039,20): run-time error CSS1030: Expected identifier, found '.'
(55039,42): run-time error CSS1031: Expected selector, found ')'
(55039,42): run-time error CSS1025: Expected comma or open brace, found ')'
(55049,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(55056,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(55058,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(55059,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(55060,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(55076,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(55093,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(55106,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(55144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55146,27): run-time error CSS1039: Token not allowed after unary operator: '-lh'
(55146,38): run-time error CSS1039: Token not allowed after unary operator: '-max-lines'
(55152,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(55152,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(55152,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(55185,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(55189,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(55191,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(55247,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(55279,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-y'
(55279,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-x'
(55281,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-color'
(55283,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-bg'
(55287,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-transition'
(55288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55302,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(55317,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(55321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55341,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(55342,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(55345,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon'
(55347,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(55348,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transition'
(55358,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(55363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55365,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-y'
(55365,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-x'
(55405,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(55414,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(55435,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(55479,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(55480,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(55511,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(55516,35): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(55528,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(55574,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(55605,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(55671,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(55753,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(55753,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(55753,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(55754,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(55764,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(55764,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(55764,76): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(55764,102): run-time error CSS1039: Token not allowed after unary operator: '-opacity-base'
(55765,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(55765,59): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(55765,86): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(55771,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(55782,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(55792,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(55793,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(55814,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(55828,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(55829,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(55838,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(55866,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(55931,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(55943,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(55944,22): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(55963,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(55965,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(55969,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(55970,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(55972,41): run-time error CSS1046: Expect comma, found '41'
(55972,47): run-time error CSS1046: Expect comma, found '/'
(55977,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(55985,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-bg-def-1'
(55986,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(55986,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(55986,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(55990,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(55990,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(55990,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(55998,62): run-time error CSS1030: Expected identifier, found '.'
(55998,110): run-time error CSS1031: Expected selector, found ')'
(55998,110): run-time error CSS1025: Expected comma or open brace, found ')'
(56011,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56012,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56013,46): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(56025,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(56029,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(56033,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(56050,50): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(56057,62): run-time error CSS1030: Expected identifier, found '.'
(56057,110): run-time error CSS1031: Expected selector, found ')'
(56057,110): run-time error CSS1025: Expected comma or open brace, found ')'
(56064,46): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-bg-def-1'
(56068,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-bg-def-2'
(56072,46): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-bg-def-2'
(56076,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-light-bg-def-1'
(56081,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(56089,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(56091,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56103,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(56109,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(56110,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56131,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56140,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(56149,28): run-time error CSS1039: Token not allowed after unary operator: '-p--border-1'
(56150,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56158,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56172,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(56173,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56215,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56216,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(56217,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(56227,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(56231,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(56234,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56236,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(56258,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(56272,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56320,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(56329,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(56330,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56351,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(56373,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-2'
(56374,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(56375,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(56379,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(56387,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56388,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(56390,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(56427,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56428,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56429,50): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(56433,46): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(56439,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(56443,46): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(56448,29): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(56467,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(56483,22): run-time error CSS1039: Token not allowed after unary operator: '-th-dropdown-border'
(56504,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(56505,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(56506,41): run-time error CSS1046: Expect comma, found '41'
(56506,47): run-time error CSS1046: Expect comma, found '/'
(56534,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(56549,18): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(56580,41): run-time error CSS1046: Expect comma, found '41'
(56580,47): run-time error CSS1046: Expect comma, found '/'
(56602,35): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(56602,59): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(56602,80): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(56604,24): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(56604,48): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(56611,32): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(56612,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(56629,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(56669,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56672,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(56675,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(56687,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56711,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(56715,64): run-time error CSS1030: Expected identifier, found '.'
(56715,99): run-time error CSS1031: Expected selector, found ')'
(56715,99): run-time error CSS1025: Expected comma or open brace, found ')'
(56719,64): run-time error CSS1030: Expected identifier, found '.'
(56719,99): run-time error CSS1031: Expected selector, found ')'
(56719,99): run-time error CSS1025: Expected comma or open brace, found ')'
(56740,45): run-time error CSS1030: Expected identifier, found '.'
(56740,60): run-time error CSS1031: Expected selector, found ')'
(56740,60): run-time error CSS1025: Expected comma or open brace, found ')'
(56767,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56784,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(56786,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(56802,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56817,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56828,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(56837,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-bg-2'
(56838,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(56839,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56840,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(56841,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(56851,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56860,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(56874,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(56883,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56942,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(56944,24): run-time error CSS1039: Token not allowed after unary operator: '-btn-light-bg'
(56953,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56966,24): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(56973,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(56974,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(56986,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(56993,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-sm'
(56997,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xl'
(56999,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(57004,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-md'
(57008,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-sm'
(57008,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-md'
(57009,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-md'
(57010,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(57011,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(57012,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(57013,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(57014,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(57016,26): run-time error CSS1039: Token not allowed after unary operator: '-transition-fast'
(57019,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(57027,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-color'
(57042,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xl'
(57043,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-lg'
(57051,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xl'
(57137,32): run-time error CSS1039: Token not allowed after unary operator: '-sound-color'
(57142,32): run-time error CSS1039: Token not allowed after unary operator: '-sound-color'
(57147,32): run-time error CSS1039: Token not allowed after unary operator: '-sound-color'
(57154,32): run-time error CSS1039: Token not allowed after unary operator: '-sound-color'
(57159,32): run-time error CSS1039: Token not allowed after unary operator: '-sound-color'
(57164,32): run-time error CSS1039: Token not allowed after unary operator: '-sound-color'
(57171,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-lg'
(57172,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg'
(57173,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(57185,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-sm'
(57186,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(57187,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-sm'
(57188,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(57190,26): run-time error CSS1039: Token not allowed after unary operator: '-transition-medium'
(57192,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(57198,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(57209,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(57213,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(57214,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(57226,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-sm'
(57227,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(57228,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-sm'
(57229,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-lg'
(57230,26): run-time error CSS1039: Token not allowed after unary operator: '-transition-medium'
(57235,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(57237,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(57239,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(57244,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-md'
(57250,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(57251,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(57252,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(57253,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(57254,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg'
(57259,26): run-time error CSS1039: Token not allowed after unary operator: '-transition-fast'
(57268,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(57278,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(57289,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(57334,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-color'
(57335,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(57359,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-lg'
(57367,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md'
(57368,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-md'
(57375,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-sm'
(57404,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(57414,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(57415,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(57419,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(57419,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(57419,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(57426,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(57431,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(57431,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(57431,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(57443,22): run-time error CSS1039: Token not allowed after unary operator: '-aleart-msg-mh'
(57448,15): run-time error CSS1039: Token not allowed after unary operator: '-aleart-msg-mh'
(57452,27): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(57452,51): run-time error CSS1039: Token not allowed after unary operator: '-aleart-msg-mh'
(57457,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(57461,28): run-time error CSS1039: Token not allowed after unary operator: '-card-btn-light-bg'
(57462,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(57465,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(57475,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57480,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(57480,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(57480,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(57501,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(57501,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(57501,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(57506,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(57515,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(57515,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(57515,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(57517,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(57564,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(57573,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(57577,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(57578,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(57584,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(57588,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(57608,22): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(57610,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(57633,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(57645,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(57645,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(57645,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(57645,95): run-time error CSS1039: Token not allowed after unary operator: '-opacity-base'
(57646,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(57655,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(57671,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(57671,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(57671,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(57671,100): run-time error CSS1039: Token not allowed after unary operator: '-opacity-base'
(57680,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(57690,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(57705,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(57718,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(57723,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(57728,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(57781,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(57789,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(57799,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(57807,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(57808,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(57813,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(57818,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(57823,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(57827,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(57875,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(57923,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(57945,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(57950,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(57956,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(57998,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(57998,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(57998,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58006,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(58006,55): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(58010,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(58010,56): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(58032,22): run-time error CSS1039: Token not allowed after unary operator: '-card-bg'
(58040,28): run-time error CSS1039: Token not allowed after unary operator: '-nohire'
(58044,28): run-time error CSS1039: Token not allowed after unary operator: '-notsure'
(58048,28): run-time error CSS1039: Token not allowed after unary operator: '-average'
(58052,28): run-time error CSS1039: Token not allowed after unary operator: '-hire'
(58056,28): run-time error CSS1039: Token not allowed after unary operator: '-musthire'
(58082,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(58083,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(58086,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58087,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(58125,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(58146,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(58149,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58149,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58149,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58150,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(58161,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(58163,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58191,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(58196,17): run-time error CSS1039: Token not allowed after unary operator: '-like'
(58200,17): run-time error CSS1039: Token not allowed after unary operator: '-dislike'
(58204,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(58256,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-2'
(58266,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(58288,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58288,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58289,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58289,57): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58289,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58309,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58309,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58309,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58329,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58329,59): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58329,98): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58335,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58335,59): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58335,98): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58353,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58353,59): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58353,98): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58359,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58359,59): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58359,98): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58380,1): run-time error CSS1019: Unexpected token, found '}'
(58396,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58396,44): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58396,71): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58418,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(58434,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(58461,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58461,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58461,81): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58463,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58463,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58463,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58468,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58491,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(58496,41): run-time error CSS1046: Expect comma, found '0'
(58496,45): run-time error CSS1046: Expect comma, found '/'
(58497,33): run-time error CSS1046: Expect comma, found '0'
(58497,37): run-time error CSS1046: Expect comma, found '/'
(58501,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-hue'
(58501,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-saturation'
(58501,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-lightness'
(58501,106): run-time error CSS1039: Token not allowed after unary operator: '-opacity-base'
(58510,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58511,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(58518,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(58549,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(58566,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(58589,26): run-time error CSS1034: 
(58589,26): run-time error CSS1042: Expected function, found '538.656px'
(58589,37): run-time error CSS1019: Unexpected token, found ' '
(58589,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(58603,24): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(58605,1): run-time error CSS1019: Unexpected token, found '}'
(58629,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(58634,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(58662,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(58678,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58692,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(58693,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(58694,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58704,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(58705,31): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(58705,60): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(58716,41): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(58726,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(58731,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(58734,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(58761,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(58762,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(58774,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(58780,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58789,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58821,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(58854,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(58858,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(58862,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(58943,37): run-time error CSS1030: Expected identifier, found '.'
(58943,50): run-time error CSS1031: Expected selector, found ')'
(58943,50): run-time error CSS1025: Expected comma or open brace, found ')'
(58987,22): run-time error CSS1030: Expected identifier, found '.'
(58987,41): run-time error CSS1031: Expected selector, found ')'
(58987,41): run-time error CSS1025: Expected comma or open brace, found ')'
(58991,22): run-time error CSS1030: Expected identifier, found '.'
(58991,41): run-time error CSS1031: Expected selector, found ')'
(58991,41): run-time error CSS1025: Expected comma or open brace, found ')'
(58995,22): run-time error CSS1030: Expected identifier, found '.'
(58995,41): run-time error CSS1031: Expected selector, found ')'
(58995,41): run-time error CSS1025: Expected comma or open brace, found ')'
(58999,22): run-time error CSS1030: Expected identifier, found '.'
(58999,41): run-time error CSS1031: Expected selector, found ')'
(58999,41): run-time error CSS1025: Expected comma or open brace, found ')'
(59041,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(59064,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(59072,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(59088,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(59125,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(59140,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(59152,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(59158,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(59179,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-placeholder-color'
(59201,16): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(59214,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(59221,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(59237,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(59255,25): run-time error CSS1046: Expect comma, found '255'
(59255,33): run-time error CSS1046: Expect comma, found '/'
(59256,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(59258,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(59260,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(59295,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(59296,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(59330,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(59336,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(59337,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(59346,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(59350,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(59351,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(59354,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(59355,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(59359,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(59366,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(59374,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-btn-hover'
(59415,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(59445,46): run-time error CSS1039: Token not allowed after unary operator: '-wd-green-bg'
(59449,46): run-time error CSS1039: Token not allowed after unary operator: '-wd-blue-bg'
(59453,46): run-time error CSS1039: Token not allowed after unary operator: '-wd-yellow-bg'
(59457,46): run-time error CSS1039: Token not allowed after unary operator: '-wd-purple-bg'
(59461,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(59517,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(59519,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(59521,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(59522,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-layout'
(59526,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-border-2'
(59527,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(59531,18): run-time error CSS1039: Token not allowed after unary operator: '-theme-primary-color'
(59549,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(59569,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(59583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59587,25): run-time error CSS1046: Expect comma, found '255'
(59587,33): run-time error CSS1046: Expect comma, found '/'
(59588,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(59590,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(59619,12): run-time error CSS1038: Expected hex color, found '#ffff'
 */
/*!
 *   AdminLTE v3.2.0
 *   Author: Colorlib
 *   Website: AdminLTE.io <https://adminlte.io>
 *   License: Open source - MIT <https://opensource.org/licenses/MIT>
 */

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }

    .table-dark {
        color: inherit;
    }

        .table-dark th,
        .table-dark td,
        .table-dark thead th,
        .table-dark tbody + tbody {
            border-color: #dee2e6;
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
        transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-2deg);
        transform: translate(-1px, -2px) rotate(-2deg);
    }

    20% {
        -webkit-transform: translate(-3px, 0) rotate(3deg);
        transform: translate(-3px, 0) rotate(3deg);
    }

    30% {
        -webkit-transform: translate(0, 2px) rotate(0deg);
        transform: translate(0, 2px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-2deg);
        transform: translate(2px, 1px) rotate(-2deg);
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(4deg);
        transform: translate(-1px, -1px) rotate(4deg);
    }

    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
        transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
        transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-2deg);
        transform: translate(-1px, -2px) rotate(-2deg);
    }

    20% {
        -webkit-transform: translate(-3px, 0) rotate(3deg);
        transform: translate(-3px, 0) rotate(3deg);
    }

    30% {
        -webkit-transform: translate(0, 2px) rotate(0deg);
        transform: translate(0, 2px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-2deg);
        transform: translate(2px, 1px) rotate(-2deg);
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(4deg);
        transform: translate(-1px, -1px) rotate(4deg);
    }

    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
        transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}


.animation__shake {
    -webkit-animation: shake 1500ms;
    animation: shake 1500ms;
}

.animation__wobble {
    -webkit-animation: wobble 1500ms;
    animation: wobble 1500ms;
}

.preloader {
    display: -ms-flexbox;
    display: flex;
    background-color: #f4f6f9;
    height: 100vh;
    width: 100%;
    transition: height 200ms linear;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}

html.scroll-smooth {
    scroll-behavior: smooth;
}

html,
body,
.wrapper {
    min-height: 100%;
}

.wrapper {
    position: relative;
}

    .wrapper .content-wrapper {
        min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px));
    }

.layout-boxed .wrapper {
    box-shadow: 0 0 10 rgba(0, 0, 0, 0.3);
}

    .layout-boxed .wrapper, .layout-boxed .wrapper::before {
        margin: 0 auto;
        max-width: 1250px;
        overflow: hidden;
    }

        .layout-boxed .wrapper .main-sidebar {
            left: inherit;
        }

@supports not (-webkit-touch-callout: none) {
    .layout-fixed .wrapper .sidebar {
        height: calc(100vh - (3.5rem + 1px));
    }

    .layout-fixed.text-sm .wrapper .sidebar {
        height: calc(100vh - (2.93725rem + 1px));
    }
}

.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar {
    top: calc(3.5rem + 1px);
}

.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
    top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: calc(3.5rem + 1px);
}

.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
    margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
    top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
    margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link {
    height: calc(3.5rem + 1px);
    width: 4.6rem;
}

    .layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link.text-sm,
    .layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link.text-sm,
    .layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link.text-sm {
        height: calc(2.93725rem + 1px);
    }

.layout-navbar-fixed.sidebar-mini.sidebar-collapse.text-sm .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse.text-sm .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse.text-sm .wrapper .brand-link {
    height: calc(2.93725rem + 1px);
}

body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar {
    margin-top: calc(calc(2.93725rem + 1px) / -1);
}

    body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

.layout-navbar-fixed .wrapper .control-sidebar {
    top: 0;
}

.layout-navbar-fixed .wrapper a.anchor {
    display: block;
    position: relative;
    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
}

.layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link {
    transition: width 0.3s ease-in-out;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-lightblue .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-lightblue .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-navy .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-navy .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-olive .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-olive .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-lime .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-lime .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-fuchsia .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-fuchsia .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-maroon .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-maroon .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-blue .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-blue .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-indigo .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-indigo .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-purple .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-purple .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-pink .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-pink .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-red .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-red .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-orange .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-orange .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-yellow .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-yellow .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-green .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-green .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-teal .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-teal .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-cyan .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-cyan .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-white .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-white .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-gray .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-gray .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-gray-dark .brand-link:not([class*="navbar"]) {
    background-color: #343a40;
}

.layout-navbar-fixed .wrapper .sidebar-light-gray-dark .brand-link:not([class*="navbar"]) {
    background-color: #fff;
}

.layout-navbar-fixed .wrapper .main-header.border-bottom-0 ~ .content-wrapper {
    margin-top: 3.5rem;
}

.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(3.5rem + 1px);
}

.layout-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
    margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.text-sm .wrapper .content-wrapper {
    margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-not-fixed .wrapper .brand-link {
    position: static;
}

.layout-navbar-not-fixed .wrapper .sidebar,
.layout-navbar-not-fixed .wrapper .content-wrapper {
    margin-top: 0;
}

.layout-navbar-not-fixed .wrapper .main-header {
    position: static;
}

.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar {
    margin-top: 0;
}

.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar {
    top: calc(3.5rem + 1px);
}

.text-sm .layout-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
    top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: calc(3.5rem + 6px);
}

.text-sm .layout-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
    margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
    top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
    margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed .wrapper .control-sidebar {
    top: 0;
}

.layout-navbar-fixed .wrapper a.anchor {
    display: block;
    position: relative;
    top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
}

.layout-navbar-fixed .wrapper.sidebar-collapse .brand-link {
    height: calc(3.5rem + 1px);
    transition: width 0.3s ease-in-out;
    width: 4.6rem;
}

    .text-sm .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
        height: calc(2.93725rem + 1px);
    }

.layout-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
    transition: width 0.3s ease-in-out;
    width: var(--custom-sidebar-width);
}

.layout-navbar-fixed .wrapper .brand-link {
    overflow: hidden;
    position: absolute;
    top: calc(var(--nav-min-height) / 2 - 0.5em);
    transition: width 0.3s ease-in-out;
    width: 100%;
    z-index: 1035;
    left: 0;
}

.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(3.5rem + 1px);
}

.text-sm .layout-navbar-fixed .wrapper .main-header ~ .content-wrapper,
.layout-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
    margin-top: calc(2.93725rem + 1px);
}

.layout-navbar-fixed .wrapper .main-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1037;
}

.layout-navbar-fixed.text-sm .wrapper .content-wrapper {
    margin-top: calc(2.93725rem + 1px);
}

body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar {
    margin-top: calc(calc(2.93725rem + 1px) / -1);
}

    body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

.layout-navbar-not-fixed .wrapper .brand-link {
    position: static;
}

.layout-navbar-not-fixed .wrapper .sidebar,
.layout-navbar-not-fixed .wrapper .content-wrapper {
    margin-top: 0;
}

.layout-navbar-not-fixed .wrapper .main-header {
    position: static;
}

.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar {
    margin-top: 0;
}

@media (min-width: 576px) {
    .layout-sm-navbar-fixed.layout-fixed .wrapper .control-sidebar {
        top: calc(3.5rem + 1px);
    }

    .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
    .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
        top: calc(2.93725rem + 1px);
    }

    .layout-sm-navbar-fixed.layout-fixed .wrapper .sidebar {
        margin-top: calc(3.5rem + 1px);
    }

    .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
    .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
        top: calc(2.93725rem + 1px);
    }

    .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-sm-navbar-fixed .wrapper .control-sidebar {
        top: 0;
    }

    .layout-sm-navbar-fixed .wrapper a.anchor {
        display: block;
        position: relative;
        top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
    }

    .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link {
        height: calc(3.5rem + 1px);
        transition: width 0.3s ease-in-out;
        width: 4.6rem;
    }

        .text-sm .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
            height: calc(2.93725rem + 1px);
        }

    .layout-sm-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
        transition: width 0.3s ease-in-out;
        width: var(--custom-sidebar-width);
    }

    .layout-sm-navbar-fixed .wrapper .brand-link {
        overflow: hidden;
        position: fixed;
        top: 0;
        transition: width 0.3s ease-in-out;
        width: var(--custom-sidebar-width);
        z-index: 1035;
    }

    .layout-sm-navbar-fixed .wrapper .content-wrapper {
        margin-top: calc(3.5rem + 1px);
    }

    .text-sm .layout-sm-navbar-fixed .wrapper .main-header ~ .content-wrapper,
    .layout-sm-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-sm-navbar-fixed .wrapper .main-header {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1037;
    }

    .layout-sm-navbar-fixed.text-sm .wrapper .content-wrapper {
        margin-top: calc(2.93725rem + 1px);
    }

    body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar {
        margin-top: calc(calc(2.93725rem + 1px) / -1);
    }

        body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
            margin-top: calc(2.93725rem + 1px);
        }

    .layout-sm-navbar-not-fixed .wrapper .brand-link {
        position: static;
    }

    .layout-sm-navbar-not-fixed .wrapper .sidebar,
    .layout-sm-navbar-not-fixed .wrapper .content-wrapper {
        margin-top: 0;
    }

    .layout-sm-navbar-not-fixed .wrapper .main-header {
        position: static;
    }

    .layout-sm-navbar-not-fixed.layout-fixed .wrapper .sidebar {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .layout-md-navbar-fixed.layout-fixed .wrapper .control-sidebar {
        top: calc(3.5rem + 1px);
    }

    .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
    .layout-md-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
        top: calc(2.93725rem + 1px);
    }

    .layout-md-navbar-fixed.layout-fixed .wrapper .sidebar {
        margin-top: calc(3.5rem + 1px);
    }

    .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
    .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
        top: calc(2.93725rem + 1px);
    }

    .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-md-navbar-fixed .wrapper .control-sidebar {
        top: 0;
    }

    .layout-md-navbar-fixed .wrapper a.anchor {
        display: block;
        position: relative;
        top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
    }

    .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link {
        height: calc(3.5rem + 1px);
        transition: width 0.3s ease-in-out;
        width: 4.6rem;
    }

        .text-sm .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
            height: calc(2.93725rem + 1px);
        }

    .layout-md-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
        transition: width 0.3s ease-in-out;
        width: var(--custom-sidebar-width);
    }

    .layout-md-navbar-fixed .wrapper .brand-link {
        overflow: hidden;
        position: fixed;
        top: 0;
        transition: width 0.3s ease-in-out;
        width: var(--custom-sidebar-width);
        z-index: 1035;
    }

    .layout-md-navbar-fixed .wrapper .content-wrapper {
        margin-top: calc(3.5rem + 1px);
    }

    .text-sm .layout-md-navbar-fixed .wrapper .main-header ~ .content-wrapper,
    .layout-md-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-md-navbar-fixed .wrapper .main-header {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1037;
    }

    .layout-md-navbar-fixed.text-sm .wrapper .content-wrapper {
        margin-top: calc(2.93725rem + 1px);
    }

    body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar {
        margin-top: calc(calc(2.93725rem + 1px) / -1);
    }

        body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
            margin-top: calc(2.93725rem + 1px);
        }

    .layout-md-navbar-not-fixed .wrapper .brand-link {
        position: static;
    }

    .layout-md-navbar-not-fixed .wrapper .sidebar,
    .layout-md-navbar-not-fixed .wrapper .content-wrapper {
        margin-top: 0;
    }

    .layout-md-navbar-not-fixed .wrapper .main-header {
        position: static;
    }

    .layout-md-navbar-not-fixed.layout-fixed .wrapper .sidebar {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .layout-lg-navbar-fixed.layout-fixed .wrapper .control-sidebar {
        top: calc(3.5rem + 1px);
    }

    .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
    .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
        top: calc(2.93725rem + 1px);
    }

    .layout-lg-navbar-fixed.layout-fixed .wrapper .sidebar {
        margin-top: calc(3.5rem + 1px);
    }

    .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
    .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
        top: calc(2.93725rem + 1px);
    }

    .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-lg-navbar-fixed .wrapper .control-sidebar {
        top: 0;
    }

    .layout-lg-navbar-fixed .wrapper a.anchor {
        display: block;
        position: relative;
        top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
    }

    .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link {
        height: calc(3.5rem + 1px);
        transition: width 0.3s ease-in-out;
        width: 4.6rem;
    }

        .text-sm .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
            height: calc(2.93725rem + 1px);
        }

    .layout-lg-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
        transition: width 0.3s ease-in-out;
        width: var(--custom-sidebar-width);
    }

    .layout-lg-navbar-fixed .wrapper .brand-link {
        overflow: hidden;
        position: fixed;
        top: 0;
        transition: width 0.3s ease-in-out;
        width: var(--custom-sidebar-width);
        z-index: 1035;
    }

    .layout-lg-navbar-fixed .wrapper .content-wrapper {
        margin-top: calc(3.5rem + 1px);
    }

    .text-sm .layout-lg-navbar-fixed .wrapper .main-header ~ .content-wrapper,
    .layout-lg-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-lg-navbar-fixed .wrapper .main-header {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1037;
    }

    .layout-lg-navbar-fixed.text-sm .wrapper .content-wrapper {
        margin-top: calc(2.93725rem + 1px);
    }

    body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar {
        margin-top: calc(calc(2.93725rem + 1px) / -1);
    }

        body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
            margin-top: calc(2.93725rem + 1px);
        }

    .layout-lg-navbar-not-fixed .wrapper .brand-link {
        position: static;
    }

    .layout-lg-navbar-not-fixed .wrapper .sidebar,
    .layout-lg-navbar-not-fixed .wrapper .content-wrapper {
        margin-top: 0;
    }

    .layout-lg-navbar-not-fixed .wrapper .main-header {
        position: static;
    }

    .layout-lg-navbar-not-fixed.layout-fixed .wrapper .sidebar {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .layout-xl-navbar-fixed.layout-fixed .wrapper .control-sidebar {
        top: calc(3.5rem + 1px);
    }

    .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar,
    .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
        top: calc(2.93725rem + 1px);
    }

    .layout-xl-navbar-fixed.layout-fixed .wrapper .sidebar {
        margin-top: calc(3.5rem + 1px);
    }

    .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar,
    .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
        top: calc(2.93725rem + 1px);
    }

    .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-xl-navbar-fixed .wrapper .control-sidebar {
        top: 0;
    }

    .layout-xl-navbar-fixed .wrapper a.anchor {
        display: block;
        position: relative;
        top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
    }

    .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link {
        height: calc(3.5rem + 1px);
        transition: width 0.3s ease-in-out;
        width: 4.6rem;
    }

        .text-sm .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm {
            height: calc(2.93725rem + 1px);
        }

    .layout-xl-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
        transition: width 0.3s ease-in-out;
        width: var(--custom-sidebar-width);
    }

    .layout-xl-navbar-fixed .wrapper .brand-link {
        overflow: hidden;
        position: fixed;
        top: 0;
        transition: width 0.3s ease-in-out;
        width: var(--custom-sidebar-width);
        z-index: 1035;
    }

    .layout-xl-navbar-fixed .wrapper .content-wrapper {
        margin-top: calc(3.5rem + 1px);
    }

    .text-sm .layout-xl-navbar-fixed .wrapper .main-header ~ .content-wrapper,
    .layout-xl-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-xl-navbar-fixed .wrapper .main-header {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1037;
    }

    .layout-xl-navbar-fixed.text-sm .wrapper .content-wrapper {
        margin-top: calc(2.93725rem + 1px);
    }

    body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar {
        margin-top: calc(calc(2.93725rem + 1px) / -1);
    }

        body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
            margin-top: calc(2.93725rem + 1px);
        }

    .layout-xl-navbar-not-fixed .wrapper .brand-link {
        position: static;
    }

    .layout-xl-navbar-not-fixed .wrapper .sidebar,
    .layout-xl-navbar-not-fixed .wrapper .content-wrapper {
        margin-top: 0;
    }

    .layout-xl-navbar-not-fixed .wrapper .main-header {
        position: static;
    }

    .layout-xl-navbar-not-fixed.layout-fixed .wrapper .sidebar {
        margin-top: 0;
    }
}

.layout-footer-fixed .wrapper .control-sidebar {
    bottom: 0;
}

.layout-footer-fixed .wrapper .main-footer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1032;
}

.layout-footer-not-fixed .wrapper .main-footer {
    position: static;
}

.layout-footer-not-fixed .wrapper .content-wrapper {
    margin-bottom: 0;
}

.layout-footer-fixed .wrapper .control-sidebar {
    bottom: 0;
}

.layout-footer-fixed .wrapper .main-footer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1032;
}

.layout-footer-fixed .wrapper .content-wrapper {
    padding-bottom: calc(3.5rem + 1px);
}

.layout-footer-not-fixed .wrapper .main-footer {
    position: static;
}

@media (min-width: 576px) {
    .layout-sm-footer-fixed .wrapper .control-sidebar {
        bottom: 0;
    }

    .layout-sm-footer-fixed .wrapper .main-footer {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1032;
    }

    .layout-sm-footer-fixed .wrapper .content-wrapper {
        padding-bottom: calc(3.5rem + 1px);
    }

    .layout-sm-footer-not-fixed .wrapper .main-footer {
        position: static;
    }
}

@media (min-width: 768px) {
    .layout-md-footer-fixed .wrapper .control-sidebar {
        bottom: 0;
    }

    .layout-md-footer-fixed .wrapper .main-footer {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1032;
    }

    .layout-md-footer-fixed .wrapper .content-wrapper {
        padding-bottom: calc(3.5rem + 1px);
    }

    .layout-md-footer-not-fixed .wrapper .main-footer {
        position: static;
    }
}

@media (min-width: 992px) {
    .layout-lg-footer-fixed .wrapper .control-sidebar {
        bottom: 0;
    }

    .layout-lg-footer-fixed .wrapper .main-footer {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1032;
    }

    .layout-lg-footer-fixed .wrapper .content-wrapper {
        padding-bottom: calc(3.5rem + 1px);
    }

    .layout-lg-footer-not-fixed .wrapper .main-footer {
        position: static;
    }
}

@media (min-width: 1200px) {
    .layout-xl-footer-fixed .wrapper .control-sidebar {
        bottom: 0;
    }

    .layout-xl-footer-fixed .wrapper .main-footer {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1032;
    }

    .layout-xl-footer-fixed .wrapper .content-wrapper {
        padding-bottom: calc(3.5rem + 1px);
    }

    .layout-xl-footer-not-fixed .wrapper .main-footer {
        position: static;
    }
}

.layout-top-nav .wrapper {
    margin-left: 0;
}

    .layout-top-nav .wrapper .main-header .brand-image {
        margin-top: -.5rem;
        margin-right: .2rem;
        height: 33px;
    }

    .layout-top-nav .wrapper .main-sidebar {
        bottom: inherit;
        height: inherit;
    }

    .layout-top-nav .wrapper .content-wrapper,
    .layout-top-nav .wrapper .main-header,
    .layout-top-nav .wrapper .main-footer {
        margin-left: 0;
    }

body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper, body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper::before,
body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer,
body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-footer::before,
body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header,
body.sidebar-collapse:not(.sidebar-mini-xs):not(.sidebar-mini-md):not(.sidebar-mini) .main-header::before {
    margin-left: 0;
}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        transition: margin-left 0.3s ease-in-out;
        margin-left: var(--custom-sidebar-width);
        --custom-sidebar-width: 4rem;
    }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        transition: none;
    }
}

@media (min-width: 768px) {
    .sidebar-collapse body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, .sidebar-collapse
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, .sidebar-collapse
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .sidebar-mini-md .content-wrapper,
    .sidebar-mini-md .main-footer,
    .sidebar-mini-md .main-header {
        transition: margin-left 0.3s ease-in-out;
        margin-left: var(--custom-sidebar-width);
    }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .sidebar-mini-md .content-wrapper,
    .sidebar-mini-md .main-footer,
    .sidebar-mini-md .main-header {
        transition: none;
    }
}

@media (min-width: 768px) {
    .sidebar-collapse .sidebar-mini-md .content-wrapper, .sidebar-collapse
    .sidebar-mini-md .main-footer, .sidebar-collapse
    .sidebar-mini-md .main-header {
        margin-left: 4.6rem;
    }
}

@media (max-width: 991.98px) {
    .sidebar-mini-md .content-wrapper,
    .sidebar-mini-md .main-footer,
    .sidebar-mini-md .main-header {
        margin-left: 4.6rem;
    }
}

@media (max-width: 767.98px) {
    .sidebar-mini-md .content-wrapper,
    .sidebar-mini-md .main-footer,
    .sidebar-mini-md .main-header {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .sidebar-mini-xs .content-wrapper,
    .sidebar-mini-xs .main-footer,
    .sidebar-mini-xs .main-header {
        transition: margin-left 0.3s ease-in-out;
        margin-left: var(--custom-sidebar-width);
    }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .sidebar-mini-xs .content-wrapper,
    .sidebar-mini-xs .main-footer,
    .sidebar-mini-xs .main-header {
        transition: none;
    }
}

@media (min-width: 768px) {
    .sidebar-collapse .sidebar-mini-xs .content-wrapper, .sidebar-collapse
    .sidebar-mini-xs .main-footer, .sidebar-collapse
    .sidebar-mini-xs .main-header {
        margin-left: 4.6rem;
    }
}

@media (max-width: 991.98px) {
    .sidebar-mini-xs .content-wrapper,
    .sidebar-mini-xs .main-footer,
    .sidebar-mini-xs .main-header {
        margin-left: 4.6rem;
    }
}

.content-wrapper {
    background-color: #f4f6f9;
}

    .content-wrapper > .content {
        padding: 0 0.5rem;
    }

.main-sidebar, .main-sidebar::before {
    transition: margin-left 0.05s ease-in-out, width 0.05s ease-in-out;
    width: var(--custom-sidebar-width);
}

@media (prefers-reduced-motion: reduce) {
    .main-sidebar, .main-sidebar::before {
        transition: none;
    }
}

.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar, .sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-sidebar::before {
    box-shadow: none !important;
}

.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
    margin-left: calc(var(--custom-sidebar-width) * -1);
}

    .sidebar-collapse .main-sidebar .nav-sidebar.nav-child-indent .nav-treeview {
        padding: 0;
    }

@media (max-width: 767.98px) {
    .main-sidebar, .main-sidebar::before {
        box-shadow: none !important;
        margin-left: calc(var(--custom-sidebar-width) * -1);
    }

    .sidebar-open .main-sidebar, .sidebar-open .main-sidebar::before {
        margin-left: 0;
    }
}

body:not(.layout-fixed) .main-sidebar {
    height: inherit;
    min-height: 100%;
    position: absolute;
    top: 0;
}

    body:not(.layout-fixed) .main-sidebar .sidebar {
        overflow-y: auto;
    }

.layout-fixed .brand-link {
    width: var(--custom-sidebar-width);
}

.layout-fixed .main-sidebar {
    bottom: 0;
    float: none;
    left: 0;
    position: fixed;
    top: 0;
}

.layout-fixed .control-sidebar {
    bottom: 0;
    float: none;
    position: fixed;
    top: 0;
}

    .layout-fixed .control-sidebar .control-sidebar-content {
        height: calc(100vh - calc(3.5rem + 1px));
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #a9a9a9 transparent;
    }

        .layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar {
            width: .5rem;
            height: .5rem;
        }

        .layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-thumb {
            background-color: #a9a9a9;
        }

        .layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-track {
            background-color: transparent;
        }

        .layout-fixed .control-sidebar .control-sidebar-content::-webkit-scrollbar-corner {
            background-color: transparent;
        }

@supports (-webkit-touch-callout: none) {
    .layout-fixed .main-sidebar {
        height: inherit;
    }
}

.main-footer {
    background-color: #fff;
    border-top: 1px solid #dee2e6;
    color: #869099;
    padding: 1rem;
}

    .text-sm .main-footer, .main-footer.text-sm {
        padding: 0.812rem;
    }

.content-header {
    padding: 15px 0.5rem;
}

.text-sm .content-header {
    padding: 10px 0.5rem;
}

.content-header h1 {
    font-size: 1.8rem;
    margin: 0;
}

.text-sm .content-header h1 {
    font-size: 1.5rem;
}

.content-header .breadcrumb {
    background-color: transparent;
    line-height: 1.8rem;
    margin-bottom: 0;
    padding: 0;
}

.text-sm .content-header .breadcrumb {
    line-height: 1.5rem;
}

.hold-transition .content-wrapper,
.hold-transition .main-header,
.hold-transition .main-sidebar,
.hold-transition .main-sidebar *,
.hold-transition .control-sidebar,
.hold-transition .control-sidebar *,
.hold-transition .main-footer {
    transition: none !important;
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
}

.main-header {
    border-bottom: 1px solid var(--primary-border-color);
    z-index: 1034;
}

    .main-header .nav-link {
        height: 2.5rem;
        position: relative;
    }

    .text-sm .main-header .nav-link, .main-header.text-sm .nav-link {
        height: 1.93725rem;
        padding: 0.35rem 1rem;
    }

        .text-sm .main-header .nav-link > .fa,
        .text-sm .main-header .nav-link > .fas,
        .text-sm .main-header .nav-link > .far,
        .text-sm .main-header .nav-link > .fab,
        .text-sm .main-header .nav-link > .fal,
        .text-sm .main-header .nav-link > .fad,
        .text-sm .main-header .nav-link > .svg-inline--fa,
        .text-sm .main-header .nav-link > .ion, .main-header.text-sm .nav-link > .fa,
        .main-header.text-sm .nav-link > .fas,
        .main-header.text-sm .nav-link > .far,
        .main-header.text-sm .nav-link > .fab,
        .main-header.text-sm .nav-link > .fal,
        .main-header.text-sm .nav-link > .fad,
        .main-header.text-sm .nav-link > .svg-inline--fa,
        .main-header.text-sm .nav-link > .ion {
            font-size: 0.875rem;
        }

    .main-header .navbar-nav .nav-item {
        margin: 0;
    }

    .main-header .navbar-nav[class*="-right"] .dropdown-menu {
        left: auto;
        margin-top: -3px;
        right: 0;
    }

@media (max-width: 575.98px) {
    .main-header .navbar-nav[class*="-right"] .dropdown-menu {
        left: 0;
        right: auto;
    }
}

.main-header.dropdown-legacy .dropdown-menu {
    top: 3rem;
    margin-top: 0;
}

.navbar-img {
    height: calc(calc(3.5rem + 1px) * .5);
    width: auto;
}

.navbar-badge {
    font-size: 0.5rem;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.27em;
    height: 1.27em;
    border-radius: 50%;
    outline: 0.22em solid #FFF !important;
    background: #EC5252;
    position: absolute;
    right: 2px;
    top: 4px;
    text-indent: -9999px;
    z-index: 99;
}

.btn-navbar {
    background-color: transparent;
    border-left-width: 0;
}

.form-control-navbar {
    border-right-width: 0;
}

    .form-control-navbar + .input-group-append {
        margin-left: 0;
    }

.form-control-navbar,
.btn-navbar {
    transition: none;
}

.navbar-dark .form-control-navbar,
.navbar-dark .btn-navbar {
    background-color: #343a40;
    border-color: #6c757d;
}

    .navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

    .navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

    .navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

    .navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

    .navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

    .navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        color: rgba(255, 255, 255, 0.6);
    }

    .navbar-dark .form-control-navbar:focus,
    .navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: #495057;
        border-color: #6c757d !important;
        color: #ced4da;
    }

.navbar-light .form-control-navbar,
.navbar-light .btn-navbar {
    background-color: #dadfe4;
    border-color: #ced4da;
}

    .navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.6);
    }

    .navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(0, 0, 0, 0.6);
    }

    .navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.6);
    }

    .navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.6);
    }

    .navbar-light .form-control-navbar::placeholder {
        color: rgba(0, 0, 0, 0.6);
    }

    .navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        color: rgba(0, 0, 0, 0.6);
    }

    .navbar-light .form-control-navbar:focus,
    .navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
        background-color: #d3d9df;
        border-color: #c7ced5 !important;
        color: #ced4da;
    }

.navbar-light .navbar-search-block .form-control-navbar:focus,
.navbar-light .navbar-search-block .form-control-navbar:focus + .input-group-append .btn-navbar {
    color: rgba(0, 0, 0, 0.6);
}

.navbar-search-block {
    position: absolute;
    padding: 0 1rem;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: initial;
}

    .navbar-search-block.navbar-search-open {
        display: -ms-flexbox;
        display: flex;
    }

    .navbar-search-block .input-group {
        width: 100%;
    }

.brand-link {
    display: block;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: 0.8125rem 0.5rem;
    transition: width 0.3s ease-in-out;
    white-space: nowrap;
}

    .brand-link:hover {
        color: #fff;
        text-decoration: none;
    }

.text-sm .brand-link {
    font-size: inherit;
}

[class*="sidebar-dark"] .brand-link {
    border-bottom: 1px solid #4b545c;
}

    [class*="sidebar-dark"] .brand-link,
    [class*="sidebar-dark"] .brand-link .pushmenu {
        color: rgba(255, 255, 255, 0.8);
    }

        [class*="sidebar-dark"] .brand-link:hover,
        [class*="sidebar-dark"] .brand-link .pushmenu:hover {
            color: #fff;
        }

[class*="sidebar-light"] .brand-link {
    border-bottom: 1px solid #dee2e6;
}

    [class*="sidebar-light"] .brand-link,
    [class*="sidebar-light"] .brand-link .pushmenu {
        color: rgba(0, 0, 0, 0.8);
    }

        [class*="sidebar-light"] .brand-link:hover,
        [class*="sidebar-light"] .brand-link .pushmenu:hover {
            color: #000;
        }

.brand-link .pushmenu {
    margin-right: 0.5rem;
    font-size: 1rem;
}

.brand-link .brand-link {
    padding: 0;
    border-bottom: none;
}

.brand-link .brand-image {
    float: left;
    line-height: .8;
    margin-left: .5rem;
    margin-right: .5rem;
    margin-top: -3px;
    max-height: 33px;
    width: auto;
}

.brand-link .brand-image-xs {
    float: left;
    line-height: .8;
    margin-top: -.1rem;
    max-height: 33px;
    width: auto;
}

.brand-link .brand-image-xl {
    line-height: .8;
    max-height: 40px;
    width: auto;
}

    .brand-link .brand-image-xl.single {
        margin-top: -.3rem;
    }

.brand-link.text-sm .brand-image,
.text-sm .brand-link .brand-image {
    height: 29px;
    margin-bottom: -.25rem;
    margin-left: .95rem;
    margin-top: -.25rem;
}

.brand-link.text-sm .brand-image-xs,
.text-sm .brand-link .brand-image-xs {
    margin-top: -.2rem;
    max-height: 29px;
}

.brand-link.text-sm .brand-image-xl,
.text-sm .brand-link .brand-image-xl {
    margin-top: -.225rem;
    max-height: 38px;
}

.main-sidebar {
    height: 100vh;
    z-index: 1038;
}

    .main-sidebar a:-moz-focusring {
        border: 0;
        outline: none;
    }

.sidebar {
    height: calc(100% - (3.5rem + 1px));
    overflow-x: hidden;
    overflow-y: initial;
    padding-bottom: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0;
    scrollbar-color: #a9a9a9 transparent;
    scrollbar-width: none;
}

    .sidebar::-webkit-scrollbar-thumb {
        background-color: #a9a9a9;
    }

    .sidebar::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .sidebar::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    .sidebar::-webkit-scrollbar {
        width: 0;
    }

    .sidebar:hover {
        scrollbar-width: thin;
    }

        .sidebar:hover::-webkit-scrollbar {
            width: .5rem;
            height: .5rem;
        }

.brand-link.border-bottom-0 ~ .sidebar {
    height: calc(100% - 3.5rem);
}

.user-panel {
    position: relative;
}

[class*="sidebar-dark"] .user-panel {
    border-bottom: 1px solid #4f5962;
}

[class*="sidebar-light"] .user-panel {
    border-bottom: 1px solid #dee2e6;
}

.user-panel,
.user-panel .info {
    overflow: hidden;
    white-space: nowrap;
}

    .user-panel .image {
        display: inline-block;
        padding-left: 0.8rem;
    }

    .user-panel img {
        height: auto;
        width: 2.1rem;
    }

    .user-panel .info {
        display: inline-block;
        padding: 5px 5px 5px 10px;
    }

    .user-panel .status,
    .user-panel .dropdown-menu {
        font-size: 0.875rem;
    }

    .nav-sidebar .nav-item > .nav-link .right {
        transition: -webkit-transform ease-in-out 0.3s;
        transition: transform ease-in-out 0.3s;
        transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
    }

@media (prefers-reduced-motion: reduce) {
    .nav-sidebar .nav-item > .nav-link .right {
        transition: none;
    }
}

.nav-sidebar .nav-link > .right,
.nav-sidebar .nav-link > p > .right {
    position: absolute;
    right: 1rem;
    top: .7rem;
}

    .nav-sidebar .nav-link > .right i,
    .nav-sidebar .nav-link > .right span,
    .nav-sidebar .nav-link > p > .right i,
    .nav-sidebar .nav-link > p > .right span {
        margin-left: .5rem;
    }

    .nav-sidebar .nav-link > .right:nth-child(2),
    .nav-sidebar .nav-link > p > .right:nth-child(2) {
        right: 2.2rem;
    }

.nav-sidebar .menu-open > .nav-treeview {
    display: block;
}

.nav-sidebar .menu-open > .nav-link svg.right,
.nav-sidebar .menu-open > .nav-link i.right,
.nav-sidebar .menu-is-opening > .nav-link svg.right,
.nav-sidebar .menu-is-opening > .nav-link i.right {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.nav-sidebar > .nav-item {
    margin-bottom: 0;
}

    .nav-sidebar > .nav-item .nav-icon {
        margin-left: .05rem;
        font-size: 1.2rem;
        margin-right: .2rem;
        text-align: center;
        width: 1.6rem;
    }

        .nav-sidebar > .nav-item .nav-icon.fa, .nav-sidebar > .nav-item .nav-icon.fas, .nav-sidebar > .nav-item .nav-icon.far, .nav-sidebar > .nav-item .nav-icon.fab, .nav-sidebar > .nav-item .nav-icon.fal, .nav-sidebar > .nav-item .nav-icon.fad, .nav-sidebar > .nav-item .nav-icon.svg-inline--fa, .nav-sidebar > .nav-item .nav-icon.ion {
            font-size: 1.1rem;
        }

    .nav-sidebar > .nav-item .float-right {
        margin-top: 3px;
    }

.nav-sidebar .nav-treeview {
    display: none;
    list-style: none;
    padding: 0;
}

    .nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
        width: 1.6rem;
    }

.nav-sidebar.nav-child-indent .nav-treeview {
    transition: padding 0.3s ease-in-out;
    padding-left: 1rem;
}

.text-sm .nav-sidebar.nav-child-indent .nav-treeview {
    padding-left: .5rem;
}

.nav-sidebar.nav-child-indent.nav-legacy .nav-treeview .nav-treeview {
    padding-left: 2rem;
    margin-left: -1rem;
}

.text-sm .nav-sidebar.nav-child-indent.nav-legacy .nav-treeview .nav-treeview {
    padding-left: 1rem;
    margin-left: -.5rem;
}

.nav-sidebar .nav-header {
    font-size: .9rem;
    padding: 0.5rem 0.75rem;
}

.nav-sidebar .nav-link p {
    display: inline;
    margin: 0;
    white-space: normal;
}

.sidebar-is-opening .sidebar .nav-sidebar .nav-link p {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#sidebar-overlay {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1037;
}

@media (max-width: 991.98px) {
    .sidebar-open #sidebar-overlay {
        display: block;
    }
}

[class*="sidebar-light-"] {
    background-color: #fff;
}

    [class*="sidebar-light-"] .user-panel a:hover {
        color: #212529;
    }

    [class*="sidebar-light-"] .user-panel .status {
        background-color: rgba(0, 0, 0, 0.1);
        color: #343a40;
    }

        [class*="sidebar-light-"] .user-panel .status:hover, [class*="sidebar-light-"] .user-panel .status:focus, [class*="sidebar-light-"] .user-panel .status:active {
            background-color: rgba(0, 0, 0, 0.1);
            color: #212529;
        }

    [class*="sidebar-light-"] .user-panel .dropdown-menu {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        border-color: rgba(0, 0, 0, 0.1);
    }

    [class*="sidebar-light-"] .user-panel .dropdown-item {
        color: #212529;
    }

    [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link:active, [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link:focus {
        color: #343a40;
    }

    [class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
    [class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {
        background-color: rgba(0, 0, 0, 0.1);
        color: #212529;
    }

    [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active {
        color: #000;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

    [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-treeview {
        background-color: transparent;
    }

    [class*="sidebar-light-"] .nav-header {
        background-color: inherit;
        color: #292d32;
    }

    [class*="sidebar-light-"] .sidebar a {
        color: #343a40;
    }

        [class*="sidebar-light-"] .sidebar a:hover {
            text-decoration: none;
        }

    [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {
        color: #777;
    }

        [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus {
            background-color: rgba(0, 0, 0, 0.1);
            color: #000;
        }

        [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover {
            background-color: rgba(0, 0, 0, 0.1);
            color: #212529;
        }

        [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }

    [class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview .nav-treeview {
        border-color: rgba(0, 0, 0, 0.1);
    }

    [class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*="sidebar-light-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
        border-color: rgba(0, 0, 0, 0.1);
    }

[class*="sidebar-dark-"] {
    background-color: #343a40;
}

    [class*="sidebar-dark-"] .user-panel a:hover {
        color: #fff;
    }

    [class*="sidebar-dark-"] .user-panel .status {
        background-color: rgba(255, 255, 255, 0.1);
        color: #c2c7d0;
    }

        [class*="sidebar-dark-"] .user-panel .status:hover, [class*="sidebar-dark-"] .user-panel .status:focus, [class*="sidebar-dark-"] .user-panel .status:active {
            background-color: rgba(247, 247, 247, 0.1);
            color: #fff;
        }

    [class*="sidebar-dark-"] .user-panel .dropdown-menu {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        border-color: rgba(242, 242, 242, 0.1);
    }

    [class*="sidebar-dark-"] .user-panel .dropdown-item {
        color: #212529;
    }

    [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:active {
        color: #c2c7d0;
    }

    [class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link,
    [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
    }

    [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active {
        color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

    [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-treeview {
        background-color: transparent;
    }

    [class*="sidebar-dark-"] .nav-header {
        background-color: inherit;
        color: #d0d4db;
    }

    [class*="sidebar-dark-"] .sidebar a {
        color: #c2c7d0;
    }

        [class*="sidebar-dark-"] .sidebar a:hover, [class*="sidebar-dark-"] .sidebar a:focus {
            text-decoration: none;
        }

    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link {
        color: #c2c7d0;
    }

        [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:focus {
            background-color: rgba(255, 255, 255, 0.1);
            color: #fff;
        }

        [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus {
            background-color: rgba(255, 255, 255, 0.9);
            color: #343a40;
        }

    [class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview .nav-treeview {
        border-color: rgba(255, 255, 255, 0.9);
    }

    [class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*="sidebar-dark-"] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
        border-color: rgba(255, 255, 255, 0.9);
    }

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #007bff;
    color: #fff;
}

.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #007bff;
}

.sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #6c757d;
    color: #fff;
}

.sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #6c757d;
}

.sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #28a745;
    color: #fff;
}

.sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #28a745;
}

.sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #17a2b8;
    color: #fff;
}

.sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #17a2b8;
}

.sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #ffc107;
    color: #1f2d3d;
}

.sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #ffc107;
}

.sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #dc3545;
    color: #fff;
}

.sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #dc3545;
}

.sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #f8f9fa;
    color: #1f2d3d;
}

.sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #f8f9fa;
}

.sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #343a40;
    color: #fff;
}

.sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #343a40;
}

.sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #3c8dbc;
    color: #fff;
}

.sidebar-dark-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #3c8dbc;
}

.sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #001f3f;
    color: #fff;
}

.sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #001f3f;
}

.sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #3d9970;
    color: #fff;
}

.sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #3d9970;
}

.sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #01ff70;
    color: #1f2d3d;
}

.sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #01ff70;
}

.sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #f012be;
    color: #fff;
}

.sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #f012be;
}

.sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #d81b60;
    color: #fff;
}

.sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #d81b60;
}

.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #007bff;
    color: #fff;
}

.sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #007bff;
}

.sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #6610f2;
    color: #fff;
}

.sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #6610f2;
}

.sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #6f42c1;
    color: #fff;
}

.sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #6f42c1;
}

.sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #e83e8c;
    color: #fff;
}

.sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #e83e8c;
}

.sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #dc3545;
    color: #fff;
}

.sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #dc3545;
}

.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #fd7e14;
    color: #1f2d3d;
}

.sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #fd7e14;
}

.sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #ffc107;
    color: #1f2d3d;
}

.sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #ffc107;
}

.sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #28a745;
    color: #fff;
}

.sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #28a745;
}

.sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #20c997;
    color: #fff;
}

.sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #20c997;
}

.sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #17a2b8;
    color: #fff;
}

.sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #17a2b8;
}

.sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #fff;
    color: #1f2d3d;
}

.sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #fff;
}

.sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #6c757d;
    color: #fff;
}

.sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #6c757d;
}

.sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #343a40;
    color: #fff;
}

.sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
    border-color: #343a40;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand) .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-compact.nav-sidebar.nav-child-indent:not(.nav-flat) .nav-treeview {
    padding-left: 1rem;
    margin-left: -.5rem;
}

.nav-flat {
    margin: -0.25rem -0.5rem 0;
}

    .nav-flat .nav-item > .nav-link {
        border-radius: 0;
        margin-bottom: 0;
    }

        .nav-flat .nav-item > .nav-link > .nav-icon {
            margin-left: .55rem;
        }

    .nav-flat:not(.nav-child-indent) .nav-treeview .nav-item > .nav-link > .nav-icon {
        margin-left: .4rem;
    }

    .nav-flat.nav-child-indent .nav-treeview {
        padding-left: 0;
    }

        .nav-flat.nav-child-indent .nav-treeview .nav-icon {
            margin-left: .85rem;
        }

        .nav-flat.nav-child-indent .nav-treeview .nav-treeview {
            border-left: .2rem solid;
        }

            .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
                margin-left: 1.15rem;
            }

            .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
                margin-left: 1.45rem;
            }

            .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
                margin-left: 1.75rem;
            }

            .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
                margin-left: 2.05rem;
            }

.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-icon {
    margin-left: .55rem;
}

.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-link {
    padding-left: calc(1rem - .2rem);
}

.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-icon {
    margin-left: .35rem;
}

.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-icon {
    margin-left: .15rem;
}

.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
    margin-left: -.15rem;
}

.sidebar-collapse .nav-flat.nav-child-indent .sidebar .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
    margin-left: -.35rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-compact.nav-sidebar .nav-treeview .nav-icon {
    margin-left: .4rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-icon {
    margin-left: .85rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-icon {
    margin-left: 1.15rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-icon {
    margin-left: 1.45rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
    margin-left: 1.75rem;
}

.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar:not(.sidebar-no-expand):hover .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon,
.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-sidebar.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-icon {
    margin-left: 2.05rem;
}

.nav-flat .nav-icon {
    transition: margin-left ease-in-out 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .nav-flat .nav-icon {
        transition: none;
    }
}

.nav-flat .nav-treeview .nav-icon {
    margin-left: -.2rem;
}

.nav-flat.nav-sidebar > .nav-item .nav-treeview,
.nav-flat.nav-sidebar > .nav-item > .nav-treeview {
    background-color: rgba(255, 255, 255, 0.05);
}

    .nav-flat.nav-sidebar > .nav-item .nav-treeview .nav-item > .nav-link,
    .nav-flat.nav-sidebar > .nav-item > .nav-treeview .nav-item > .nav-link {
        border-left: .2rem solid;
    }

.nav-legacy {
    margin: -0.25rem -0.5rem 0;
}

    .nav-legacy.nav-sidebar .nav-item > .nav-link {
        border-radius: 0;
        margin-bottom: 0;
    }

        .nav-legacy.nav-sidebar .nav-item > .nav-link > .nav-icon {
            margin-left: .55rem;
        }

.text-sm .nav-legacy.nav-sidebar .nav-item > .nav-link > .nav-icon {
    margin-left: .75rem;
}

.nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
    background-color: inherit;
    border-left: 3px solid transparent;
    box-shadow: none;
}

    .nav-legacy.nav-sidebar > .nav-item > .nav-link.active > .nav-icon {
        margin-left: calc(.55rem - 3px);
    }

.text-sm .nav-legacy.nav-sidebar > .nav-item > .nav-link.active > .nav-icon {
    margin-left: calc(.75rem - 3px);
}

.text-sm .nav-legacy.nav-sidebar.nav-flat .nav-treeview .nav-item > .nav-link > .nav-icon {
    margin-left: calc(.75rem - 3px);
}

.sidebar-mini .nav-legacy > .nav-item .nav-link .nav-icon,
.sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon,
.sidebar-mini-xs .nav-legacy > .nav-item .nav-link .nav-icon {
    transition: margin-left ease-in-out 0.3s;
    margin-left: .6rem;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-mini .nav-legacy > .nav-item .nav-link .nav-icon,
    .sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon,
    .sidebar-mini-xs .nav-legacy > .nav-item .nav-link .nav-icon {
        transition: none;
    }
}

.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview,
.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview,
.main-sidebar:hover
.nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview,
.main-sidebar:hover
.nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview {
    padding-left: 1rem;
}

    .main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,
    .main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
    .nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,
    .main-sidebar:hover
    .nav-legacy .sidebar-mini-md.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
    .nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview,
    .main-sidebar:hover
    .nav-legacy .sidebar-mini-xs.sidebar-collapse.nav-child-indent .nav-treeview .nav-treeview {
        padding-left: 2rem;
        margin-left: -1rem;
    }

.main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,
.main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,
.main-sidebar:hover
.nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview, .main-sidebar.sidebar-focused
.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview,
.main-sidebar:hover
.nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview {
    padding-left: .5rem;
}

    .main-sidebar.sidebar-focused .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,
    .main-sidebar:hover .nav-legacy .sidebar-mini.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
    .nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,
    .main-sidebar:hover
    .nav-legacy .sidebar-mini-md.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview, .main-sidebar.sidebar-focused
    .nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview,
    .main-sidebar:hover
    .nav-legacy .sidebar-mini-xs.sidebar-collapse.text-sm.nav-child-indent .nav-treeview .nav-treeview {
        padding-left: 1rem;
        margin-left: -.5rem;
    }

.sidebar-mini.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon {
    margin-left: .55rem;
}

.sidebar-mini.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon {
    margin-left: .36rem;
}

.sidebar-mini.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-md.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview,
.sidebar-mini-xs.sidebar-collapse .nav-legacy .sidebar.nav-child-indent .nav-treeview .nav-treeview {
    padding-left: 0;
    margin-left: 0;
}

.sidebar-mini.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon,
.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link .nav-icon {
    margin-left: .75rem;
}

.sidebar-mini.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
.sidebar-mini-md.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon,
.sidebar-mini-xs.sidebar-collapse.text-sm .nav-legacy .sidebar > .nav-item > .nav-link.active > .nav-icon {
    margin-left: calc(.75rem - 3px);
}

[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
    background-color: rgba(255, 255, 255, 0.05);
}

[class*="sidebar-dark"] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
    color: #fff;
}

[class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*="sidebar-dark"] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
    background-color: transparent;
    color: #fff;
}

[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item .nav-treeview,
[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview {
    background-color: rgba(0, 0, 0, 0.05);
}

[class*="sidebar-light"] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active {
    color: #000;
}

[class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*="sidebar-light"] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
    background-color: transparent;
    color: #000;
}

.nav-collapse-hide-child .menu-open > .nav-treeview {
    max-height: -webkit-min-content;
    max-height: -moz-min-content;
    max-height: min-content;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sidebar-collapse .sidebar:not(:hover) .nav-collapse-hide-child .menu-open > .nav-treeview {
    max-height: 0;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.main-sidebar.sidebar-focused .nav-collapse-hide-child .sidebar-mini.sidebar-collapse .menu-open > .nav-treeview,
.main-sidebar:not(.sidebar-no-expand):hover .nav-collapse-hide-child .sidebar-mini.sidebar-collapse .menu-open > .nav-treeview, .main-sidebar.sidebar-focused
.nav-collapse-hide-child .sidebar-mini-md.sidebar-collapse .menu-open > .nav-treeview,
.main-sidebar:not(.sidebar-no-expand):hover
.nav-collapse-hide-child .sidebar-mini-md.sidebar-collapse .menu-open > .nav-treeview, .main-sidebar.sidebar-focused
.nav-collapse-hide-child .sidebar-mini-xs.sidebar-collapse .menu-open > .nav-treeview,
.main-sidebar:not(.sidebar-no-expand):hover
.nav-collapse-hide-child .sidebar-mini-xs.sidebar-collapse .menu-open > .nav-treeview {
    max-height: -webkit-min-content;
    max-height: -moz-min-content;
    max-height: min-content;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.nav-compact .nav-link,
.nav-compact .nav-header {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

    .nav-compact .nav-header:not(:first-of-type) {
        padding-top: 0.75rem;
        padding-bottom: 0.25rem;
    }

    .nav-compact .nav-link > .right,
    .nav-compact .nav-link > p > .right {
        top: .465rem;
    }

.text-sm .nav-compact .nav-link > .right,
.text-sm .nav-compact .nav-link > p > .right {
    top: .7rem;
}

[class*="sidebar-dark"] .form-control-sidebar,
[class*="sidebar-dark"] .btn-sidebar {
    background-color: #3f474e;
    border: 1px solid #56606a;
    color: white;
}

    [class*="sidebar-dark"] .form-control-sidebar:focus,
    [class*="sidebar-dark"] .btn-sidebar:focus {
        border: 1px solid #7a8793;
    }

    [class*="sidebar-dark"] .btn-sidebar:hover {
        background-color: #454d55;
    }

    [class*="sidebar-dark"] .btn-sidebar:focus {
        background-color: #4b545c;
    }

[class*="sidebar-dark"] .list-group-item {
    background-color: #454d55;
    border-color: #56606a;
    color: #c2c7d0;
}

    [class*="sidebar-dark"] .list-group-item:hover {
        background-color: #4b545c;
    }

    [class*="sidebar-dark"] .list-group-item:focus {
        background-color: #515a63;
    }

    [class*="sidebar-dark"] .list-group-item .search-path {
        color: #adb5bd;
    }

[class*="sidebar-light"] .form-control-sidebar,
[class*="sidebar-light"] .btn-sidebar {
    background-color: #f2f2f2;
    border: 1px solid #d9d9d9;
    color: #1f2d3d;
}

    [class*="sidebar-light"] .form-control-sidebar:focus,
    [class*="sidebar-light"] .btn-sidebar:focus {
        border: 1px solid #b3b3b3;
    }

    [class*="sidebar-light"] .btn-sidebar:hover {
        background-color: #ececec;
    }

    [class*="sidebar-light"] .btn-sidebar:focus {
        background-color: #e6e6e6;
    }

[class*="sidebar-light"] .list-group-item {
    border-color: #d9d9d9;
}

    [class*="sidebar-light"] .list-group-item:hover {
        background-color: #ececec;
    }

    [class*="sidebar-light"] .list-group-item:focus {
        background-color: #e6e6e6;
    }

    [class*="sidebar-light"] .list-group-item .search-path {
        color: #6c757d;
    }

.sidebar .form-inline .input-group {
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.sidebar nav .form-inline {
    margin-bottom: .2rem;
}

.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs).sidebar-collapse .main-sidebar {
    margin-left: 0;
}

.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .content-wrapper,
.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-header,
.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .main-footer {
    z-index: 9999;
    position: relative;
}

.layout-boxed:not(.sidebar-mini):not(.sidebar-mini-md):not(.sidebar-mini-xs) .control-sidebar {
    z-index: 9999;
}

.sidebar-collapse .form-control-sidebar,
.sidebar-collapse .form-control-sidebar ~ .input-group-append,
.sidebar-collapse .sidebar-search-results {
    display: none;
}

[data-widget="sidebar-search"] input[type="search"]::-ms-clear, [data-widget="sidebar-search"] input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

[data-widget="sidebar-search"] input[type="search"]::-webkit-search-cancel-button, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-decoration, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-button, [data-widget="sidebar-search"] input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.sidebar-search-results {
    position: relative;
    display: none;
    width: 100%;
}

.sidebar-search-open .sidebar-search-results {
    display: inline-block;
}

.sidebar-search-results .search-title {
    margin-bottom: -.1rem;
}

.sidebar-search-results .list-group {
    position: absolute;
    width: 100%;
    z-index: 1039;
}

    .sidebar-search-results .list-group > .list-group-item {
        padding: 0.375rem 0.75rem;
    }

        .sidebar-search-results .list-group > .list-group-item:-moz-focusring {
            margin-top: 0;
            border-left: 1px solid transparent;
            border-top: 0;
            border-bottom: 1px solid transparent;
        }

        .sidebar-search-results .list-group > .list-group-item:first-child {
            margin-top: 0;
            border-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

.sidebar-search-results .search-path {
    font-size: 80%;
}

.sidebar-search-open .btn,
.sidebar-search-open .form-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

[class*="sidebar-dark"] .sidebar-custom {
    border-top: 1px solid #4f5962;
}

[class*="sidebar-light"] .sidebar-custom {
    border-top: 1px solid #dee2e6;
}

.layout-fixed.sidebar-collapse .hide-on-collapse {
    display: none;
}

.layout-fixed.sidebar-collapse:hover .hide-on-collapse {
    display: block;
}

.layout-fixed.text-sm .main-sidebar-custom .sidebar {
    height: calc(100% - ((2.93725rem + 3.8rem) + 1px));
}

.layout-fixed.text-sm .main-sidebar-custom .sidebar-custom {
    height: 3.8rem;
    padding: 0.85rem 0.5rem;
}

.layout-fixed .main-sidebar-custom {
    height: -webkit-fill-available;
    height: -moz-available;
    height: -ms-stretch;
    height: stretch;
}

    .layout-fixed .main-sidebar-custom .sidebar {
        height: calc(100% - ((3.5rem + 4rem) + 1px));
    }

    .layout-fixed .main-sidebar-custom .sidebar-custom {
        height: 4rem;
        padding: 0.85rem 0.5rem;
    }

.layout-fixed .main-sidebar-custom-lg .sidebar {
    height: calc(100% - ((3.5rem + 6rem) + 1px));
}

.layout-fixed .main-sidebar-custom-lg .sidebar-custom {
    height: 6rem;
}

.layout-fixed .main-sidebar-custom-xl .sidebar {
    height: calc(100% - ((3.5rem + 8rem) + 1px));
}

.layout-fixed .main-sidebar-custom-xl .sidebar-custom {
    height: 8rem;
}

.layout-fixed .main-sidebar-custom .pos-right,
.layout-fixed .main-sidebar-custom-lg .pos-right,
.layout-fixed .main-sidebar-custom-xl .pos-right {
    position: absolute;
    right: .5rem;
}

.sidebar-hidden .main-sidebar,
.sidebar-hidden.sidebar-mini.sidebar-collapse .main-sidebar {
    display: none !important;
}

.sidebar-hidden .content-wrapper,
.sidebar-hidden .main-header,
.sidebar-hidden.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-hidden.sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
}

.logo-xs,
.logo-xl {
    opacity: 1;
    position: absolute;
    visibility: visible;
}

    .logo-xs.brand-image-xs,
    .logo-xl.brand-image-xs {
        left: 18px;
        top: 12px;
    }

    .logo-xs.brand-image-xl,
    .logo-xl.brand-image-xl {
        left: 12px;
        top: 6px;
    }

.logo-xs {
    opacity: 0;
    visibility: hidden;
}

    .logo-xs.brand-image-xl {
        left: 16px;
        top: 8px;
    }

.brand-link.logo-switch::before {
    content: "\00a0";
}

@media (min-width: 992px) {
    .sidebar-mini .nav-sidebar,
    .sidebar-mini .nav-sidebar > .nav-header,
    .sidebar-mini .nav-sidebar .nav-link {
        white-space: nowrap;
    }

    .sidebar-mini.sidebar-collapse .d-hidden-mini {
        display: none;
    }

    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .main-header {
        margin-left: 4.6rem !important;
    }

    .sidebar-mini.sidebar-collapse .nav-sidebar .nav-header {
        display: none;
    }

    .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p {
        width: 0;
        white-space: nowrap;
    }

    .sidebar-mini.sidebar-collapse .sidebar .user-panel > .info,
    .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link p,
    .sidebar-mini.sidebar-collapse .brand-text {
        margin-left: -10px;
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: hidden;
    }

    .sidebar-mini.sidebar-collapse .logo-xl {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: hidden;
    }

    .sidebar-mini.sidebar-collapse .logo-xs {
        display: inline-block;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: visible;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        overflow-x: hidden;
    }

        .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
            margin-left: 0;
            width: 4.6rem;
        }

            .sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image {
                float: none;
            }

            .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused {
                width: var(--custom-sidebar-width);
            }

                .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link {
                    width: var(--custom-sidebar-width);
                }

                .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel {
                    text-align: left;
                }

                    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image {
                        float: left;
                    }

                    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info,
                    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,
                    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,
                    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info,
                    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,
                    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,
                    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl {
                        display: inline-block;
                        margin-left: 0;
                        -webkit-animation-name: fadeIn;
                        animation-name: fadeIn;
                        -webkit-animation-duration: 0.3s;
                        animation-duration: 0.3s;
                        -webkit-animation-fill-mode: both;
                        animation-fill-mode: both;
                        visibility: visible;
                    }

                .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs {
                    -webkit-animation-name: fadeOut;
                    animation-name: fadeOut;
                    -webkit-animation-duration: 0.3s;
                    animation-duration: 0.3s;
                    -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
                    visibility: hidden;
                }

                .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image {
                    margin-right: .5rem;
                }

                .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,
                .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,
                .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info {
                    display: block !important;
                    -webkit-transform: translateZ(0);
                    transform: translateZ(0);
                }

                .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
                    display: inline-block !important;
                }

    .sidebar-mini.sidebar-collapse .visible-sidebar-mini {
        display: block !important;
    }

    .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
        width: var(--custom-sidebar-width);
    }

    .sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
        width: 4.6rem;
    }
}

@media (max-width: 991.98px) {
    .sidebar-mini.sidebar-collapse .main-sidebar {
        box-shadow: none !important;
    }
}

@media (min-width: 768px) {
    .sidebar-mini-md .nav-sidebar,
    .sidebar-mini-md .nav-sidebar > .nav-header,
    .sidebar-mini-md .nav-sidebar .nav-link {
        white-space: nowrap;
    }

    .sidebar-mini-md.sidebar-collapse .d-hidden-mini {
        display: none;
    }

    .sidebar-mini-md.sidebar-collapse .content-wrapper,
    .sidebar-mini-md.sidebar-collapse .main-footer,
    .sidebar-mini-md.sidebar-collapse .main-header {
        margin-left: 4.6rem !important;
    }

    .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-header {
        display: none;
    }

    .sidebar-mini-md.sidebar-collapse .sidebar .nav-sidebar .nav-link p {
        width: 0;
        white-space: nowrap;
    }

    .sidebar-mini-md.sidebar-collapse .sidebar .user-panel > .info,
    .sidebar-mini-md.sidebar-collapse .sidebar .nav-sidebar .nav-link p,
    .sidebar-mini-md.sidebar-collapse .brand-text {
        margin-left: -10px;
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: hidden;
    }

    .sidebar-mini-md.sidebar-collapse .logo-xl {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: hidden;
    }

    .sidebar-mini-md.sidebar-collapse .logo-xs {
        display: inline-block;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: visible;
    }

    .sidebar-mini-md.sidebar-collapse .main-sidebar {
        overflow-x: hidden;
    }

        .sidebar-mini-md.sidebar-collapse .main-sidebar, .sidebar-mini-md.sidebar-collapse .main-sidebar::before {
            margin-left: 0;
            width: 4.6rem;
        }

            .sidebar-mini-md.sidebar-collapse .main-sidebar .user-panel .image {
                float: none;
            }

            .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused {
                width: var(--custom-sidebar-width);
            }

                .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link {
                    width: var(--custom-sidebar-width);
                }

                .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel {
                    text-align: left;
                }

                    .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image {
                        float: left;
                    }

                    .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info,
                    .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,
                    .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,
                    .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info,
                    .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,
                    .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,
                    .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl {
                        display: inline-block;
                        margin-left: 0;
                        -webkit-animation-name: fadeIn;
                        animation-name: fadeIn;
                        -webkit-animation-duration: 0.3s;
                        animation-duration: 0.3s;
                        -webkit-animation-fill-mode: both;
                        animation-fill-mode: both;
                        visibility: visible;
                    }

                .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs {
                    -webkit-animation-name: fadeOut;
                    animation-name: fadeOut;
                    -webkit-animation-duration: 0.3s;
                    animation-duration: 0.3s;
                    -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
                    visibility: hidden;
                }

                .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image {
                    margin-right: .5rem;
                }

                .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,
                .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,
                .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info {
                    display: block !important;
                    -webkit-transform: translateZ(0);
                    transform: translateZ(0);
                }

                .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-md.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
                    display: inline-block !important;
                }

    .sidebar-mini-md.sidebar-collapse .visible-sidebar-mini {
        display: block !important;
    }

    .sidebar-mini-md.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
        width: var(--custom-sidebar-width);
    }

    .sidebar-mini-md.sidebar-collapse.layout-fixed .brand-link {
        width: 4.6rem;
    }
}

@media (max-width: 767.98px) {
    .sidebar-mini-md.sidebar-collapse .main-sidebar {
        box-shadow: none !important;
    }
}

.sidebar-mini-xs .nav-sidebar,
.sidebar-mini-xs .nav-sidebar > .nav-header,
.sidebar-mini-xs .nav-sidebar .nav-link {
    white-space: nowrap;
}

.sidebar-mini-xs.sidebar-collapse .d-hidden-mini {
    display: none;
}

.sidebar-mini-xs.sidebar-collapse .content-wrapper,
.sidebar-mini-xs.sidebar-collapse .main-footer,
.sidebar-mini-xs.sidebar-collapse .main-header {
    margin-left: 4.6rem !important;
}

.sidebar-mini-xs.sidebar-collapse .nav-sidebar .nav-header {
    display: none;
}

.sidebar-mini-xs.sidebar-collapse .sidebar .nav-sidebar .nav-link p {
    width: 0;
    white-space: nowrap;
}

.sidebar-mini-xs.sidebar-collapse .sidebar .user-panel > .info,
.sidebar-mini-xs.sidebar-collapse .sidebar .nav-sidebar .nav-link p,
.sidebar-mini-xs.sidebar-collapse .brand-text {
    margin-left: -10px;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
}

.sidebar-mini-xs.sidebar-collapse .logo-xl {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
}

.sidebar-mini-xs.sidebar-collapse .logo-xs {
    display: inline-block;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
}

.sidebar-mini-xs.sidebar-collapse .main-sidebar {
    overflow-x: hidden;
}

    .sidebar-mini-xs.sidebar-collapse .main-sidebar, .sidebar-mini-xs.sidebar-collapse .main-sidebar::before {
        margin-left: 0;
        width: 4.6rem;
    }

        .sidebar-mini-xs.sidebar-collapse .main-sidebar .user-panel .image {
            float: none;
        }

        .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused {
            width: var(--custom-sidebar-width);
        }

            .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-link {
                width: var(--custom-sidebar-width);
            }

            .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel {
                text-align: left;
            }

                .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel .image, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel .image {
                    float: left;
                }

                .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info,
                .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link p,
                .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-text,
                .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xl, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info,
                .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link p,
                .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-text,
                .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xl {
                    display: inline-block;
                    margin-left: 0;
                    -webkit-animation-name: fadeIn;
                    animation-name: fadeIn;
                    -webkit-animation-duration: 0.3s;
                    animation-duration: 0.3s;
                    -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
                    visibility: visible;
                }

            .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .logo-xs, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .logo-xs {
                -webkit-animation-name: fadeOut;
                animation-name: fadeOut;
                -webkit-animation-duration: 0.3s;
                animation-duration: 0.3s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                visibility: hidden;
            }

            .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-image, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .brand-image {
                margin-right: .5rem;
            }

            .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar-form,
            .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .user-panel > .info, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar-form,
            .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .user-panel > .info {
                display: block !important;
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
            }

            .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-sidebar > .nav-item > .nav-link > span {
                display: inline-block !important;
            }

.sidebar-mini-xs.sidebar-collapse .visible-sidebar-mini {
    display: block !important;
}

.sidebar-mini-xs.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
    width: var(--custom-sidebar-width);
}

.sidebar-mini-xs.sidebar-collapse.layout-fixed .brand-link {
    width: 4.6rem;
}

.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2 - 1rem);
}

.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2 - 2rem);
}

.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2 - 3rem);
}

.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2 - 4rem);
}

.sidebar-mini .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2 - 5rem);
}

.sidebar-mini .main-sidebar .nav-legacy .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy .nav-link {
    width: var(--custom-sidebar-width);
}

.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 1rem);
}

.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 1rem - 1rem);
}

.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 1rem - 2rem);
}

.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 1rem - 3rem);
}

.sidebar-mini .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 1rem - 4rem);
}

.sidebar-mini .main-sidebar .nav-flat .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat .nav-link {
    width: var(--custom-sidebar-width);
}

.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width));
}

.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .2rem);
}

.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .2rem * 2);
}

.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .2rem * 3);
}

.sidebar-mini .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .2rem * 4);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2 - .5rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2 - 1rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2 - 1.5rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2 - 2rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2 - 2.5rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link {
    width: var(--custom-sidebar-width);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .5rem);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .5rem * 2);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .5rem * 3);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .5rem * 4);
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-md .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link,
.sidebar-mini-xs .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .5rem * 5);
}

.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2);
    transition: width ease-in-out 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-mini .main-sidebar .nav-link,
    .sidebar-mini-md .main-sidebar .nav-link,
    .sidebar-mini-xs .main-sidebar .nav-link {
        transition: none;
    }
}

.sidebar-collapse.sidebar-mini .main-sidebar .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar .sidebar-search-results {
    display: none;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
    width: 3.6rem;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-legacy .nav-link {
    width: 4.6rem;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-treeview {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar.nav-child-indent.nav-compact .nav-link {
    width: calc(4.6rem - 0.5rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.hide-nav-header-on-hover) .nav-header, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.hide-nav-header-on-hover) .nav-header {
    display: inline-block;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar {
    display: inline-block;
}

    .sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .form-control-sidebar ~ .input-group-append {
        display: -ms-flexbox;
        display: flex;
    }

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .sidebar-search-open .sidebar-search-results {
    display: inline-block;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy .nav-link {
    width: var(--custom-sidebar-width);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 1rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 1rem - 1rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 1rem - 2rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 1rem - 3rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-legacy.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - 1rem - 4rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat .nav-link {
    width: var(--custom-sidebar-width);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width));
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .2rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .2rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .2rem * 3);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-flat.nav-child-indent .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .2rem * 4);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-compact .nav-link {
    width: calc(var(--custom-sidebar-width) - 0.5rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-link {
    width: var(--custom-sidebar-width);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .5rem);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .5rem * 2);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .5rem * 3);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .5rem * 4);
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-child-indent.nav-legacy.nav-compact .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-treeview .nav-link {
    width: calc(var(--custom-sidebar-width) - .5rem * 5);
}

.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused,
.sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused,
.sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused,
.sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover {
    width: 4.6rem;
}

    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-header, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-header, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-header,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-header {
        display: none;
    }

    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .brand-link, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .brand-link, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .brand-link {
        width: 4.6rem !important;
    }

    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .user-panel .image, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .user-panel .image, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .user-panel .image {
        float: none !important;
    }

    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xs, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xs, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xs {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: visible;
    }

    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .logo-xl, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .logo-xl, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .logo-xl {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: hidden;
    }

    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview {
        padding-left: 0;
    }

    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .brand-text,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .user-panel > .info,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar .nav-link p,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .brand-text,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .user-panel > .info,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar .nav-link p {
        margin-left: -10px;
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: hidden;
        display: inline-block;
        width: 0;
    }

    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon,
    .sidebar-collapse.sidebar-mini .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon, .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon,
    .sidebar-collapse.sidebar-mini-md .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon, .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar.sidebar-focused .sidebar .nav-sidebar > .nav-item .nav-icon,
    .sidebar-collapse.sidebar-mini-xs .sidebar-no-expand.main-sidebar:hover .sidebar .nav-sidebar > .nav-item .nav-icon {
        margin-right: 0;
    }

.nav-sidebar {
    position: relative;
}

    .nav-sidebar:hover {
        overflow: visible;
    }

    .sidebar-form,
    .nav-sidebar > .nav-header {
        overflow: hidden;
        text-overflow: clip;
    }

    .nav-sidebar .nav-item > .nav-link {
        position: relative;
    }

        .nav-sidebar .nav-item > .nav-link > .float-right {
            margin-top: -7px;
            position: absolute;
            right: 10px;
            top: 50%;
        }

.sidebar .nav-link p,
.main-sidebar .brand-text,
.main-sidebar .logo-xs,
.main-sidebar .logo-xl,
.sidebar .user-panel .info {
    transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar .nav-link p,
    .main-sidebar .brand-text,
    .main-sidebar .logo-xs,
    .main-sidebar .logo-xl,
    .sidebar .user-panel .info {
        transition: none;
    }
}

html.control-sidebar-animate {
    overflow-x: hidden;
}

.control-sidebar {
    bottom: calc(3.5rem + 1px);
    position: absolute;
    top: calc(3.5rem + 1px);
    z-index: 1031;
}

    .control-sidebar, .control-sidebar::before {
        bottom: calc(3.5rem + 1px);
        display: none;
        right: calc(var(--custom-sidebar-width) * -1);
        width: var(--custom-sidebar-width);
        transition: right 0.3s ease-in-out, display 0.3s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .control-sidebar, .control-sidebar::before {
        transition: none;
    }
}

.control-sidebar::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    z-index: -1;
}

body.text-sm .control-sidebar {
    bottom: calc(2.9365rem + 1px);
    top: calc(2.93725rem + 1px);
}

.main-header.text-sm ~ .control-sidebar {
    top: calc(2.93725rem + 1px);
}

.main-footer.text-sm ~ .control-sidebar {
    bottom: calc(2.9365rem + 1px);
}

.control-sidebar-push-slide .content-wrapper,
.control-sidebar-push-slide .main-footer {
    transition: margin-right 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .control-sidebar-push-slide .content-wrapper,
    .control-sidebar-push-slide .main-footer {
        transition: none;
    }
}

.control-sidebar-open .control-sidebar {
    display: block !important;
}

    .control-sidebar-open .control-sidebar, .control-sidebar-open .control-sidebar::before {
        right: 0;
    }

.control-sidebar-open.control-sidebar-push .content-wrapper,
.control-sidebar-open.control-sidebar-push .main-footer, .control-sidebar-open.control-sidebar-push-slide .content-wrapper,
.control-sidebar-open.control-sidebar-push-slide .main-footer {
    margin-right: var(--custom-sidebar-width);
}

.control-sidebar-slide-open .control-sidebar {
    display: block;
}

    .control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before {
        right: 0;
        transition: right 0.3s ease-in-out, display 0.3s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before {
        transition: none;
    }
}

.control-sidebar-slide-open.control-sidebar-push .content-wrapper,
.control-sidebar-slide-open.control-sidebar-push .main-footer, .control-sidebar-slide-open.control-sidebar-push-slide .content-wrapper,
.control-sidebar-slide-open.control-sidebar-push-slide .main-footer {
    margin-right: var(--custom-sidebar-width);
}

.control-sidebar-dark {
    background-color: #343a40;
}

    .control-sidebar-dark,
    .control-sidebar-dark a,
    .control-sidebar-dark .nav-link {
        color: #c2c7d0;
    }

        .control-sidebar-dark a:hover {
            color: #fff;
        }

        .control-sidebar-dark h1,
        .control-sidebar-dark h2,
        .control-sidebar-dark h3,
        .control-sidebar-dark h4,
        .control-sidebar-dark h5,
        .control-sidebar-dark h6,
        .control-sidebar-dark label {
            color: #fff;
        }

        .control-sidebar-dark .nav-tabs {
            background-color: rgba(255, 255, 255, 0.1);
            border-bottom: 0;
            margin-bottom: 5px;
        }

            .control-sidebar-dark .nav-tabs .nav-item {
                margin: 0;
            }

            .control-sidebar-dark .nav-tabs .nav-link {
                border-radius: 0;
                padding: 10px 20px;
                position: relative;
                text-align: center;
            }

                .control-sidebar-dark .nav-tabs .nav-link, .control-sidebar-dark .nav-tabs .nav-link:hover, .control-sidebar-dark .nav-tabs .nav-link:active, .control-sidebar-dark .nav-tabs .nav-link:focus, .control-sidebar-dark .nav-tabs .nav-link.active {
                    border: 0;
                }

                    .control-sidebar-dark .nav-tabs .nav-link:hover, .control-sidebar-dark .nav-tabs .nav-link:active, .control-sidebar-dark .nav-tabs .nav-link:focus, .control-sidebar-dark .nav-tabs .nav-link.active {
                        border-bottom-color: transparent;
                        border-left-color: transparent;
                        border-top-color: transparent;
                        color: #fff;
                    }

                    .control-sidebar-dark .nav-tabs .nav-link.active {
                        background-color: #343a40;
                    }

        .control-sidebar-dark .tab-pane {
            padding: 10px 15px;
        }

.control-sidebar-light {
    color: #4b545c;
    background-color: #fff;
    border-left: 1px solid #dee2e6;
}

.text-sm .dropdown-menu {
    font-size: 0.875rem !important;
}

.text-sm .dropdown-toggle::after {
    vertical-align: .2rem;
}

.dropdown-item-title {
    font-size: 1rem;
    margin: 0;
}

.dropdown-icon::after {
    margin-left: 0;
}

.dropdown-menu-lg {
    max-width: 300px;
    min-width: 280px;
    padding: 0;
}

    .dropdown-menu-lg .dropdown-divider {
        margin: 0;
    }

    .dropdown-menu-lg .dropdown-item {
        padding: 0.5rem 1rem;
    }

    .dropdown-menu-lg p {
        margin: 0;
        white-space: normal;
    }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > a::after {
        border-top: 0.3em solid transparent;
        border-right: 0;
        border-bottom: 0.3em solid transparent;
        border-left: 0.3em solid;
        float: right;
        margin-left: .5rem;
        margin-top: .5rem;
    }

    .dropdown-submenu > .dropdown-menu {
        left: 100%;
        margin-left: 0;
        margin-top: 0;
        top: 0;
    }

.dropdown-hover:hover > .dropdown-menu, .dropdown-hover.nav-item.dropdown:hover > .dropdown-menu,
.dropdown-hover .dropdown-submenu:hover > .dropdown-menu, .dropdown-hover.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-menu-xl {
    max-width: 420px;
    min-width: 360px;
    padding: 0;
}

    .dropdown-menu-xl .dropdown-divider {
        margin: 0;
    }

    .dropdown-menu-xl .dropdown-item {
        padding: 0.5rem 1rem;
    }

    .dropdown-menu-xl p {
        margin: 0;
        white-space: normal;
    }

.dropdown-footer,
.dropdown-header {
    display: block;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    text-align: center;
}

.open:not(.dropup) > .animated-dropdown-menu {
    -webkit-animation: flipInX 0.7s both;
    animation: flipInX 0.7s both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

.navbar-custom-menu > .navbar-nav > li {
    position: relative;
}

    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        position: absolute;
        right: 0;
        left: auto;
    }

@media (max-width: 767.98px) {
    .navbar-custom-menu > .navbar-nav {
        float: right;
    }

        .navbar-custom-menu > .navbar-nav > li {
            position: static;
        }

            .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
                position: absolute;
                right: 5%;
                left: auto;
                border: 1px solid #ddd;
                background-color: #fff;
            }
}

.navbar-nav > .user-menu > .nav-link::after {
    content: none;
}

.navbar-nav > .user-menu > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    width: 280px;
}

    .navbar-nav > .user-menu > .dropdown-menu,
    .navbar-nav > .user-menu > .dropdown-menu > .user-body {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

        .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
            height: 175px;
            padding: 10px;
            text-align: center;
        }

            .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
                z-index: 5;
                height: 90px;
                width: 90px;
                border: 3px solid;
                border-color: transparent;
                border-color: rgba(255, 255, 255, 0.2);
            }

            .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
                z-index: 5;
                font-size: 17px;
                margin-top: 10px;
            }

                .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
                    display: block;
                    font-size: 12px;
                }

        .navbar-nav > .user-menu > .dropdown-menu > .user-body {
            border-bottom: 1px solid #495057;
            border-top: 1px solid #dee2e6;
            padding: 15px;
        }

            .navbar-nav > .user-menu > .dropdown-menu > .user-body::after {
                display: block;
                clear: both;
                content: "";
            }

@media (min-width: 576px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
        background-color: #fff !important;
        color: #495057 !important;
    }
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f8f9fa;
    padding: 10px;
}

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer::after {
        display: block;
        clear: both;
        content: "";
    }

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
        color: #6c757d;
    }

@media (min-width: 576px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
        background-color: #f8f9fa;
    }
}

.navbar-nav > .user-menu .user-image {
    border-radius: 50%;
    float: left;
    height: 2.1rem;
    margin-right: 10px;
    margin-top: -2px;
    width: 2.1rem;
}

@media (min-width: 576px) {
    .navbar-nav > .user-menu .user-image {
        float: none;
        line-height: 10px;
        margin-right: .4rem;
        margin-top: -8px;
    }
}

.nav-pills .nav-link {
    color: #6c757d;
}

    .nav-pills .nav-link:not(.active):hover {
        color: var(--primary-color);
    }

.nav-pills .nav-item.dropdown.show .nav-link:hover {
    color: #fff;
}

.nav-tabs.flex-column {
    border-bottom: 0;
    border-right: 1px solid #dee2e6;
}

    .nav-tabs.flex-column .nav-link {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
        margin-right: -1px;
    }

        .nav-tabs.flex-column .nav-link:hover, .nav-tabs.flex-column .nav-link:focus {
            border-color: #e9ecef transparent #e9ecef #e9ecef;
        }

        .nav-tabs.flex-column .nav-link.active,
        .nav-tabs.flex-column .nav-item.show .nav-link {
            border-color: #dee2e6 transparent #dee2e6 #dee2e6;
        }

    .nav-tabs.flex-column.nav-tabs-right {
        border-left: 1px solid #dee2e6;
        border-right: 0;
    }

        .nav-tabs.flex-column.nav-tabs-right .nav-link {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0.25rem;
            border-top-left-radius: 0;
            border-top-right-radius: 0.25rem;
            margin-left: -1px;
        }

            .nav-tabs.flex-column.nav-tabs-right .nav-link:hover, .nav-tabs.flex-column.nav-tabs-right .nav-link:focus {
                border-color: #e9ecef #e9ecef #e9ecef transparent;
            }

            .nav-tabs.flex-column.nav-tabs-right .nav-link.active,
            .nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link {
                border-color: #dee2e6 #dee2e6 #dee2e6 transparent;
            }

.navbar-no-expand {
    -ms-flex-direction: row;
    flex-direction: row;
}

    .navbar-no-expand .nav-link {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .navbar-no-expand .dropdown-menu {
        position: absolute;
    }

.navbar-light {
    background-color: #f8f9fa;
}

.navbar-dark {
    background-color: #343a40;
    border-color: #4b545c;
}

.navbar-primary {
    background-color: #007bff;
    color: #fff;
}

    .navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-primary.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-primary.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-primary.navbar-light .form-control-navbar,
    .navbar-primary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #0071eb;
        border-color: #0065d1;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-primary.navbar-light .form-control-navbar:focus,
        .navbar-primary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #006fe6;
            border-color: #0065d1 !important;
            color: #343a40;
        }

    .navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-primary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-primary.navbar-dark .form-control-navbar,
    .navbar-primary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #1486ff;
        border-color: #2e93ff;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-primary.navbar-dark .form-control-navbar:focus,
        .navbar-primary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1a88ff;
            border-color: #2e93ff !important;
            color: #fff;
        }

.navbar-secondary {
    background-color: #6c757d;
    color: #fff;
}

    .navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-secondary.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-secondary.navbar-light .form-control-navbar,
    .navbar-secondary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #636b72;
        border-color: #575e64;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-secondary.navbar-light .form-control-navbar:focus,
        .navbar-secondary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #60686f;
            border-color: #575e64 !important;
            color: #343a40;
        }

    .navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-secondary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-secondary.navbar-dark .form-control-navbar,
    .navbar-secondary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #757f88;
        border-color: #838c94;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-secondary.navbar-dark .form-control-navbar:focus,
        .navbar-secondary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #78828a;
            border-color: #838c94 !important;
            color: #fff;
        }

.navbar-success {
    background-color: #28a745;
    color: #fff;
}

    .navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-success.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-success.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-success.navbar-light .form-control-navbar,
    .navbar-success.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #24973e;
        border-color: #1f8236;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-success.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-success.navbar-light .form-control-navbar:focus,
        .navbar-success.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #23923d;
            border-color: #1f8236 !important;
            color: #343a40;
        }

    .navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-success.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-success.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-success.navbar-dark .form-control-navbar,
    .navbar-success.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #2cb74c;
        border-color: #31cc54;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-success.navbar-dark .form-control-navbar:focus,
        .navbar-success.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #2dbc4e;
            border-color: #31cc54 !important;
            color: #fff;
        }

.navbar-info {
    background-color: #17a2b8;
    color: #fff;
}

    .navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-info.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-info.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-info.navbar-light .form-control-navbar,
    .navbar-info.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #1592a6;
        border-color: #127e8f;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-info.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-info.navbar-light .form-control-navbar:focus,
        .navbar-info.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #148ea1;
            border-color: #127e8f !important;
            color: #343a40;
        }

    .navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-info.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-info.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-info.navbar-dark .form-control-navbar,
    .navbar-info.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #19b2ca;
        border-color: #1cc6e1;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-info.navbar-dark .form-control-navbar:focus,
        .navbar-info.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1ab6cf;
            border-color: #1cc6e1 !important;
            color: #fff;
        }

.navbar-warning {
    background-color: #ffc107;
    color: #1f2d3d;
}

    .navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-warning.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-warning.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-warning.navbar-light .form-control-navbar,
    .navbar-warning.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #f2b500;
        border-color: #d8a200;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-warning.navbar-light .form-control-navbar:focus,
        .navbar-warning.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #edb100;
            border-color: #d8a200 !important;
            color: #343a40;
        }

    .navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-warning.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-warning.navbar-dark .form-control-navbar,
    .navbar-warning.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #ffc61b;
        border-color: #ffcc35;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-warning.navbar-dark .form-control-navbar:focus,
        .navbar-warning.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #ffc721;
            border-color: #ffcc35 !important;
            color: #fff;
        }

.navbar-danger {
    background-color: #dc3545;
    color: #fff;
}

    .navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-danger.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-danger.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-danger.navbar-light .form-control-navbar,
    .navbar-danger.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #d72536;
        border-color: #c22231;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-danger.navbar-light .form-control-navbar:focus,
        .navbar-danger.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #d32535;
            border-color: #c22231 !important;
            color: #343a40;
        }

    .navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-danger.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-danger.navbar-dark .form-control-navbar,
    .navbar-danger.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #df4655;
        border-color: #e35c69;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-danger.navbar-dark .form-control-navbar:focus,
        .navbar-danger.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #e04b59;
            border-color: #e35c69 !important;
            color: #fff;
        }

.navbar-lightblue {
    background-color: #3c8dbc;
    color: #fff;
}

    .navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-lightblue.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-lightblue.navbar-light .form-control-navbar,
    .navbar-lightblue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #3781ad;
        border-color: #317399;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-lightblue.navbar-light .form-control-navbar:focus,
        .navbar-lightblue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #367fa9;
            border-color: #317399 !important;
            color: #343a40;
        }

    .navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-lightblue.navbar-dark .form-control-navbar,
    .navbar-lightblue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #4897c5;
        border-color: #5ba2cb;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus,
        .navbar-lightblue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #4c99c6;
            border-color: #5ba2cb !important;
            color: #fff;
        }

.navbar-navy {
    background-color: #001f3f;
    color: #fff;
}

    .navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-navy.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-navy.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-navy.navbar-light .form-control-navbar,
    .navbar-navy.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #00152b;
        border-color: #000811;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-navy.navbar-light .form-control-navbar:focus,
        .navbar-navy.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #001226;
            border-color: #000811 !important;
            color: #343a40;
        }

    .navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-navy.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-navy.navbar-dark .form-control-navbar,
    .navbar-navy.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #002953;
        border-color: #00366d;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-navy.navbar-dark .form-control-navbar:focus,
        .navbar-navy.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #002c59;
            border-color: #00366d !important;
            color: #fff;
        }

.navbar-olive {
    background-color: #3d9970;
    color: #fff;
}

    .navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-olive.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-olive.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-olive.navbar-light .form-control-navbar,
    .navbar-olive.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #378a65;
        border-color: #307858;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-olive.navbar-light .form-control-navbar:focus,
        .navbar-olive.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #368763;
            border-color: #307858 !important;
            color: #343a40;
        }

    .navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-olive.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-olive.navbar-dark .form-control-navbar,
    .navbar-olive.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #43a87b;
        border-color: #4cb888;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-olive.navbar-dark .form-control-navbar:focus,
        .navbar-olive.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #44ab7d;
            border-color: #4cb888 !important;
            color: #fff;
        }

.navbar-lime {
    background-color: #01ff70;
    color: #1f2d3d;
}

    .navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-lime.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-lime.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-lime.navbar-light .form-control-navbar,
    .navbar-lime.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #00ec67;
        border-color: #00d25c;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-lime.navbar-light .form-control-navbar:focus,
        .navbar-lime.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #00e765;
            border-color: #00d25c !important;
            color: #343a40;
        }

    .navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-lime.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-lime.navbar-dark .form-control-navbar,
    .navbar-lime.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #15ff7b;
        border-color: #2fff8a;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-lime.navbar-dark .form-control-navbar:focus,
        .navbar-lime.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1bff7e;
            border-color: #2fff8a !important;
            color: #fff;
        }

.navbar-fuchsia {
    background-color: #f012be;
    color: #fff;
}

    .navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-fuchsia.navbar-light .form-control-navbar,
    .navbar-fuchsia.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #df0eb0;
        border-color: #c70d9d;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus,
        .navbar-fuchsia.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #db0ead;
            border-color: #c70d9d !important;
            color: #343a40;
        }

    .navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-fuchsia.navbar-dark .form-control-navbar,
    .navbar-fuchsia.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #f125c3;
        border-color: #f33dca;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus,
        .navbar-fuchsia.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #f22ac5;
            border-color: #f33dca !important;
            color: #fff;
        }

.navbar-maroon {
    background-color: #d81b60;
    color: #fff;
}

    .navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-maroon.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-maroon.navbar-light .form-control-navbar,
    .navbar-maroon.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #c61958;
        border-color: #af164e;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-maroon.navbar-light .form-control-navbar:focus,
        .navbar-maroon.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #c11856;
            border-color: #af164e !important;
            color: #343a40;
        }

    .navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-maroon.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-maroon.navbar-dark .form-control-navbar,
    .navbar-maroon.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #e4246a;
        border-color: #e63a79;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-maroon.navbar-dark .form-control-navbar:focus,
        .navbar-maroon.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #e4286d;
            border-color: #e63a79 !important;
            color: #fff;
        }

.navbar-blue {
    background-color: #007bff;
    color: #fff;
}

    .navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-blue.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-blue.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-blue.navbar-light .form-control-navbar,
    .navbar-blue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #0071eb;
        border-color: #0065d1;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-blue.navbar-light .form-control-navbar:focus,
        .navbar-blue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #006fe6;
            border-color: #0065d1 !important;
            color: #343a40;
        }

    .navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-blue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-blue.navbar-dark .form-control-navbar,
    .navbar-blue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #1486ff;
        border-color: #2e93ff;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-blue.navbar-dark .form-control-navbar:focus,
        .navbar-blue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1a88ff;
            border-color: #2e93ff !important;
            color: #fff;
        }

.navbar-indigo {
    background-color: #6610f2;
    color: #fff;
}

    .navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-indigo.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-indigo.navbar-light .form-control-navbar,
    .navbar-indigo.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #5d0ce1;
        border-color: #530bc9;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-indigo.navbar-light .form-control-navbar:focus,
        .navbar-indigo.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #5b0cdd;
            border-color: #530bc9 !important;
            color: #343a40;
        }

    .navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-indigo.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-indigo.navbar-dark .form-control-navbar,
    .navbar-indigo.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #7223f3;
        border-color: #823cf4;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-indigo.navbar-dark .form-control-navbar:focus,
        .navbar-indigo.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #7528f3;
            border-color: #823cf4 !important;
            color: #fff;
        }

.navbar-purple {
    background-color: #6f42c1;
    color: #fff;
}

    .navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-purple.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-purple.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-purple.navbar-light .form-control-navbar,
    .navbar-purple.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #663bb4;
        border-color: #5b35a0;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-purple.navbar-light .form-control-navbar:focus,
        .navbar-purple.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #643ab0;
            border-color: #5b35a0 !important;
            color: #343a40;
        }

    .navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-purple.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-purple.navbar-dark .form-control-navbar,
    .navbar-purple.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #7b51c6;
        border-color: #8965cc;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-purple.navbar-dark .form-control-navbar:focus,
        .navbar-purple.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #7e55c7;
            border-color: #8965cc !important;
            color: #fff;
        }

.navbar-pink {
    background-color: #e83e8c;
    color: #fff;
}

    .navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-pink.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-pink.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-pink.navbar-light .form-control-navbar,
    .navbar-pink.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #e62c81;
        border-color: #de1a74;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-pink.navbar-light .form-control-navbar:focus,
        .navbar-pink.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #e5277e;
            border-color: #de1a74 !important;
            color: #343a40;
        }

    .navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-pink.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-pink.navbar-dark .form-control-navbar,
    .navbar-pink.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #ea5097;
        border-color: #ed67a4;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-pink.navbar-dark .form-control-navbar:focus,
        .navbar-pink.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #eb559a;
            border-color: #ed67a4 !important;
            color: #fff;
        }

.navbar-red {
    background-color: #dc3545;
    color: #fff;
}

    .navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-red.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-red.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-red.navbar-light .form-control-navbar,
    .navbar-red.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #d72536;
        border-color: #c22231;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-red.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-red.navbar-light .form-control-navbar:focus,
        .navbar-red.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #d32535;
            border-color: #c22231 !important;
            color: #343a40;
        }

    .navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-red.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-red.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-red.navbar-dark .form-control-navbar,
    .navbar-red.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #df4655;
        border-color: #e35c69;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-red.navbar-dark .form-control-navbar:focus,
        .navbar-red.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #e04b59;
            border-color: #e35c69 !important;
            color: #fff;
        }

.navbar-orange {
    background-color: #fd7e14;
    color: #1f2d3d;
}

    .navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-orange.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-orange.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-orange.navbar-light .form-control-navbar,
    .navbar-orange.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #fa7302;
        border-color: #e16702;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-orange.navbar-light .form-control-navbar:focus,
        .navbar-orange.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #f57102;
            border-color: #e16702 !important;
            color: #343a40;
        }

    .navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-orange.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-orange.navbar-dark .form-control-navbar,
    .navbar-orange.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #fd8928;
        border-color: #fd9742;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-orange.navbar-dark .form-control-navbar:focus,
        .navbar-orange.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #fd8c2d;
            border-color: #fd9742 !important;
            color: #fff;
        }

.navbar-yellow {
    background-color: #ffc107;
    color: #1f2d3d;
}

    .navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-yellow.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-yellow.navbar-light .form-control-navbar,
    .navbar-yellow.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #f2b500;
        border-color: #d8a200;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-yellow.navbar-light .form-control-navbar:focus,
        .navbar-yellow.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #edb100;
            border-color: #d8a200 !important;
            color: #343a40;
        }

    .navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-yellow.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-yellow.navbar-dark .form-control-navbar,
    .navbar-yellow.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #ffc61b;
        border-color: #ffcc35;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-yellow.navbar-dark .form-control-navbar:focus,
        .navbar-yellow.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #ffc721;
            border-color: #ffcc35 !important;
            color: #fff;
        }

.navbar-green {
    background-color: #28a745;
    color: #fff;
}

    .navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-green.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-green.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-green.navbar-light .form-control-navbar,
    .navbar-green.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #24973e;
        border-color: #1f8236;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-green.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-green.navbar-light .form-control-navbar:focus,
        .navbar-green.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #23923d;
            border-color: #1f8236 !important;
            color: #343a40;
        }

    .navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-green.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-green.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-green.navbar-dark .form-control-navbar,
    .navbar-green.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #2cb74c;
        border-color: #31cc54;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-green.navbar-dark .form-control-navbar:focus,
        .navbar-green.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #2dbc4e;
            border-color: #31cc54 !important;
            color: #fff;
        }

.navbar-teal {
    background-color: #20c997;
    color: #fff;
}

    .navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-teal.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-teal.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-teal.navbar-light .form-control-navbar,
    .navbar-teal.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #1db78a;
        border-color: #1aa179;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-teal.navbar-light .form-control-navbar:focus,
        .navbar-teal.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1cb386;
            border-color: #1aa179 !important;
            color: #343a40;
        }

    .navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-teal.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-teal.navbar-dark .form-control-navbar,
    .navbar-teal.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #23dba4;
        border-color: #38dfae;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-teal.navbar-dark .form-control-navbar:focus,
        .navbar-teal.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #26dca6;
            border-color: #38dfae !important;
            color: #fff;
        }

.navbar-cyan {
    background-color: #17a2b8;
    color: #fff;
}

    .navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-cyan.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-cyan.navbar-light .form-control-navbar,
    .navbar-cyan.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #1592a6;
        border-color: #127e8f;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-cyan.navbar-light .form-control-navbar:focus,
        .navbar-cyan.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #148ea1;
            border-color: #127e8f !important;
            color: #343a40;
        }

    .navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-cyan.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-cyan.navbar-dark .form-control-navbar,
    .navbar-cyan.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #19b2ca;
        border-color: #1cc6e1;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-cyan.navbar-dark .form-control-navbar:focus,
        .navbar-cyan.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1ab6cf;
            border-color: #1cc6e1 !important;
            color: #fff;
        }

.navbar-white {
    background-color: #fff;
    color: #1f2d3d;
}

    .navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-white.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-white.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-white.navbar-light .form-control-navbar,
    .navbar-white.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: whitesmoke;
        border-color: #e8e8e8;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-white.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-white.navbar-light .form-control-navbar:focus,
        .navbar-white.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #f2f2f2;
            border-color: #e8e8e8 !important;
            color: #343a40;
        }

    .navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-white.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-white.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-white.navbar-dark .form-control-navbar,
    .navbar-white.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: white;
        border-color: white;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-white.navbar-dark .form-control-navbar:focus,
        .navbar-white.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: white;
            border-color: white !important;
            color: #fff;
        }

.navbar-gray {
    background-color: #6c757d;
    color: #fff;
}

    .navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-gray.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-gray.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-gray.navbar-light .form-control-navbar,
    .navbar-gray.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #636b72;
        border-color: #575e64;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-gray.navbar-light .form-control-navbar:focus,
        .navbar-gray.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #60686f;
            border-color: #575e64 !important;
            color: #343a40;
        }

    .navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-gray.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-gray.navbar-dark .form-control-navbar,
    .navbar-gray.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #757f88;
        border-color: #838c94;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-gray.navbar-dark .form-control-navbar:focus,
        .navbar-gray.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #78828a;
            border-color: #838c94 !important;
            color: #fff;
        }

.navbar-gray-dark {
    background-color: #343a40;
    color: #fff;
}

    .navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
        color: rgba(52, 58, 64, 0.8);
    }

    .navbar-gray-dark.navbar-light .form-control-navbar,
    .navbar-gray-dark.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #2b3035;
        border-color: #1f2327;
        color: rgba(52, 58, 64, 0.8);
    }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40;
        }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40;
        }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40;
        }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40;
        }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus,
        .navbar-gray-dark.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #292d32;
            border-color: #1f2327 !important;
            color: #343a40;
        }

    .navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    .navbar-gray-dark.navbar-dark .form-control-navbar,
    .navbar-gray-dark.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #3d444b;
        border-color: #495159;
        color: rgba(255, 255, 255, 0.8);
    }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff;
        }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff;
        }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff;
        }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff;
        }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff;
        }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus,
        .navbar-gray-dark.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #3f474e;
            border-color: #495159 !important;
            color: #fff;
        }

.navbar-nav-not-expanded {
    -ms-flex-direction: row;
    flex-direction: row;
}

    .navbar-nav-not-expanded .dropdown-menu {
        position: absolute;
    }

    .navbar-nav-not-expanded .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

.form-group.has-icon {
    position: relative;
}

    .form-group.has-icon .form-control {
        padding-right: 35px;
    }

    .form-group.has-icon .form-icon {
        background-color: transparent;
        border: 0;
        cursor: pointer;
        font-size: 1rem;
        padding: 0.375rem 0.75rem;
        position: absolute;
        right: 3px;
        top: 0;
    }

.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type {
    border-radius: 0;
}

.form-control-feedback.fa, .form-control-feedback.fas, .form-control-feedback.far, .form-control-feedback.fab, .form-control-feedback.fal, .form-control-feedback.fad, .form-control-feedback.svg-inline--fa, .form-control-feedback.ion {
    line-height: calc(2.25rem + 2px);
}

.input-lg + .form-control-feedback.fa, .input-lg + .form-control-feedback.fas, .input-lg + .form-control-feedback.far, .input-lg + .form-control-feedback.fab, .input-lg + .form-control-feedback.fal, .input-lg + .form-control-feedback.fad, .input-lg + .form-control-feedback.svg-inline--fa, .input-lg + .form-control-feedback.ion,
.input-group-lg + .form-control-feedback.fa,
.input-group-lg + .form-control-feedback.fas,
.input-group-lg + .form-control-feedback.far,
.input-group-lg + .form-control-feedback.fab,
.input-group-lg + .form-control-feedback.fal,
.input-group-lg + .form-control-feedback.fad,
.input-group-lg + .form-control-feedback.svg-inline--fa,
.input-group-lg + .form-control-feedback.ion {
    line-height: calc(2.875rem + 2px);
}

.form-group-lg .form-control + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fas, .form-group-lg .form-control + .form-control-feedback.far, .form-group-lg .form-control + .form-control-feedback.fab, .form-group-lg .form-control + .form-control-feedback.fal, .form-group-lg .form-control + .form-control-feedback.fad, .form-group-lg .form-control + .form-control-feedback.svg-inline--fa, .form-group-lg .form-control + .form-control-feedback.ion {
    line-height: calc(2.875rem + 2px);
}

.input-sm + .form-control-feedback.fa, .input-sm + .form-control-feedback.fas, .input-sm + .form-control-feedback.far, .input-sm + .form-control-feedback.fab, .input-sm + .form-control-feedback.fal, .input-sm + .form-control-feedback.fad, .input-sm + .form-control-feedback.svg-inline--fa, .input-sm + .form-control-feedback.ion,
.input-group-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fas,
.input-group-sm + .form-control-feedback.far,
.input-group-sm + .form-control-feedback.fab,
.input-group-sm + .form-control-feedback.fal,
.input-group-sm + .form-control-feedback.fad,
.input-group-sm + .form-control-feedback.svg-inline--fa,
.input-group-sm + .form-control-feedback.ion {
    line-height: calc(1.8125rem + 2px);
}

.form-group-sm .form-control + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fas, .form-group-sm .form-control + .form-control-feedback.far, .form-group-sm .form-control + .form-control-feedback.fab, .form-group-sm .form-control + .form-control-feedback.fal, .form-group-sm .form-control + .form-control-feedback.fad, .form-group-sm .form-control + .form-control-feedback.svg-inline--fa, .form-group-sm .form-control + .form-control-feedback.ion {
    line-height: calc(1.8125rem + 2px);
}

.warning-feedback {
    font-size: 80%;
    color: #ffc107;
    display: none;
    margin-top: 0.25rem;
    width: 100%;
}

.warning-tooltip {
    border-radius: 0.25rem;
    font-size: 0.875rem;
    background-color: rgba(255, 193, 7, 0.9);
    color: #1f2d3d;
    display: none;
    line-height: 1.5;
    margin-top: .1rem;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    position: absolute;
    top: 100%;
    z-index: 5;
}

.form-control.is-warning {
    border-color: #ffc107;
}

    .form-control.is-warning:focus {
        border-color: #ffc107;
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
    }

    .form-control.is-warning ~ .warning-feedback,
    .form-control.is-warning ~ .warning-tooltip {
        display: block;
    }

textarea.form-control.is-warning {
    padding-right: 2.25rem;
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.is-warning {
    border-color: #ffc107;
}

    .custom-select.is-warning:focus {
        border-color: #ffc107;
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
    }

    .custom-select.is-warning ~ .warning-feedback,
    .custom-select.is-warning ~ .warning-tooltip {
        display: block;
    }

.form-control-file.is-warning ~ .warning-feedback,
.form-control-file.is-warning ~ .warning-tooltip {
    display: block;
}

.form-check-input.is-warning ~ .form-check-label {
    color: #ffc107;
}

.form-check-input.is-warning ~ .warning-feedback,
.form-check-input.is-warning ~ .warning-tooltip {
    display: block;
}

.custom-control-input.is-warning ~ .custom-control-label {
    color: #ffc107;
}

    .custom-control-input.is-warning ~ .custom-control-label::before {
        border-color: #ffc107;
    }

.custom-control-input.is-warning ~ .warning-feedback,
.custom-control-input.is-warning ~ .warning-tooltip {
    display: block;
}

.custom-control-input.is-warning:checked ~ .custom-control-label::before {
    background-color: #ffce3a;
    border-color: #ffce3a;
}

.custom-control-input.is-warning:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
}

.custom-control-input.is-warning:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #ffc107;
}

.custom-file-input.is-warning ~ .custom-file-label {
    border-color: #ffc107;
}

.custom-file-input.is-warning ~ .warning-feedback,
.custom-file-input.is-warning ~ .warning-tooltip {
    display: block;
}

.custom-file-input.is-warning:focus ~ .custom-file-label {
    border-color: #ffc107;
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25);
}

body.text-sm .input-group-text {
    font-size: 0.875rem;
}

.form-control.form-control-border,
.custom-select.form-control-border {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: inherit;
}

    .form-control.form-control-border.border-width-2,
    .custom-select.form-control-border.border-width-2 {
        border-bottom-width: 2px;
    }

    .form-control.form-control-border.border-width-3,
    .custom-select.form-control-border.border-width-3 {
        border-bottom-width: 3px;
    }

.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before {
    background-color: #007bff;
    border-color: #004a99;
}

.custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after {
    background-color: #003e80;
}

.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff;
    border-color: #004a99;
}

.custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #99caff;
}

.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before {
    background-color: #6c757d;
    border-color: #3d4246;
}

.custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after {
    background-color: #313539;
}

.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6c757d;
    border-color: #3d4246;
}

.custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #bcc1c6;
}

.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before {
    background-color: #28a745;
    border-color: #145523;
}

.custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after {
    background-color: #0f401b;
}

.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #28a745;
    border-color: #145523;
}

.custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #86e29b;
}

.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before {
    background-color: #17a2b8;
    border-color: #0c525d;
}

.custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after {
    background-color: #093e47;
}

.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #17a2b8;
    border-color: #0c525d;
}

.custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #7adeee;
}

.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before {
    background-color: #ffc107;
    border-color: #a07800;
}

.custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after {
    background-color: #876500;
}

.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ffc107;
    border-color: #a07800;
}

.custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #ffe7a0;
}

.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
    background-color: #dc3545;
    border-color: #921925;
}

.custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
    background-color: #7c151f;
}

.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #dc3545;
    border-color: #921925;
}

.custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #f3b7bd;
}

.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before {
    background-color: #f8f9fa;
    border-color: #bdc6d0;
}

.custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after {
    background-color: #aeb9c5;
}

.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #f8f9fa;
    border-color: #bdc6d0;
}

.custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
}

.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after {
    background-color: white;
}

.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before {
    background-color: #343a40;
    border-color: #060708;
}

.custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after {
    background-color: black;
}

.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #343a40;
    border-color: #060708;
}

.custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #7a8793;
}

.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before {
    background-color: #3c8dbc;
    border-color: #23536f;
}

.custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
}

.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after {
    background-color: #1d455b;
}

.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3c8dbc;
    border-color: #23536f;
}

.custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
}

.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #acd0e5;
}

.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before {
    background-color: #001f3f;
    border-color: black;
}

.custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
}

.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after {
    background-color: black;
}

.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #001f3f;
    border-color: black;
}

.custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
}

.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #006ad8;
}

.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before {
    background-color: #3d9970;
    border-color: #20503b;
}

.custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
}

.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after {
    background-color: #193e2d;
}

.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3d9970;
    border-color: #20503b;
}

.custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
}

.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #99d6bb;
}

.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before {
    background-color: #01ff70;
    border-color: #009a43;
}

.custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
}

.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after {
    background-color: #008138;
}

.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #01ff70;
    border-color: #009a43;
}

.custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
}

.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #9affc6;
}

.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before {
    background-color: #f012be;
    border-color: #930974;
}

.custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
}

.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after {
    background-color: #7b0861;
}

.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #f012be;
    border-color: #930974;
}

.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
}

.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #f9a2e5;
}

.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before {
    background-color: #d81b60;
    border-color: #7d1038;
}

.custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
}

.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after {
    background-color: #670d2e;
}

.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #d81b60;
    border-color: #7d1038;
}

.custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
}

.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #f29aba;
}

.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before {
    background-color: #007bff;
    border-color: #004a99;
}

.custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after {
    background-color: #003e80;
}

.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff;
    border-color: #004a99;
}

.custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #99caff;
}

.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before {
    background-color: #6610f2;
    border-color: #3d0894;
}

.custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after {
    background-color: #33077c;
}

.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6610f2;
    border-color: #3d0894;
}

.custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
}

.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #c3a1fa;
}

.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before {
    background-color: #6f42c1;
    border-color: #432776;
}

.custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after {
    background-color: #382063;
}

.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6f42c1;
    border-color: #432776;
}

.custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #c7b5e7;
}

.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before {
    background-color: #e83e8c;
    border-color: #ac145a;
}

.custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after {
    background-color: #95124e;
}

.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #e83e8c;
    border-color: #ac145a;
}

.custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
}

.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #f8c7dd;
}

.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before {
    background-color: #dc3545;
    border-color: #921925;
}

.custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after {
    background-color: #7c151f;
}

.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #dc3545;
    border-color: #921925;
}

.custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
}

.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #f3b7bd;
}

.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before {
    background-color: #fd7e14;
    border-color: #aa4e01;
}

.custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after {
    background-color: #904201;
}

.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fd7e14;
    border-color: #aa4e01;
}

.custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
}

.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fed1ac;
}

.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before {
    background-color: #ffc107;
    border-color: #a07800;
}

.custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after {
    background-color: #876500;
}

.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ffc107;
    border-color: #a07800;
}

.custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
}

.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #ffe7a0;
}

.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before {
    background-color: #28a745;
    border-color: #145523;
}

.custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after {
    background-color: #0f401b;
}

.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #28a745;
    border-color: #145523;
}

.custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
}

.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #86e29b;
}

.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before {
    background-color: #20c997;
    border-color: #127155;
}

.custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after {
    background-color: #0e5b44;
}

.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #20c997;
    border-color: #127155;
}

.custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
}

.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #94eed3;
}

.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before {
    background-color: #17a2b8;
    border-color: #0c525d;
}

.custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after {
    background-color: #093e47;
}

.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #17a2b8;
    border-color: #0c525d;
}

.custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
}

.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #7adeee;
}

.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before {
    background-color: #fff;
    border-color: #cccccc;
}

.custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after {
    background-color: #bfbfbf;
}

.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fff;
    border-color: #cccccc;
}

.custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after {
    background-color: white;
}

.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before {
    background-color: #6c757d;
    border-color: #3d4246;
}

.custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after {
    background-color: #313539;
}

.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6c757d;
    border-color: #3d4246;
}

.custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
}

.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #bcc1c6;
}

.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before {
    background-color: #343a40;
    border-color: #060708;
}

.custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after {
    background-color: black;
}

.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #343a40;
    border-color: #060708;
}

.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
}

.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #7a8793;
}

.custom-range.custom-range-primary:focus {
    outline: none;
}

    .custom-range.custom-range-primary:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
    }

    .custom-range.custom-range-primary:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
    }

    .custom-range.custom-range-primary:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
    }

.custom-range.custom-range-primary::-webkit-slider-thumb {
    background-color: #007bff;
}

    .custom-range.custom-range-primary::-webkit-slider-thumb:active {
        background-color: #b3d7ff;
    }

.custom-range.custom-range-primary::-moz-range-thumb {
    background-color: #007bff;
}

    .custom-range.custom-range-primary::-moz-range-thumb:active {
        background-color: #b3d7ff;
    }

.custom-range.custom-range-primary::-ms-thumb {
    background-color: #007bff;
}

    .custom-range.custom-range-primary::-ms-thumb:active {
        background-color: #b3d7ff;
    }

.custom-range.custom-range-secondary:focus {
    outline: none;
}

    .custom-range.custom-range-secondary:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
    }

    .custom-range.custom-range-secondary:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
    }

    .custom-range.custom-range-secondary:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
    }

.custom-range.custom-range-secondary::-webkit-slider-thumb {
    background-color: #6c757d;
}

    .custom-range.custom-range-secondary::-webkit-slider-thumb:active {
        background-color: #caced1;
    }

.custom-range.custom-range-secondary::-moz-range-thumb {
    background-color: #6c757d;
}

    .custom-range.custom-range-secondary::-moz-range-thumb:active {
        background-color: #caced1;
    }

.custom-range.custom-range-secondary::-ms-thumb {
    background-color: #6c757d;
}

    .custom-range.custom-range-secondary::-ms-thumb:active {
        background-color: #caced1;
    }

.custom-range.custom-range-success:focus {
    outline: none;
}

    .custom-range.custom-range-success:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
    }

    .custom-range.custom-range-success:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
    }

    .custom-range.custom-range-success:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
    }

.custom-range.custom-range-success::-webkit-slider-thumb {
    background-color: #28a745;
}

    .custom-range.custom-range-success::-webkit-slider-thumb:active {
        background-color: #9be7ac;
    }

.custom-range.custom-range-success::-moz-range-thumb {
    background-color: #28a745;
}

    .custom-range.custom-range-success::-moz-range-thumb:active {
        background-color: #9be7ac;
    }

.custom-range.custom-range-success::-ms-thumb {
    background-color: #28a745;
}

    .custom-range.custom-range-success::-ms-thumb:active {
        background-color: #9be7ac;
    }

.custom-range.custom-range-info:focus {
    outline: none;
}

    .custom-range.custom-range-info:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
    }

    .custom-range.custom-range-info:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
    }

    .custom-range.custom-range-info:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
    }

.custom-range.custom-range-info::-webkit-slider-thumb {
    background-color: #17a2b8;
}

    .custom-range.custom-range-info::-webkit-slider-thumb:active {
        background-color: #90e4f1;
    }

.custom-range.custom-range-info::-moz-range-thumb {
    background-color: #17a2b8;
}

    .custom-range.custom-range-info::-moz-range-thumb:active {
        background-color: #90e4f1;
    }

.custom-range.custom-range-info::-ms-thumb {
    background-color: #17a2b8;
}

    .custom-range.custom-range-info::-ms-thumb:active {
        background-color: #90e4f1;
    }

.custom-range.custom-range-warning:focus {
    outline: none;
}

    .custom-range.custom-range-warning:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
    }

    .custom-range.custom-range-warning:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
    }

    .custom-range.custom-range-warning:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
    }

.custom-range.custom-range-warning::-webkit-slider-thumb {
    background-color: #ffc107;
}

    .custom-range.custom-range-warning::-webkit-slider-thumb:active {
        background-color: #ffeeba;
    }

.custom-range.custom-range-warning::-moz-range-thumb {
    background-color: #ffc107;
}

    .custom-range.custom-range-warning::-moz-range-thumb:active {
        background-color: #ffeeba;
    }

.custom-range.custom-range-warning::-ms-thumb {
    background-color: #ffc107;
}

    .custom-range.custom-range-warning::-ms-thumb:active {
        background-color: #ffeeba;
    }

.custom-range.custom-range-danger:focus {
    outline: none;
}

    .custom-range.custom-range-danger:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
    }

    .custom-range.custom-range-danger:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
    }

    .custom-range.custom-range-danger:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
    }

.custom-range.custom-range-danger::-webkit-slider-thumb {
    background-color: #dc3545;
}

    .custom-range.custom-range-danger::-webkit-slider-thumb:active {
        background-color: #f6cdd1;
    }

.custom-range.custom-range-danger::-moz-range-thumb {
    background-color: #dc3545;
}

    .custom-range.custom-range-danger::-moz-range-thumb:active {
        background-color: #f6cdd1;
    }

.custom-range.custom-range-danger::-ms-thumb {
    background-color: #dc3545;
}

    .custom-range.custom-range-danger::-ms-thumb:active {
        background-color: #f6cdd1;
    }

.custom-range.custom-range-light:focus {
    outline: none;
}

    .custom-range.custom-range-light:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
    }

    .custom-range.custom-range-light:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
    }

    .custom-range.custom-range-light:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(248, 249, 250, 0.25);
    }

.custom-range.custom-range-light::-webkit-slider-thumb {
    background-color: #f8f9fa;
}

    .custom-range.custom-range-light::-webkit-slider-thumb:active {
        background-color: white;
    }

.custom-range.custom-range-light::-moz-range-thumb {
    background-color: #f8f9fa;
}

    .custom-range.custom-range-light::-moz-range-thumb:active {
        background-color: white;
    }

.custom-range.custom-range-light::-ms-thumb {
    background-color: #f8f9fa;
}

    .custom-range.custom-range-light::-ms-thumb:active {
        background-color: white;
    }

.custom-range.custom-range-dark:focus {
    outline: none;
}

    .custom-range.custom-range-dark:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
    }

    .custom-range.custom-range-dark:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
    }

    .custom-range.custom-range-dark:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
    }

.custom-range.custom-range-dark::-webkit-slider-thumb {
    background-color: #343a40;
}

    .custom-range.custom-range-dark::-webkit-slider-thumb:active {
        background-color: #88939e;
    }

.custom-range.custom-range-dark::-moz-range-thumb {
    background-color: #343a40;
}

    .custom-range.custom-range-dark::-moz-range-thumb:active {
        background-color: #88939e;
    }

.custom-range.custom-range-dark::-ms-thumb {
    background-color: #343a40;
}

    .custom-range.custom-range-dark::-ms-thumb:active {
        background-color: #88939e;
    }

.custom-range.custom-range-lightblue:focus {
    outline: none;
}

    .custom-range.custom-range-lightblue:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
    }

    .custom-range.custom-range-lightblue:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
    }

    .custom-range.custom-range-lightblue:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(60, 141, 188, 0.25);
    }

.custom-range.custom-range-lightblue::-webkit-slider-thumb {
    background-color: #3c8dbc;
}

    .custom-range.custom-range-lightblue::-webkit-slider-thumb:active {
        background-color: #c0dbeb;
    }

.custom-range.custom-range-lightblue::-moz-range-thumb {
    background-color: #3c8dbc;
}

    .custom-range.custom-range-lightblue::-moz-range-thumb:active {
        background-color: #c0dbeb;
    }

.custom-range.custom-range-lightblue::-ms-thumb {
    background-color: #3c8dbc;
}

    .custom-range.custom-range-lightblue::-ms-thumb:active {
        background-color: #c0dbeb;
    }

.custom-range.custom-range-navy:focus {
    outline: none;
}

    .custom-range.custom-range-navy:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
    }

    .custom-range.custom-range-navy:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
    }

    .custom-range.custom-range-navy:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 31, 63, 0.25);
    }

.custom-range.custom-range-navy::-webkit-slider-thumb {
    background-color: #001f3f;
}

    .custom-range.custom-range-navy::-webkit-slider-thumb:active {
        background-color: #0077f2;
    }

.custom-range.custom-range-navy::-moz-range-thumb {
    background-color: #001f3f;
}

    .custom-range.custom-range-navy::-moz-range-thumb:active {
        background-color: #0077f2;
    }

.custom-range.custom-range-navy::-ms-thumb {
    background-color: #001f3f;
}

    .custom-range.custom-range-navy::-ms-thumb:active {
        background-color: #0077f2;
    }

.custom-range.custom-range-olive:focus {
    outline: none;
}

    .custom-range.custom-range-olive:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
    }

    .custom-range.custom-range-olive:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
    }

    .custom-range.custom-range-olive:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(61, 153, 112, 0.25);
    }

.custom-range.custom-range-olive::-webkit-slider-thumb {
    background-color: #3d9970;
}

    .custom-range.custom-range-olive::-webkit-slider-thumb:active {
        background-color: #abdec7;
    }

.custom-range.custom-range-olive::-moz-range-thumb {
    background-color: #3d9970;
}

    .custom-range.custom-range-olive::-moz-range-thumb:active {
        background-color: #abdec7;
    }

.custom-range.custom-range-olive::-ms-thumb {
    background-color: #3d9970;
}

    .custom-range.custom-range-olive::-ms-thumb:active {
        background-color: #abdec7;
    }

.custom-range.custom-range-lime:focus {
    outline: none;
}

    .custom-range.custom-range-lime:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
    }

    .custom-range.custom-range-lime:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
    }

    .custom-range.custom-range-lime:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(1, 255, 112, 0.25);
    }

.custom-range.custom-range-lime::-webkit-slider-thumb {
    background-color: #01ff70;
}

    .custom-range.custom-range-lime::-webkit-slider-thumb:active {
        background-color: #b4ffd4;
    }

.custom-range.custom-range-lime::-moz-range-thumb {
    background-color: #01ff70;
}

    .custom-range.custom-range-lime::-moz-range-thumb:active {
        background-color: #b4ffd4;
    }

.custom-range.custom-range-lime::-ms-thumb {
    background-color: #01ff70;
}

    .custom-range.custom-range-lime::-ms-thumb:active {
        background-color: #b4ffd4;
    }

.custom-range.custom-range-fuchsia:focus {
    outline: none;
}

    .custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
    }

    .custom-range.custom-range-fuchsia:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
    }

    .custom-range.custom-range-fuchsia:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(240, 18, 190, 0.25);
    }

.custom-range.custom-range-fuchsia::-webkit-slider-thumb {
    background-color: #f012be;
}

    .custom-range.custom-range-fuchsia::-webkit-slider-thumb:active {
        background-color: #fbbaec;
    }

.custom-range.custom-range-fuchsia::-moz-range-thumb {
    background-color: #f012be;
}

    .custom-range.custom-range-fuchsia::-moz-range-thumb:active {
        background-color: #fbbaec;
    }

.custom-range.custom-range-fuchsia::-ms-thumb {
    background-color: #f012be;
}

    .custom-range.custom-range-fuchsia::-ms-thumb:active {
        background-color: #fbbaec;
    }

.custom-range.custom-range-maroon:focus {
    outline: none;
}

    .custom-range.custom-range-maroon:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
    }

    .custom-range.custom-range-maroon:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
    }

    .custom-range.custom-range-maroon:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(216, 27, 96, 0.25);
    }

.custom-range.custom-range-maroon::-webkit-slider-thumb {
    background-color: #d81b60;
}

    .custom-range.custom-range-maroon::-webkit-slider-thumb:active {
        background-color: #f5b0c9;
    }

.custom-range.custom-range-maroon::-moz-range-thumb {
    background-color: #d81b60;
}

    .custom-range.custom-range-maroon::-moz-range-thumb:active {
        background-color: #f5b0c9;
    }

.custom-range.custom-range-maroon::-ms-thumb {
    background-color: #d81b60;
}

    .custom-range.custom-range-maroon::-ms-thumb:active {
        background-color: #f5b0c9;
    }

.custom-range.custom-range-blue:focus {
    outline: none;
}

    .custom-range.custom-range-blue:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
    }

    .custom-range.custom-range-blue:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
    }

    .custom-range.custom-range-blue:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 123, 255, 0.25);
    }

.custom-range.custom-range-blue::-webkit-slider-thumb {
    background-color: #007bff;
}

    .custom-range.custom-range-blue::-webkit-slider-thumb:active {
        background-color: #b3d7ff;
    }

.custom-range.custom-range-blue::-moz-range-thumb {
    background-color: #007bff;
}

    .custom-range.custom-range-blue::-moz-range-thumb:active {
        background-color: #b3d7ff;
    }

.custom-range.custom-range-blue::-ms-thumb {
    background-color: #007bff;
}

    .custom-range.custom-range-blue::-ms-thumb:active {
        background-color: #b3d7ff;
    }

.custom-range.custom-range-indigo:focus {
    outline: none;
}

    .custom-range.custom-range-indigo:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
    }

    .custom-range.custom-range-indigo:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
    }

    .custom-range.custom-range-indigo:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(102, 16, 242, 0.25);
    }

.custom-range.custom-range-indigo::-webkit-slider-thumb {
    background-color: #6610f2;
}

    .custom-range.custom-range-indigo::-webkit-slider-thumb:active {
        background-color: #d2b9fb;
    }

.custom-range.custom-range-indigo::-moz-range-thumb {
    background-color: #6610f2;
}

    .custom-range.custom-range-indigo::-moz-range-thumb:active {
        background-color: #d2b9fb;
    }

.custom-range.custom-range-indigo::-ms-thumb {
    background-color: #6610f2;
}

    .custom-range.custom-range-indigo::-ms-thumb:active {
        background-color: #d2b9fb;
    }

.custom-range.custom-range-purple:focus {
    outline: none;
}

    .custom-range.custom-range-purple:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
    }

    .custom-range.custom-range-purple:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
    }

    .custom-range.custom-range-purple:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(111, 66, 193, 0.25);
    }

.custom-range.custom-range-purple::-webkit-slider-thumb {
    background-color: #6f42c1;
}

    .custom-range.custom-range-purple::-webkit-slider-thumb:active {
        background-color: #d5c8ed;
    }

.custom-range.custom-range-purple::-moz-range-thumb {
    background-color: #6f42c1;
}

    .custom-range.custom-range-purple::-moz-range-thumb:active {
        background-color: #d5c8ed;
    }

.custom-range.custom-range-purple::-ms-thumb {
    background-color: #6f42c1;
}

    .custom-range.custom-range-purple::-ms-thumb:active {
        background-color: #d5c8ed;
    }

.custom-range.custom-range-pink:focus {
    outline: none;
}

    .custom-range.custom-range-pink:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
    }

    .custom-range.custom-range-pink:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
    }

    .custom-range.custom-range-pink:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(232, 62, 140, 0.25);
    }

.custom-range.custom-range-pink::-webkit-slider-thumb {
    background-color: #e83e8c;
}

    .custom-range.custom-range-pink::-webkit-slider-thumb:active {
        background-color: #fbddeb;
    }

.custom-range.custom-range-pink::-moz-range-thumb {
    background-color: #e83e8c;
}

    .custom-range.custom-range-pink::-moz-range-thumb:active {
        background-color: #fbddeb;
    }

.custom-range.custom-range-pink::-ms-thumb {
    background-color: #e83e8c;
}

    .custom-range.custom-range-pink::-ms-thumb:active {
        background-color: #fbddeb;
    }

.custom-range.custom-range-red:focus {
    outline: none;
}

    .custom-range.custom-range-red:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
    }

    .custom-range.custom-range-red:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
    }

    .custom-range.custom-range-red:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(220, 53, 69, 0.25);
    }

.custom-range.custom-range-red::-webkit-slider-thumb {
    background-color: #dc3545;
}

    .custom-range.custom-range-red::-webkit-slider-thumb:active {
        background-color: #f6cdd1;
    }

.custom-range.custom-range-red::-moz-range-thumb {
    background-color: #dc3545;
}

    .custom-range.custom-range-red::-moz-range-thumb:active {
        background-color: #f6cdd1;
    }

.custom-range.custom-range-red::-ms-thumb {
    background-color: #dc3545;
}

    .custom-range.custom-range-red::-ms-thumb:active {
        background-color: #f6cdd1;
    }

.custom-range.custom-range-orange:focus {
    outline: none;
}

    .custom-range.custom-range-orange:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
    }

    .custom-range.custom-range-orange:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
    }

    .custom-range.custom-range-orange:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(253, 126, 20, 0.25);
    }

.custom-range.custom-range-orange::-webkit-slider-thumb {
    background-color: #fd7e14;
}

    .custom-range.custom-range-orange::-webkit-slider-thumb:active {
        background-color: #ffdfc5;
    }

.custom-range.custom-range-orange::-moz-range-thumb {
    background-color: #fd7e14;
}

    .custom-range.custom-range-orange::-moz-range-thumb:active {
        background-color: #ffdfc5;
    }

.custom-range.custom-range-orange::-ms-thumb {
    background-color: #fd7e14;
}

    .custom-range.custom-range-orange::-ms-thumb:active {
        background-color: #ffdfc5;
    }

.custom-range.custom-range-yellow:focus {
    outline: none;
}

    .custom-range.custom-range-yellow:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
    }

    .custom-range.custom-range-yellow:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
    }

    .custom-range.custom-range-yellow:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 193, 7, 0.25);
    }

.custom-range.custom-range-yellow::-webkit-slider-thumb {
    background-color: #ffc107;
}

    .custom-range.custom-range-yellow::-webkit-slider-thumb:active {
        background-color: #ffeeba;
    }

.custom-range.custom-range-yellow::-moz-range-thumb {
    background-color: #ffc107;
}

    .custom-range.custom-range-yellow::-moz-range-thumb:active {
        background-color: #ffeeba;
    }

.custom-range.custom-range-yellow::-ms-thumb {
    background-color: #ffc107;
}

    .custom-range.custom-range-yellow::-ms-thumb:active {
        background-color: #ffeeba;
    }

.custom-range.custom-range-green:focus {
    outline: none;
}

    .custom-range.custom-range-green:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
    }

    .custom-range.custom-range-green:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
    }

    .custom-range.custom-range-green:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(40, 167, 69, 0.25);
    }

.custom-range.custom-range-green::-webkit-slider-thumb {
    background-color: #28a745;
}

    .custom-range.custom-range-green::-webkit-slider-thumb:active {
        background-color: #9be7ac;
    }

.custom-range.custom-range-green::-moz-range-thumb {
    background-color: #28a745;
}

    .custom-range.custom-range-green::-moz-range-thumb:active {
        background-color: #9be7ac;
    }

.custom-range.custom-range-green::-ms-thumb {
    background-color: #28a745;
}

    .custom-range.custom-range-green::-ms-thumb:active {
        background-color: #9be7ac;
    }

.custom-range.custom-range-teal:focus {
    outline: none;
}

    .custom-range.custom-range-teal:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
    }

    .custom-range.custom-range-teal:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
    }

    .custom-range.custom-range-teal:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(32, 201, 151, 0.25);
    }

.custom-range.custom-range-teal::-webkit-slider-thumb {
    background-color: #20c997;
}

    .custom-range.custom-range-teal::-webkit-slider-thumb:active {
        background-color: #aaf1dc;
    }

.custom-range.custom-range-teal::-moz-range-thumb {
    background-color: #20c997;
}

    .custom-range.custom-range-teal::-moz-range-thumb:active {
        background-color: #aaf1dc;
    }

.custom-range.custom-range-teal::-ms-thumb {
    background-color: #20c997;
}

    .custom-range.custom-range-teal::-ms-thumb:active {
        background-color: #aaf1dc;
    }

.custom-range.custom-range-cyan:focus {
    outline: none;
}

    .custom-range.custom-range-cyan:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
    }

    .custom-range.custom-range-cyan:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
    }

    .custom-range.custom-range-cyan:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(23, 162, 184, 0.25);
    }

.custom-range.custom-range-cyan::-webkit-slider-thumb {
    background-color: #17a2b8;
}

    .custom-range.custom-range-cyan::-webkit-slider-thumb:active {
        background-color: #90e4f1;
    }

.custom-range.custom-range-cyan::-moz-range-thumb {
    background-color: #17a2b8;
}

    .custom-range.custom-range-cyan::-moz-range-thumb:active {
        background-color: #90e4f1;
    }

.custom-range.custom-range-cyan::-ms-thumb {
    background-color: #17a2b8;
}

    .custom-range.custom-range-cyan::-ms-thumb:active {
        background-color: #90e4f1;
    }

.custom-range.custom-range-white:focus {
    outline: none;
}

    .custom-range.custom-range-white:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
    }

    .custom-range.custom-range-white:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
    }

    .custom-range.custom-range-white:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(255, 255, 255, 0.25);
    }

.custom-range.custom-range-white::-webkit-slider-thumb {
    background-color: #fff;
}

    .custom-range.custom-range-white::-webkit-slider-thumb:active {
        background-color: white;
    }

.custom-range.custom-range-white::-moz-range-thumb {
    background-color: #fff;
}

    .custom-range.custom-range-white::-moz-range-thumb:active {
        background-color: white;
    }

.custom-range.custom-range-white::-ms-thumb {
    background-color: #fff;
}

    .custom-range.custom-range-white::-ms-thumb:active {
        background-color: white;
    }

.custom-range.custom-range-gray:focus {
    outline: none;
}

    .custom-range.custom-range-gray:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
    }

    .custom-range.custom-range-gray:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
    }

    .custom-range.custom-range-gray:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(108, 117, 125, 0.25);
    }

.custom-range.custom-range-gray::-webkit-slider-thumb {
    background-color: #6c757d;
}

    .custom-range.custom-range-gray::-webkit-slider-thumb:active {
        background-color: #caced1;
    }

.custom-range.custom-range-gray::-moz-range-thumb {
    background-color: #6c757d;
}

    .custom-range.custom-range-gray::-moz-range-thumb:active {
        background-color: #caced1;
    }

.custom-range.custom-range-gray::-ms-thumb {
    background-color: #6c757d;
}

    .custom-range.custom-range-gray::-ms-thumb:active {
        background-color: #caced1;
    }

.custom-range.custom-range-gray-dark:focus {
    outline: none;
}

    .custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
    }

    .custom-range.custom-range-gray-dark:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
    }

    .custom-range.custom-range-gray-dark:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(52, 58, 64, 0.25);
    }

.custom-range.custom-range-gray-dark::-webkit-slider-thumb {
    background-color: #343a40;
}

    .custom-range.custom-range-gray-dark::-webkit-slider-thumb:active {
        background-color: #88939e;
    }

.custom-range.custom-range-gray-dark::-moz-range-thumb {
    background-color: #343a40;
}

    .custom-range.custom-range-gray-dark::-moz-range-thumb:active {
        background-color: #88939e;
    }

.custom-range.custom-range-gray-dark::-ms-thumb {
    background-color: #343a40;
}

    .custom-range.custom-range-gray-dark::-ms-thumb:active {
        background-color: #88939e;
    }

.custom-control-input-primary:checked ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
}

.custom-control-input-primary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-primary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important;
}

.custom-control-input-primary:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input-primary:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff;
}

.custom-control-input-primary:not(:disabled):active ~ .custom-control-label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

.custom-control-input-secondary:checked ~ .custom-control-label::before {
    border-color: #6c757d;
    background-color: #6c757d;
}

.custom-control-input-secondary.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-secondary.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
}

.custom-control-input-secondary:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}

.custom-control-input-secondary:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #afb5ba;
}

.custom-control-input-secondary:not(:disabled):active ~ .custom-control-label::before {
    background-color: #caced1;
    border-color: #caced1;
}

.custom-control-input-success:checked ~ .custom-control-label::before {
    border-color: #28a745;
    background-color: #28a745;
}

.custom-control-input-success.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-success.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important;
}

.custom-control-input-success:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-control-input-success:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #71dd8a;
}

.custom-control-input-success:not(:disabled):active ~ .custom-control-label::before {
    background-color: #9be7ac;
    border-color: #9be7ac;
}

.custom-control-input-info:checked ~ .custom-control-label::before {
    border-color: #17a2b8;
    background-color: #17a2b8;
}

.custom-control-input-info.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-info.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important;
}

.custom-control-input-info:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

.custom-control-input-info:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #63d9ec;
}

.custom-control-input-info:not(:disabled):active ~ .custom-control-label::before {
    background-color: #90e4f1;
    border-color: #90e4f1;
}

.custom-control-input-warning:checked ~ .custom-control-label::before {
    border-color: #ffc107;
    background-color: #ffc107;
}

.custom-control-input-warning.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-warning.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important;
}

.custom-control-input-warning:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

.custom-control-input-warning:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #ffe187;
}

.custom-control-input-warning:not(:disabled):active ~ .custom-control-label::before {
    background-color: #ffeeba;
    border-color: #ffeeba;
}

.custom-control-input-danger:checked ~ .custom-control-label::before {
    border-color: #dc3545;
    background-color: #dc3545;
}

.custom-control-input-danger.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-danger.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important;
}

.custom-control-input-danger:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-control-input-danger:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #efa2a9;
}

.custom-control-input-danger:not(:disabled):active ~ .custom-control-label::before {
    background-color: #f6cdd1;
    border-color: #f6cdd1;
}

.custom-control-input-light:checked ~ .custom-control-label::before {
    border-color: #f8f9fa;
    background-color: #f8f9fa;
}

.custom-control-input-light.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f8f9fa' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-light.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f8f9fa'/%3E%3C/svg%3E") !important;
}

.custom-control-input-light:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(248, 249, 250, 0.25);
}

.custom-control-input-light:focus:not(:checked) ~ .custom-control-label::before {
    border-color: white;
}

.custom-control-input-light:not(:disabled):active ~ .custom-control-label::before {
    background-color: white;
    border-color: white;
}

.custom-control-input-dark:checked ~ .custom-control-label::before {
    border-color: #343a40;
    background-color: #343a40;
}

.custom-control-input-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
}

.custom-control-input-dark:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
}

.custom-control-input-dark:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #6d7a86;
}

.custom-control-input-dark:not(:disabled):active ~ .custom-control-label::before {
    background-color: #88939e;
    border-color: #88939e;
}

.custom-control-input-lightblue:checked ~ .custom-control-label::before {
    border-color: #3c8dbc;
    background-color: #3c8dbc;
}

.custom-control-input-lightblue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233c8dbc' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-lightblue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233c8dbc'/%3E%3C/svg%3E") !important;
}

.custom-control-input-lightblue:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(60, 141, 188, 0.25);
}

.custom-control-input-lightblue:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #99c5de;
}

.custom-control-input-lightblue:not(:disabled):active ~ .custom-control-label::before {
    background-color: #c0dbeb;
    border-color: #c0dbeb;
}

.custom-control-input-navy:checked ~ .custom-control-label::before {
    border-color: #001f3f;
    background-color: #001f3f;
}

.custom-control-input-navy.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23001f3f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-navy.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23001f3f'/%3E%3C/svg%3E") !important;
}

.custom-control-input-navy:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 31, 63, 0.25);
}

.custom-control-input-navy:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #005ebf;
}

.custom-control-input-navy:not(:disabled):active ~ .custom-control-label::before {
    background-color: #0077f2;
    border-color: #0077f2;
}

.custom-control-input-olive:checked ~ .custom-control-label::before {
    border-color: #3d9970;
    background-color: #3d9970;
}

.custom-control-input-olive.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%233d9970' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-olive.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233d9970'/%3E%3C/svg%3E") !important;
}

.custom-control-input-olive:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(61, 153, 112, 0.25);
}

.custom-control-input-olive:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #87cfaf;
}

.custom-control-input-olive:not(:disabled):active ~ .custom-control-label::before {
    background-color: #abdec7;
    border-color: #abdec7;
}

.custom-control-input-lime:checked ~ .custom-control-label::before {
    border-color: #01ff70;
    background-color: #01ff70;
}

.custom-control-input-lime.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2301ff70' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-lime.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2301ff70'/%3E%3C/svg%3E") !important;
}

.custom-control-input-lime:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(1, 255, 112, 0.25);
}

.custom-control-input-lime:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #81ffb8;
}

.custom-control-input-lime:not(:disabled):active ~ .custom-control-label::before {
    background-color: #b4ffd4;
    border-color: #b4ffd4;
}

.custom-control-input-fuchsia:checked ~ .custom-control-label::before {
    border-color: #f012be;
    background-color: #f012be;
}

.custom-control-input-fuchsia.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f012be' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-fuchsia.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23f012be'/%3E%3C/svg%3E") !important;
}

.custom-control-input-fuchsia:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(240, 18, 190, 0.25);
}

.custom-control-input-fuchsia:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #f88adf;
}

.custom-control-input-fuchsia:not(:disabled):active ~ .custom-control-label::before {
    background-color: #fbbaec;
    border-color: #fbbaec;
}

.custom-control-input-maroon:checked ~ .custom-control-label::before {
    border-color: #d81b60;
    background-color: #d81b60;
}

.custom-control-input-maroon.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23d81b60' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-maroon.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23d81b60'/%3E%3C/svg%3E") !important;
}

.custom-control-input-maroon:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(216, 27, 96, 0.25);
}

.custom-control-input-maroon:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #f083ab;
}

.custom-control-input-maroon:not(:disabled):active ~ .custom-control-label::before {
    background-color: #f5b0c9;
    border-color: #f5b0c9;
}

.custom-control-input-blue:checked ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
}

.custom-control-input-blue.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23007bff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-blue.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23007bff'/%3E%3C/svg%3E") !important;
}

.custom-control-input-blue:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input-blue:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff;
}

.custom-control-input-blue:not(:disabled):active ~ .custom-control-label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

.custom-control-input-indigo:checked ~ .custom-control-label::before {
    border-color: #6610f2;
    background-color: #6610f2;
}

.custom-control-input-indigo.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236610f2' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-indigo.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236610f2'/%3E%3C/svg%3E") !important;
}

.custom-control-input-indigo:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(102, 16, 242, 0.25);
}

.custom-control-input-indigo:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #b389f9;
}

.custom-control-input-indigo:not(:disabled):active ~ .custom-control-label::before {
    background-color: #d2b9fb;
    border-color: #d2b9fb;
}

.custom-control-input-purple:checked ~ .custom-control-label::before {
    border-color: #6f42c1;
    background-color: #6f42c1;
}

.custom-control-input-purple.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236f42c1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-purple.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236f42c1'/%3E%3C/svg%3E") !important;
}

.custom-control-input-purple:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
}

.custom-control-input-purple:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #b8a2e0;
}

.custom-control-input-purple:not(:disabled):active ~ .custom-control-label::before {
    background-color: #d5c8ed;
    border-color: #d5c8ed;
}

.custom-control-input-pink:checked ~ .custom-control-label::before {
    border-color: #e83e8c;
    background-color: #e83e8c;
}

.custom-control-input-pink.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23e83e8c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-pink.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e83e8c'/%3E%3C/svg%3E") !important;
}

.custom-control-input-pink:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(232, 62, 140, 0.25);
}

.custom-control-input-pink:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #f6b0d0;
}

.custom-control-input-pink:not(:disabled):active ~ .custom-control-label::before {
    background-color: #fbddeb;
    border-color: #fbddeb;
}

.custom-control-input-red:checked ~ .custom-control-label::before {
    border-color: #dc3545;
    background-color: #dc3545;
}

.custom-control-input-red.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23dc3545' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-red.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23dc3545'/%3E%3C/svg%3E") !important;
}

.custom-control-input-red:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.custom-control-input-red:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #efa2a9;
}

.custom-control-input-red:not(:disabled):active ~ .custom-control-label::before {
    background-color: #f6cdd1;
    border-color: #f6cdd1;
}

.custom-control-input-orange:checked ~ .custom-control-label::before {
    border-color: #fd7e14;
    background-color: #fd7e14;
}

.custom-control-input-orange.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fd7e14' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-orange.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fd7e14'/%3E%3C/svg%3E") !important;
}

.custom-control-input-orange:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(253, 126, 20, 0.25);
}

.custom-control-input-orange:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #fec392;
}

.custom-control-input-orange:not(:disabled):active ~ .custom-control-label::before {
    background-color: #ffdfc5;
    border-color: #ffdfc5;
}

.custom-control-input-yellow:checked ~ .custom-control-label::before {
    border-color: #ffc107;
    background-color: #ffc107;
}

.custom-control-input-yellow.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffc107' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-yellow.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffc107'/%3E%3C/svg%3E") !important;
}

.custom-control-input-yellow:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

.custom-control-input-yellow:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #ffe187;
}

.custom-control-input-yellow:not(:disabled):active ~ .custom-control-label::before {
    background-color: #ffeeba;
    border-color: #ffeeba;
}

.custom-control-input-green:checked ~ .custom-control-label::before {
    border-color: #28a745;
    background-color: #28a745;
}

.custom-control-input-green.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328a745' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-green.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2328a745'/%3E%3C/svg%3E") !important;
}

.custom-control-input-green:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #71dd8a;
}

.custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
    background-color: #9be7ac;
    border-color: #9be7ac;
}

.custom-control-input-teal:checked ~ .custom-control-label::before {
    border-color: #20c997;
    background-color: #20c997;
}

.custom-control-input-teal.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2320c997' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-teal.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2320c997'/%3E%3C/svg%3E") !important;
}

.custom-control-input-teal:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(32, 201, 151, 0.25);
}

.custom-control-input-teal:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #7eeaca;
}

.custom-control-input-teal:not(:disabled):active ~ .custom-control-label::before {
    background-color: #aaf1dc;
    border-color: #aaf1dc;
}

.custom-control-input-cyan:checked ~ .custom-control-label::before {
    border-color: #17a2b8;
    background-color: #17a2b8;
}

.custom-control-input-cyan.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2317a2b8' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-cyan.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2317a2b8'/%3E%3C/svg%3E") !important;
}

.custom-control-input-cyan:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(23, 162, 184, 0.25);
}

.custom-control-input-cyan:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #63d9ec;
}

.custom-control-input-cyan:not(:disabled):active ~ .custom-control-label::before {
    background-color: #90e4f1;
    border-color: #90e4f1;
}

.custom-control-input-white:checked ~ .custom-control-label::before {
    border-color: #fff;
    background-color: #fff;
}

.custom-control-input-white.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-white.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !important;
}

.custom-control-input-white:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}

.custom-control-input-white:focus:not(:checked) ~ .custom-control-label::before {
    border-color: white;
}

.custom-control-input-white:not(:disabled):active ~ .custom-control-label::before {
    background-color: white;
    border-color: white;
}

.custom-control-input-gray:checked ~ .custom-control-label::before {
    border-color: #6c757d;
    background-color: #6c757d;
}

.custom-control-input-gray.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%236c757d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-gray.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236c757d'/%3E%3C/svg%3E") !important;
}

.custom-control-input-gray:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}

.custom-control-input-gray:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #afb5ba;
}

.custom-control-input-gray:not(:disabled):active ~ .custom-control-label::before {
    background-color: #caced1;
    border-color: #caced1;
}

.custom-control-input-gray-dark:checked ~ .custom-control-label::before {
    border-color: #343a40;
    background-color: #343a40;
}

.custom-control-input-gray-dark.custom-control-input-outline:checked[type="checkbox"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23343a40' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}

.custom-control-input-gray-dark.custom-control-input-outline:checked[type="radio"] ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23343a40'/%3E%3C/svg%3E") !important;
}

.custom-control-input-gray-dark:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0.2rem rgba(52, 58, 64, 0.25);
}

.custom-control-input-gray-dark:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #6d7a86;
}

.custom-control-input-gray-dark:not(:disabled):active ~ .custom-control-label::before {
    background-color: #88939e;
    border-color: #88939e;
}

.custom-control-input-outline ~ .custom-control-label::before {
    background-color: transparent !important;
    box-shadow: none;
}

.custom-control-input-outline:checked ~ .custom-control-label::before {
    background-color: transparent;
}

.navbar-dark .btn-navbar,
.navbar-dark .form-control-navbar {
    background-color: #3f474e;
    border: 1px solid #56606a;
    color: white;
}

    .navbar-dark .btn-navbar:hover {
        background-color: #454d55;
    }

    .navbar-dark .btn-navbar:focus {
        background-color: #4b545c;
    }

    .navbar-dark .form-control-navbar + .input-group-prepend > .btn-navbar,
    .navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #3f474e;
        color: #fff;
        border: 1px solid #56606a;
        border-left: none;
    }

.progress {
    box-shadow: none;
    border-radius: 1px;
}

    .progress.vertical {
        display: inline-block;
        height: 200px;
        margin-right: 10px;
        position: relative;
        width: 30px;
    }

        .progress.vertical > .progress-bar {
            bottom: 0;
            position: absolute;
            width: 100%;
        }

        .progress.vertical.sm, .progress.vertical.progress-sm {
            width: 20px;
        }

        .progress.vertical.xs, .progress.vertical.progress-xs {
            width: 10px;
        }

        .progress.vertical.xxs, .progress.vertical.progress-xxs {
            width: 3px;
        }

.progress-group {
    margin-bottom: 0.5rem;
}

.progress-sm {
    height: 10px;
}

.progress-xs {
    height: 7px;
}

.progress-xxs {
    height: 3px;
}

.table tr > td .progress {
    margin: 0;
}

.dark-mode .progress {
    background: #454d55;
}

.card-primary:not(.card-outline) > .card-header {
    background-color: #007bff;
}

    .card-primary:not(.card-outline) > .card-header,
    .card-primary:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-primary:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-primary.card-outline {
    border-top: 3px solid #007bff;
}

.card-primary.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-primary.card-outline-tabs > .card-header a.active,
.card-primary.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #007bff;
}

.bg-primary > .card-header .btn-tool,
.bg-gradient-primary > .card-header .btn-tool,
.card-primary:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-primary > .card-header .btn-tool:hover,
    .bg-gradient-primary > .card-header .btn-tool:hover,
    .card-primary:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-primary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #0067d6;
    color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #3395ff;
    color: #fff;
}

.card-secondary:not(.card-outline) > .card-header {
    background-color: #6c757d;
}

    .card-secondary:not(.card-outline) > .card-header,
    .card-secondary:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-secondary:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-secondary.card-outline {
    border-top: 3px solid #6c757d;
}

.card-secondary.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-secondary.card-outline-tabs > .card-header a.active,
.card-secondary.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #6c757d;
}

.bg-secondary > .card-header .btn-tool,
.bg-gradient-secondary > .card-header .btn-tool,
.card-secondary:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-secondary > .card-header .btn-tool:hover,
    .bg-gradient-secondary > .card-header .btn-tool:hover,
    .card-secondary:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-secondary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #596167;
    color: #fff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #868e96;
    color: #fff;
}

.card-success:not(.card-outline) > .card-header {
    background-color: #28a745;
}

    .card-success:not(.card-outline) > .card-header,
    .card-success:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-success:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-success.card-outline {
    border-top: 3px solid #28a745;
}

.card-success.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-success.card-outline-tabs > .card-header a.active,
.card-success.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #28a745;
}

.bg-success > .card-header .btn-tool,
.bg-gradient-success > .card-header .btn-tool,
.card-success:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-success > .card-header .btn-tool:hover,
    .bg-gradient-success > .card-header .btn-tool:hover,
    .card-success:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-success .bootstrap-datetimepicker-widget .table td,
.card.bg-success .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #208637;
    color: #fff;
}

.card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #34ce57;
    color: #fff;
}

.card-info:not(.card-outline) > .card-header {
    background-color: #17a2b8;
}

    .card-info:not(.card-outline) > .card-header,
    .card-info:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-info:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-info.card-outline {
    border-top: 3px solid #17a2b8;
}

.card-info.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-info.card-outline-tabs > .card-header a.active,
.card-info.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #17a2b8;
}

.bg-info > .card-header .btn-tool,
.bg-gradient-info > .card-header .btn-tool,
.card-info:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-info > .card-header .btn-tool:hover,
    .bg-gradient-info > .card-header .btn-tool:hover,
    .card-info:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-info .bootstrap-datetimepicker-widget .table td,
.card.bg-info .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #128294;
    color: #fff;
}

.card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #1fc8e3;
    color: #fff;
}

.card-warning:not(.card-outline) > .card-header {
    background-color: #ffc107;
}

    .card-warning:not(.card-outline) > .card-header,
    .card-warning:not(.card-outline) > .card-header a {
        color: #1f2d3d;
    }

        .card-warning:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-warning.card-outline {
    border-top: 3px solid #ffc107;
}

.card-warning.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-warning.card-outline-tabs > .card-header a.active,
.card-warning.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #ffc107;
}

.bg-warning > .card-header .btn-tool,
.bg-gradient-warning > .card-header .btn-tool,
.card-warning:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

    .bg-warning > .card-header .btn-tool:hover,
    .bg-gradient-warning > .card-header .btn-tool:hover,
    .card-warning:not(.card-outline) > .card-header .btn-tool:hover {
        color: #1f2d3d;
    }

.card.bg-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-warning .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #dda600;
    color: #1f2d3d;
}

.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.card.bg-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #ffce3a;
    color: #1f2d3d;
}

.card-danger:not(.card-outline) > .card-header {
    background-color: #dc3545;
}

    .card-danger:not(.card-outline) > .card-header,
    .card-danger:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-danger:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-danger.card-outline {
    border-top: 3px solid #dc3545;
}

.card-danger.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-danger.card-outline-tabs > .card-header a.active,
.card-danger.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #dc3545;
}

.bg-danger > .card-header .btn-tool,
.bg-gradient-danger > .card-header .btn-tool,
.card-danger:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-danger > .card-header .btn-tool:hover,
    .bg-gradient-danger > .card-header .btn-tool:hover,
    .card-danger:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-danger .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #c62232;
    color: #fff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #e4606d;
    color: #fff;
}

.card-light:not(.card-outline) > .card-header {
    background-color: #f8f9fa;
}

    .card-light:not(.card-outline) > .card-header,
    .card-light:not(.card-outline) > .card-header a {
        color: #1f2d3d;
    }

        .card-light:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-light.card-outline {
    border-top: 3px solid #f8f9fa;
}

.card-light.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-light.card-outline-tabs > .card-header a.active,
.card-light.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #f8f9fa;
}

.bg-light > .card-header .btn-tool,
.bg-gradient-light > .card-header .btn-tool,
.card-light:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

    .bg-light > .card-header .btn-tool:hover,
    .bg-gradient-light > .card-header .btn-tool:hover,
    .card-light:not(.card-outline) > .card-header .btn-tool:hover {
        color: #1f2d3d;
    }

.card.bg-light .bootstrap-datetimepicker-widget .table td,
.card.bg-light .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #e0e5e9;
    color: #1f2d3d;
}

.card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.card.bg-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: white;
    color: #1f2d3d;
}

.card-dark:not(.card-outline) > .card-header {
    background-color: #343a40;
}

    .card-dark:not(.card-outline) > .card-header,
    .card-dark:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-dark:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-dark.card-outline {
    border-top: 3px solid #343a40;
}

.card-dark.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-dark.card-outline-tabs > .card-header a.active,
.card-dark.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #343a40;
}

.bg-dark > .card-header .btn-tool,
.bg-gradient-dark > .card-header .btn-tool,
.card-dark:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-dark > .card-header .btn-tool:hover,
    .bg-gradient-dark > .card-header .btn-tool:hover,
    .card-dark:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #222629;
    color: #fff;
}

.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #4b545c;
    color: #fff;
}

.card-lightblue:not(.card-outline) > .card-header {
    background-color: #3c8dbc;
}

    .card-lightblue:not(.card-outline) > .card-header,
    .card-lightblue:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-lightblue:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-lightblue.card-outline {
    border-top: 3px solid #3c8dbc;
}

.card-lightblue.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-lightblue.card-outline-tabs > .card-header a.active,
.card-lightblue.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #3c8dbc;
}

.bg-lightblue > .card-header .btn-tool,
.bg-gradient-lightblue > .card-header .btn-tool,
.card-lightblue:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-lightblue > .card-header .btn-tool:hover,
    .bg-gradient-lightblue > .card-header .btn-tool:hover,
    .card-lightblue:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #32769d;
    color: #fff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #5fa4cc;
    color: #fff;
}

.card-navy:not(.card-outline) > .card-header {
    background-color: #001f3f;
}

    .card-navy:not(.card-outline) > .card-header,
    .card-navy:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-navy:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-navy.card-outline {
    border-top: 3px solid #001f3f;
}

.card-navy.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-navy.card-outline-tabs > .card-header a.active,
.card-navy.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #001f3f;
}

.bg-navy > .card-header .btn-tool,
.bg-gradient-navy > .card-header .btn-tool,
.card-navy:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-navy > .card-header .btn-tool:hover,
    .bg-gradient-navy > .card-header .btn-tool:hover,
    .card-navy:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-navy .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #000b16;
    color: #fff;
}

.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #003872;
    color: #fff;
}

.card-olive:not(.card-outline) > .card-header {
    background-color: #3d9970;
}

    .card-olive:not(.card-outline) > .card-header,
    .card-olive:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-olive:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-olive.card-outline {
    border-top: 3px solid #3d9970;
}

.card-olive.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-olive.card-outline-tabs > .card-header a.active,
.card-olive.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #3d9970;
}

.bg-olive > .card-header .btn-tool,
.bg-gradient-olive > .card-header .btn-tool,
.card-olive:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-olive > .card-header .btn-tool:hover,
    .bg-gradient-olive > .card-header .btn-tool:hover,
    .card-olive:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-olive .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #317c5b;
    color: #fff;
}

.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #50b98a;
    color: #fff;
}

.card-lime:not(.card-outline) > .card-header {
    background-color: #01ff70;
}

    .card-lime:not(.card-outline) > .card-header,
    .card-lime:not(.card-outline) > .card-header a {
        color: #1f2d3d;
    }

        .card-lime:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-lime.card-outline {
    border-top: 3px solid #01ff70;
}

.card-lime.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-lime.card-outline-tabs > .card-header a.active,
.card-lime.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #01ff70;
}

.bg-lime > .card-header .btn-tool,
.bg-gradient-lime > .card-header .btn-tool,
.card-lime:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

    .bg-lime > .card-header .btn-tool:hover,
    .bg-gradient-lime > .card-header .btn-tool:hover,
    .card-lime:not(.card-outline) > .card-header .btn-tool:hover {
        color: #1f2d3d;
    }

.card.bg-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-lime .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #00d75e;
    color: #1f2d3d;
}

.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.card.bg-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #34ff8d;
    color: #1f2d3d;
}

.card-fuchsia:not(.card-outline) > .card-header {
    background-color: #f012be;
}

    .card-fuchsia:not(.card-outline) > .card-header,
    .card-fuchsia:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-fuchsia:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-fuchsia.card-outline {
    border-top: 3px solid #f012be;
}

.card-fuchsia.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-fuchsia.card-outline-tabs > .card-header a.active,
.card-fuchsia.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #f012be;
}

.bg-fuchsia > .card-header .btn-tool,
.bg-gradient-fuchsia > .card-header .btn-tool,
.card-fuchsia:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-fuchsia > .card-header .btn-tool:hover,
    .bg-gradient-fuchsia > .card-header .btn-tool:hover,
    .card-fuchsia:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #cc0da1;
    color: #fff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #f342cb;
    color: #fff;
}

.card-maroon:not(.card-outline) > .card-header {
    background-color: #d81b60;
}

    .card-maroon:not(.card-outline) > .card-header,
    .card-maroon:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-maroon:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-maroon.card-outline {
    border-top: 3px solid #d81b60;
}

.card-maroon.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-maroon.card-outline-tabs > .card-header a.active,
.card-maroon.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #d81b60;
}

.bg-maroon > .card-header .btn-tool,
.bg-gradient-maroon > .card-header .btn-tool,
.card-maroon:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-maroon > .card-header .btn-tool:hover,
    .bg-gradient-maroon > .card-header .btn-tool:hover,
    .card-maroon:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-maroon .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #b41650;
    color: #fff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #e73f7c;
    color: #fff;
}

.card-blue:not(.card-outline) > .card-header {
    background-color: #007bff;
}

    .card-blue:not(.card-outline) > .card-header,
    .card-blue:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-blue:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-blue.card-outline {
    border-top: 3px solid #007bff;
}

.card-blue.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-blue.card-outline-tabs > .card-header a.active,
.card-blue.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #007bff;
}

.bg-blue > .card-header .btn-tool,
.bg-gradient-blue > .card-header .btn-tool,
.card-blue:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-blue > .card-header .btn-tool:hover,
    .bg-gradient-blue > .card-header .btn-tool:hover,
    .card-blue:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-blue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #0067d6;
    color: #fff;
}

.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #3395ff;
    color: #fff;
}

.card-indigo:not(.card-outline) > .card-header {
    background-color: #6610f2;
}

    .card-indigo:not(.card-outline) > .card-header,
    .card-indigo:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-indigo:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-indigo.card-outline {
    border-top: 3px solid #6610f2;
}

.card-indigo.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-indigo.card-outline-tabs > .card-header a.active,
.card-indigo.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #6610f2;
}

.bg-indigo > .card-header .btn-tool,
.bg-gradient-indigo > .card-header .btn-tool,
.card-indigo:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-indigo > .card-header .btn-tool:hover,
    .bg-gradient-indigo > .card-header .btn-tool:hover,
    .card-indigo:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-indigo .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #550bce;
    color: #fff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #8540f5;
    color: #fff;
}

.card-purple:not(.card-outline) > .card-header {
    background-color: #6f42c1;
}

    .card-purple:not(.card-outline) > .card-header,
    .card-purple:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-purple:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-purple.card-outline {
    border-top: 3px solid #6f42c1;
}

.card-purple.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-purple.card-outline-tabs > .card-header a.active,
.card-purple.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #6f42c1;
}

.bg-purple > .card-header .btn-tool,
.bg-gradient-purple > .card-header .btn-tool,
.card-purple:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-purple > .card-header .btn-tool:hover,
    .bg-gradient-purple > .card-header .btn-tool:hover,
    .card-purple:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-purple .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #5d36a4;
    color: #fff;
}

.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #8c68ce;
    color: #fff;
}

.card-pink:not(.card-outline) > .card-header {
    background-color: #e83e8c;
}

    .card-pink:not(.card-outline) > .card-header,
    .card-pink:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-pink:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-pink.card-outline {
    border-top: 3px solid #e83e8c;
}

.card-pink.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-pink.card-outline-tabs > .card-header a.active,
.card-pink.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #e83e8c;
}

.bg-pink > .card-header .btn-tool,
.bg-gradient-pink > .card-header .btn-tool,
.card-pink:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-pink > .card-header .btn-tool:hover,
    .bg-gradient-pink > .card-header .btn-tool:hover,
    .card-pink:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-pink .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #e21b76;
    color: #fff;
}

.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #ed6ca7;
    color: #fff;
}

.card-red:not(.card-outline) > .card-header {
    background-color: #dc3545;
}

    .card-red:not(.card-outline) > .card-header,
    .card-red:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-red:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-red.card-outline {
    border-top: 3px solid #dc3545;
}

.card-red.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-red.card-outline-tabs > .card-header a.active,
.card-red.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #dc3545;
}

.bg-red > .card-header .btn-tool,
.bg-gradient-red > .card-header .btn-tool,
.card-red:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-red > .card-header .btn-tool:hover,
    .bg-gradient-red > .card-header .btn-tool:hover,
    .card-red:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-red .bootstrap-datetimepicker-widget .table td,
.card.bg-red .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #c62232;
    color: #fff;
}

.card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #e4606d;
    color: #fff;
}

.card-orange:not(.card-outline) > .card-header {
    background-color: #fd7e14;
}

    .card-orange:not(.card-outline) > .card-header,
    .card-orange:not(.card-outline) > .card-header a {
        color: #1f2d3d;
    }

        .card-orange:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-orange.card-outline {
    border-top: 3px solid #fd7e14;
}

.card-orange.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-orange.card-outline-tabs > .card-header a.active,
.card-orange.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #fd7e14;
}

.bg-orange > .card-header .btn-tool,
.bg-gradient-orange > .card-header .btn-tool,
.card-orange:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

    .bg-orange > .card-header .btn-tool:hover,
    .bg-gradient-orange > .card-header .btn-tool:hover,
    .card-orange:not(.card-outline) > .card-header .btn-tool:hover {
        color: #1f2d3d;
    }

.card.bg-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-orange .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #e66a02;
    color: #1f2d3d;
}

.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.card.bg-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #fd9a47;
    color: #1f2d3d;
}

.card-yellow:not(.card-outline) > .card-header {
    background-color: #ffc107;
}

    .card-yellow:not(.card-outline) > .card-header,
    .card-yellow:not(.card-outline) > .card-header a {
        color: #1f2d3d;
    }

        .card-yellow:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-yellow.card-outline {
    border-top: 3px solid #ffc107;
}

.card-yellow.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-yellow.card-outline-tabs > .card-header a.active,
.card-yellow.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #ffc107;
}

.bg-yellow > .card-header .btn-tool,
.bg-gradient-yellow > .card-header .btn-tool,
.card-yellow:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

    .bg-yellow > .card-header .btn-tool:hover,
    .bg-gradient-yellow > .card-header .btn-tool:hover,
    .card-yellow:not(.card-outline) > .card-header .btn-tool:hover {
        color: #1f2d3d;
    }

.card.bg-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-yellow .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #dda600;
    color: #1f2d3d;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #ffce3a;
    color: #1f2d3d;
}

.card-green:not(.card-outline) > .card-header {
    background-color: #28a745;
}

    .card-green:not(.card-outline) > .card-header,
    .card-green:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-green:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-green.card-outline {
    border-top: 3px solid #28a745;
}

.card-green.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-green.card-outline-tabs > .card-header a.active,
.card-green.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #28a745;
}

.bg-green > .card-header .btn-tool,
.bg-gradient-green > .card-header .btn-tool,
.card-green:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-green > .card-header .btn-tool:hover,
    .bg-gradient-green > .card-header .btn-tool:hover,
    .card-green:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-green .bootstrap-datetimepicker-widget .table td,
.card.bg-green .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #208637;
    color: #fff;
}

.card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #34ce57;
    color: #fff;
}

.card-teal:not(.card-outline) > .card-header {
    background-color: #20c997;
}

    .card-teal:not(.card-outline) > .card-header,
    .card-teal:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-teal:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-teal.card-outline {
    border-top: 3px solid #20c997;
}

.card-teal.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-teal.card-outline-tabs > .card-header a.active,
.card-teal.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #20c997;
}

.bg-teal > .card-header .btn-tool,
.bg-gradient-teal > .card-header .btn-tool,
.card-teal:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-teal > .card-header .btn-tool:hover,
    .bg-gradient-teal > .card-header .btn-tool:hover,
    .card-teal:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-teal .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #1aa67d;
    color: #fff;
}

.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #3ce0af;
    color: #fff;
}

.card-cyan:not(.card-outline) > .card-header {
    background-color: #17a2b8;
}

    .card-cyan:not(.card-outline) > .card-header,
    .card-cyan:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-cyan:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-cyan.card-outline {
    border-top: 3px solid #17a2b8;
}

.card-cyan.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-cyan.card-outline-tabs > .card-header a.active,
.card-cyan.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #17a2b8;
}

.bg-cyan > .card-header .btn-tool,
.bg-gradient-cyan > .card-header .btn-tool,
.card-cyan:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-cyan > .card-header .btn-tool:hover,
    .bg-gradient-cyan > .card-header .btn-tool:hover,
    .card-cyan:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-cyan .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #128294;
    color: #fff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #1fc8e3;
    color: #fff;
}

.card-white:not(.card-outline) > .card-header {
    background-color: #fff;
}

    .card-white:not(.card-outline) > .card-header,
    .card-white:not(.card-outline) > .card-header a {
        color: #1f2d3d;
    }

        .card-white:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-white.card-outline {
    border-top: 3px solid #fff;
}

.card-white.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-white.card-outline-tabs > .card-header a.active,
.card-white.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #fff;
}

.bg-white > .card-header .btn-tool,
.bg-gradient-white > .card-header .btn-tool,
.card-white:not(.card-outline) > .card-header .btn-tool {
    color: rgba(31, 45, 61, 0.8);
}

    .bg-white > .card-header .btn-tool:hover,
    .bg-gradient-white > .card-header .btn-tool:hover,
    .card-white:not(.card-outline) > .card-header .btn-tool:hover {
        color: #1f2d3d;
    }

.card.bg-white .bootstrap-datetimepicker-widget .table td,
.card.bg-white .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #ebebeb;
    color: #1f2d3d;
}

.card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #1f2d3d;
}

.card.bg-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: white;
    color: #1f2d3d;
}

.card-gray:not(.card-outline) > .card-header {
    background-color: #6c757d;
}

    .card-gray:not(.card-outline) > .card-header,
    .card-gray:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-gray:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-gray.card-outline {
    border-top: 3px solid #6c757d;
}

.card-gray.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-gray.card-outline-tabs > .card-header a.active,
.card-gray.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #6c757d;
}

.bg-gray > .card-header .btn-tool,
.bg-gradient-gray > .card-header .btn-tool,
.card-gray:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-gray > .card-header .btn-tool:hover,
    .bg-gradient-gray > .card-header .btn-tool:hover,
    .card-gray:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gray .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #596167;
    color: #fff;
}

.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #868e96;
    color: #fff;
}

.card-gray-dark:not(.card-outline) > .card-header {
    background-color: #343a40;
}

    .card-gray-dark:not(.card-outline) > .card-header,
    .card-gray-dark:not(.card-outline) > .card-header a {
        color: #fff;
    }

        .card-gray-dark:not(.card-outline) > .card-header a.active {
            color: #1f2d3d;
        }

.card-gray-dark.card-outline {
    border-top: 3px solid #343a40;
}

.card-gray-dark.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #dee2e6;
}

.card-gray-dark.card-outline-tabs > .card-header a.active,
.card-gray-dark.card-outline-tabs > .card-header a.active:hover {
    border-top: 3px solid #343a40;
}

.bg-gray-dark > .card-header .btn-tool,
.bg-gradient-gray-dark > .card-header .btn-tool,
.card-gray-dark:not(.card-outline) > .card-header .btn-tool {
    color: rgba(255, 255, 255, 0.8);
}

    .bg-gray-dark > .card-header .btn-tool:hover,
    .bg-gradient-gray-dark > .card-header .btn-tool:hover,
    .card-gray-dark:not(.card-outline) > .card-header .btn-tool:hover {
        color: #fff;
    }

.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
    border: none;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #222629;
    color: #fff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #fff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #4b545c;
    color: #fff;
}

.card {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 1rem;
}

    .card.bg-dark .card-header {
        border-color: #383f45;
    }

    .card.bg-dark,
    .card.bg-dark .card-body {
        color: #fff;
    }

    .card.maximized-card {
        height: 100% !important;
        left: 0;
        max-height: 100% !important;
        max-width: 100% !important;
        position: fixed;
        top: 0;
        width: 100% !important;
        z-index: 1040;
    }

        .card.maximized-card.was-collapsed .card-body {
            display: block !important;
        }

        .card.maximized-card .card-body {
            overflow: auto;
        }

        .card.maximized-card [data-card-widgett="collapse"] {
            display: none;
        }

        .card.maximized-card .card-header,
        .card.maximized-card .card-footer {
            border-radius: 0 !important;
        }

    .card.collapsed-card .card-body,
    .card.collapsed-card .card-footer {
        display: none;
    }

    .card .nav.flex-column:not(.nav-sidebar) > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
        margin: 0;
    }

        .card .nav.flex-column:not(.nav-sidebar) > li:last-of-type {
            border-bottom: 0;
        }

    .card.height-control .card-body {
        max-height: 300px;
        overflow: auto;
    }

    .card .border-right {
        border-right: 1px solid rgba(0, 0, 0, 0.125);
    }

    .card .border-left {
        border-left: 1px solid rgba(0, 0, 0, 0.125);
    }

    .card.card-tabs:not(.card-outline) > .card-header {
        border-bottom: 0;
    }

        .card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
            border-left-color: transparent;
        }

    .card.card-tabs.card-outline .nav-item {
        border-bottom: 0;
    }

        .card.card-tabs.card-outline .nav-item:first-child .nav-link {
            border-left: 0;
            margin-left: 0;
        }

    .card.card-tabs .card-tools {
        margin: .3rem .5rem;
    }

    .card.card-tabs:not(.expanding-card).collapsed-card .card-header {
        border-bottom: 0;
    }

        .card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
            border-bottom: 0;
        }

            .card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
                margin-bottom: 0;
            }

    .card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .card.card-outline-tabs {
        border-top: 0;
    }

        .card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
            border-left: 0;
            margin-left: 0;
        }

        .card.card-outline-tabs .card-header a {
            border-top: 3px solid transparent;
        }

            .card.card-outline-tabs .card-header a:hover {
                border-top: 3px solid #dee2e6;
            }

            .card.card-outline-tabs .card-header a.active:hover {
                margin-top: 0;
            }

        .card.card-outline-tabs .card-tools {
            margin: .5rem .5rem .3rem;
        }

        .card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header {
            border-bottom: 0;
        }

            .card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
                border-bottom: 0;
            }

                .card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
                    margin-bottom: 0;
                }

        .card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
            margin-bottom: -1px;
        }

html.maximized-card {
    overflow: hidden;
}

.card-header::after,
.card-body::after,
.card-footer::after {
    display: block;
    clear: both;
    content: "";
}

.card-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.75rem 1.25rem;
    position: relative;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.collapsed-card .card-header {
    border-bottom: 0;
}

.card-header > .card-tools {
    float: right;
    margin-right: -0.625rem;
}

    .card-header > .card-tools .input-group,
    .card-header > .card-tools .nav,
    .card-header > .card-tools .pagination {
        margin-bottom: -0.3rem;
        margin-top: -0.3rem;
    }

    .card-header > .card-tools [data-toggle="tooltip"] {
        position: relative;
    }

.card-title {
    float: left;
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0;
}

.card-text {
    clear: both;
}

.btn-tool {
    background-color: transparent;
    color: #adb5bd;
    font-size: 0.875rem;
    margin: -0.75rem 0;
    padding: .25rem .5rem;
}

    .btn-group.show .btn-tool, .btn-tool:hover {
        color: #495057;
    }

    .show .btn-tool, .btn-tool:focus {
        box-shadow: none !important;
    }

.text-sm .card-title {
    font-size: 1rem;
}

.text-sm .nav-link {
    padding: 0.4rem 0.8rem;
}

.card-body > .table {
    margin-bottom: 0;
}

    .card-body > .table > thead > tr > th,
    .card-body > .table > thead > tr > td {
        border-top-width: 0;
    }

.card-body .fc {
    margin-top: 5px;
}

.card-body .full-width-chart {
    margin: -19px;
}

.card-body.p-0 .full-width-chart {
    margin: -9px;
}

.chart-legend {
    padding-left: 0;
    list-style: none;
    margin: 10px 0;
}

@media (max-width: 576px) {
    .chart-legend > li {
        float: left;
        margin-right: 10px;
    }
}

.card-comments {
    background-color: #f8f9fa;
}

    .card-comments .card-comment {
        border-bottom: 1px solid #e9ecef;
        padding: 8px 0;
    }

        .card-comments .card-comment::after {
            display: block;
            clear: both;
            content: "";
        }

        .card-comments .card-comment:last-of-type {
            border-bottom: 0;
        }

        .card-comments .card-comment:first-of-type {
            padding-top: 0;
        }

        .card-comments .card-comment img {
            height: 1.875rem;
            width: 1.875rem;
            float: left;
        }

    .card-comments .comment-text {
        color: #78838e;
        margin-left: 40px;
    }

    .card-comments .username {
        color: #495057;
        display: block;
        font-weight: 600;
    }

    .card-comments .text-muted {
        font-size: 12px;
        font-weight: 400;
    }

.todo-list {
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 0;
}

    .todo-list > li {
        border-radius: 2px;
        background-color: #f8f9fa;
        border-left: 2px solid #e9ecef;
        color: #495057;
        margin-bottom: 2px;
        padding: 10px;
    }

        .todo-list > li:last-of-type {
            margin-bottom: 0;
        }

        .todo-list > li > input[type="checkbox"] {
            margin: 0 10px 0 5px;
        }

        .todo-list > li .text {
            display: inline-block;
            font-weight: 600;
            margin-left: 5px;
        }

        .todo-list > li .badge {
            font-size: .7rem;
            margin-left: 10px;
        }

        .todo-list > li .tools {
            color: #dc3545;
            display: none;
            float: right;
        }

            .todo-list > li .tools > .fa,
            .todo-list > li .tools > .fas,
            .todo-list > li .tools > .far,
            .todo-list > li .tools > .fab,
            .todo-list > li .tools > .fal,
            .todo-list > li .tools > .fad,
            .todo-list > li .tools > .svg-inline--fa,
            .todo-list > li .tools > .ion {
                cursor: pointer;
                margin-right: 5px;
            }

        .todo-list > li:hover .tools {
            display: inline-block;
        }

        .todo-list > li.done {
            color: #697582;
        }

            .todo-list > li.done .text {
                font-weight: 500;
                text-decoration: line-through;
            }

            .todo-list > li.done .badge {
                background-color: #adb5bd !important;
            }

    .todo-list .primary {
        border-left-color: #007bff;
    }

    .todo-list .secondary {
        border-left-color: #6c757d;
    }

    .todo-list .success {
        border-left-color: #28a745;
    }

    .todo-list .info {
        border-left-color: #17a2b8;
    }

    .todo-list .warning {
        border-left-color: #ffc107;
    }

    .todo-list .danger {
        border-left-color: #dc3545;
    }

    .todo-list .light {
        border-left-color: #f8f9fa;
    }

    .todo-list .dark {
        border-left-color: #343a40;
    }

    .todo-list .lightblue {
        border-left-color: #3c8dbc;
    }

    .todo-list .navy {
        border-left-color: #001f3f;
    }

    .todo-list .olive {
        border-left-color: #3d9970;
    }

    .todo-list .lime {
        border-left-color: #01ff70;
    }

    .todo-list .fuchsia {
        border-left-color: #f012be;
    }

    .todo-list .maroon {
        border-left-color: #d81b60;
    }

    .todo-list .blue {
        border-left-color: #007bff;
    }

    .todo-list .indigo {
        border-left-color: #6610f2;
    }

    .todo-list .purple {
        border-left-color: #6f42c1;
    }

    .todo-list .pink {
        border-left-color: #e83e8c;
    }

    .todo-list .red {
        border-left-color: #dc3545;
    }

    .todo-list .orange {
        border-left-color: #fd7e14;
    }

    .todo-list .yellow {
        border-left-color: #ffc107;
    }

    .todo-list .green {
        border-left-color: #28a745;
    }

    .todo-list .teal {
        border-left-color: #20c997;
    }

    .todo-list .cyan {
        border-left-color: #17a2b8;
    }

    .todo-list .white {
        border-left-color: #fff;
    }

    .todo-list .gray {
        border-left-color: #6c757d;
    }

    .todo-list .gray-dark {
        border-left-color: #343a40;
    }

    .todo-list .handle {
        cursor: move;
        display: inline-block;
        margin: 0 5px;
    }

.card-input {
    max-width: 200px;
}

.card-default .nav-item:first-child .nav-link {
    border-left: 0;
}

.toast.bg-primary {
    background-color: rgba(0, 123, 255, 0.9) !important;
}

    .toast.bg-primary .close, .toast.bg-primary .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-primary .toast-header {
        background-color: rgba(0, 123, 255, 0.85);
        color: #fff;
    }

.toast.bg-secondary {
    background-color: rgba(108, 117, 125, 0.9) !important;
}

    .toast.bg-secondary .close, .toast.bg-secondary .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-secondary .toast-header {
        background-color: rgba(108, 117, 125, 0.85);
        color: #fff;
    }

.toast.bg-success {
    background-color: rgba(40, 167, 69, 0.9) !important;
}

    .toast.bg-success .close, .toast.bg-success .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-success .toast-header {
        background-color: rgba(40, 167, 69, 0.85);
        color: #fff;
    }

.toast.bg-info {
    background-color: rgba(23, 162, 184, 0.9) !important;
}

    .toast.bg-info .close, .toast.bg-info .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-info .toast-header {
        background-color: rgba(23, 162, 184, 0.85);
        color: #fff;
    }

.toast.bg-warning {
    background-color: rgba(255, 193, 7, 0.9) !important;
}

    .toast.bg-warning .toast-header {
        background-color: rgba(255, 193, 7, 0.85);
        color: #1f2d3d;
    }

.toast.bg-danger {
    background-color: rgba(220, 53, 69, 0.9) !important;
}

    .toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-danger .toast-header {
        background-color: rgba(220, 53, 69, 0.85);
        color: #fff;
    }

.toast.bg-light {
    background-color: rgba(248, 249, 250, 0.9) !important;
}

    .toast.bg-light .toast-header {
        background-color: rgba(248, 249, 250, 0.85);
        color: #1f2d3d;
    }

.toast.bg-dark {
    background-color: rgba(52, 58, 64, 0.9) !important;
}

    .toast.bg-dark .close, .toast.bg-dark .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-dark .toast-header {
        background-color: rgba(52, 58, 64, 0.85);
        color: #fff;
    }

.toast.bg-lightblue {
    background-color: rgba(60, 141, 188, 0.9) !important;
}

    .toast.bg-lightblue .close, .toast.bg-lightblue .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-lightblue .toast-header {
        background-color: rgba(60, 141, 188, 0.85);
        color: #fff;
    }

.toast.bg-navy {
    background-color: rgba(0, 31, 63, 0.9) !important;
}

    .toast.bg-navy .close, .toast.bg-navy .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-navy .toast-header {
        background-color: rgba(0, 31, 63, 0.85);
        color: #fff;
    }

.toast.bg-olive {
    background-color: rgba(61, 153, 112, 0.9) !important;
}

    .toast.bg-olive .close, .toast.bg-olive .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-olive .toast-header {
        background-color: rgba(61, 153, 112, 0.85);
        color: #fff;
    }

.toast.bg-lime {
    background-color: rgba(1, 255, 112, 0.9) !important;
}

    .toast.bg-lime .toast-header {
        background-color: rgba(1, 255, 112, 0.85);
        color: #1f2d3d;
    }

.toast.bg-fuchsia {
    background-color: rgba(240, 18, 190, 0.9) !important;
}

    .toast.bg-fuchsia .close, .toast.bg-fuchsia .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-fuchsia .toast-header {
        background-color: rgba(240, 18, 190, 0.85);
        color: #fff;
    }

.toast.bg-maroon {
    background-color: rgba(216, 27, 96, 0.9) !important;
}

    .toast.bg-maroon .close, .toast.bg-maroon .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-maroon .toast-header {
        background-color: rgba(216, 27, 96, 0.85);
        color: #fff;
    }

.toast.bg-blue {
    background-color: rgba(0, 123, 255, 0.9) !important;
}

    .toast.bg-blue .close, .toast.bg-blue .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-blue .toast-header {
        background-color: rgba(0, 123, 255, 0.85);
        color: #fff;
    }

.toast.bg-indigo {
    background-color: rgba(102, 16, 242, 0.9) !important;
}

    .toast.bg-indigo .close, .toast.bg-indigo .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-indigo .toast-header {
        background-color: rgba(102, 16, 242, 0.85);
        color: #fff;
    }

.toast.bg-purple {
    background-color: rgba(111, 66, 193, 0.9) !important;
}

    .toast.bg-purple .close, .toast.bg-purple .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-purple .toast-header {
        background-color: rgba(111, 66, 193, 0.85);
        color: #fff;
    }

.toast.bg-pink {
    background-color: rgba(232, 62, 140, 0.9) !important;
}

    .toast.bg-pink .close, .toast.bg-pink .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-pink .toast-header {
        background-color: rgba(232, 62, 140, 0.85);
        color: #fff;
    }

.toast.bg-red {
    background-color: rgba(220, 53, 69, 0.9) !important;
}

    .toast.bg-red .close, .toast.bg-red .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-red .toast-header {
        background-color: rgba(220, 53, 69, 0.85);
        color: #fff;
    }

.toast.bg-orange {
    background-color: rgba(253, 126, 20, 0.9) !important;
}

    .toast.bg-orange .toast-header {
        background-color: rgba(253, 126, 20, 0.85);
        color: #1f2d3d;
    }

.toast.bg-yellow {
    background-color: rgba(255, 193, 7, 0.9) !important;
}

    .toast.bg-yellow .toast-header {
        background-color: rgba(255, 193, 7, 0.85);
        color: #1f2d3d;
    }

.toast.bg-green {
    background-color: rgba(40, 167, 69, 0.9) !important;
}

    .toast.bg-green .close, .toast.bg-green .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-green .toast-header {
        background-color: rgba(40, 167, 69, 0.85);
        color: #fff;
    }

.toast.bg-teal {
    background-color: rgba(32, 201, 151, 0.9) !important;
}

    .toast.bg-teal .close, .toast.bg-teal .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-teal .toast-header {
        background-color: rgba(32, 201, 151, 0.85);
        color: #fff;
    }

.toast.bg-cyan {
    background-color: rgba(23, 162, 184, 0.9) !important;
}

    .toast.bg-cyan .close, .toast.bg-cyan .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-cyan .toast-header {
        background-color: rgba(23, 162, 184, 0.85);
        color: #fff;
    }

.toast.bg-white {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

    .toast.bg-white .toast-header {
        background-color: rgba(255, 255, 255, 0.85);
        color: #1f2d3d;
    }

.toast.bg-gray {
    background-color: rgba(108, 117, 125, 0.9) !important;
}

    .toast.bg-gray .close, .toast.bg-gray .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-gray .toast-header {
        background-color: rgba(108, 117, 125, 0.85);
        color: #fff;
    }

.toast.bg-gray-dark {
    background-color: rgba(52, 58, 64, 0.9) !important;
}

    .toast.bg-gray-dark .close, .toast.bg-gray-dark .mailbox-attachment-close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .toast.bg-gray-dark .toast-header {
        background-color: rgba(52, 58, 64, 0.85);
        color: #fff;
    }

.btn.disabled, .btn:disabled {
    cursor: not-allowed;
}

.btn.btn-flat {
    border-radius: 0;
    border-width: 1px;
    box-shadow: none;
}

.btn.btn-file {
    overflow: hidden;
    position: relative;
}

    .btn.btn-file > input[type="file"] {
        background-color: #fff;
        cursor: inherit;
        display: block;
        font-size: 100px;
        min-height: 100%;
        min-width: 100%;
        opacity: 0;
        outline: none;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
    }

.text-sm .btn {
    font-size: 0.875rem !important;
}

.btn-default {
    background-color: #f8f9fa;
    border-color: #ddd;
    color: #444;
}

    .btn-default:hover, .btn-default:active, .btn-default.hover {
        background-color: #e9ecef;
        color: #2b2b2b;
    }

    .btn-default.disabled, .btn-default:disabled {
        color: #444;
        background-color: #f8f9fa;
    }

.btn-outline-light {
    color: #bdc6d0;
    border-color: #bdc6d0;
}

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #bdc6d0;
        border-color: #bdc6d0;
    }

.btn-app {
    border-radius: 3px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    color: #6c757d;
    font-size: 12px;
    height: 60px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    padding: 15px 5px;
    position: relative;
    text-align: center;
}

    .btn-app > .fa,
    .btn-app > .fas,
    .btn-app > .far,
    .btn-app > .fab,
    .btn-app > .fal,
    .btn-app > .fad,
    .btn-app > .svg-inline--fa,
    .btn-app > .ion {
        display: block;
        font-size: 20px;
    }

    .btn-app > .svg-inline--fa {
        margin: 0 auto;
    }

    .btn-app:hover {
        background-color: #f8f9fa;
        border-color: #aaaaaa;
        color: #444;
    }

    .btn-app:active, .btn-app:focus {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn-app > .badge {
        font-size: 10px;
        font-weight: 400;
        position: absolute;
        right: -10px;
        top: -3px;
    }

.btn-xs {
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.15rem;
}

.timeline > div > .timeline-item > .timeline-header > a {
    font-weight: 600;
}

.timeline > div > .timeline-item > .timeline-body,
.timeline > div > .timeline-item > .timeline-footer {
    padding: 10px;
}

    .timeline > div > .timeline-item > .timeline-body > img {
        margin: 10px;
    }

    .timeline > div > .timeline-item > .timeline-body > dl,
    .timeline > div > .timeline-item > .timeline-body ol,
    .timeline > div > .timeline-item > .timeline-body ul {
        margin: 0;
    }

    .timeline > div > .timeline-item > .timeline-footer > a {
        color: #fff;
    }

.timeline > div > .fa,
.timeline > div > .fas,
.timeline > div > .far,
.timeline > div > .fab,
.timeline > div > .fal,
.timeline > div > .fad,
.timeline > div > .svg-inline--fa,
.timeline > div > .ion {
    background-color: #adb5bd;
    border-radius: 50%;
    font-size: 16px;
    height: 30px;
    left: 18px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
}

.timeline > div > .svg-inline--fa {
    padding: 7px;
}

.timeline > .time-label > span {
    border-radius: 4px;
    background-color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 5px;
}

.timeline-inverse > div > .timeline-item {
    box-shadow: none;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
}

    .timeline-inverse > div > .timeline-item > .timeline-header {
        border-bottom-color: #dee2e6;
    }

.dark-mode .timeline::before {
    background-color: #6c757d;
}

.dark-mode .timeline > div > .timeline-item {
    background-color: #343a40;
    color: #fff;
    border-color: #6c757d;
}

    .dark-mode .timeline > div > .timeline-item > .timeline-header {
        color: #ced4da;
        border-color: #6c757d;
    }

    .dark-mode .timeline > div > .timeline-item > .time {
        color: #ced4da;
    }

.products-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .products-list > .item {
        border-radius: 0.25rem;
        background-color: #fff;
        padding: 10px 0;
    }

        .products-list > .item::after {
            display: block;
            clear: both;
            content: "";
        }

    .products-list .product-img {
        float: left;
    }

        .products-list .product-img img {
            height: 50px;
            width: 50px;
        }

    .products-list .product-info {
        margin-left: 60px;
    }

    .products-list .product-title {
        font-weight: 600;
    }

    .products-list .product-description {
        color: #6c757d;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.product-list-in-card > .item {
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

    .product-list-in-card > .item:last-of-type {
        border-bottom-width: 0;
    }

.dark-mode .products-list > .item {
    background-color: #343a40;
    color: #fff;
    border-bottom-color: #6c757d;
}

.dark-mode .product-description {
    color: #ced4da;
}

.direct-chat .card-body {
    overflow-x: hidden;
    padding: 0;
    position: relative;
}

.direct-chat.chat-pane-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.direct-chat.timestamp-light .direct-chat-timestamp {
    color: #30465f;
}

.direct-chat.timestamp-dark .direct-chat-timestamp {
    color: #cccccc;
}

.direct-chat-messages {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    height: 250px;
    overflow: auto;
    padding: 10px;
}

.direct-chat-msg,
.direct-chat-text {
    display: block;
}

.direct-chat-msg {
    margin-bottom: 10px;
}

    .direct-chat-msg::after {
        display: block;
        clear: both;
        content: "";
    }

.direct-chat-messages,
.direct-chat-contacts {
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.direct-chat-text {
    border-radius: 0.3rem;
    background-color: #d2d6de;
    border: 1px solid #d2d6de;
    color: #444;
    margin: 5px 0 0 50px;
    padding: 5px 10px;
    position: relative;
}

    .direct-chat-text::after, .direct-chat-text::before {
        border: solid transparent;
        border-right-color: #d2d6de;
        content: " ";
        height: 0;
        pointer-events: none;
        position: absolute;
        right: 100%;
        top: 15px;
        width: 0;
    }

    .direct-chat-text::after {
        border-width: 5px;
        margin-top: -5px;
    }

    .direct-chat-text::before {
        border-width: 6px;
        margin-top: -6px;
    }

.right .direct-chat-text {
    margin-left: 0;
    margin-right: 50px;
}

    .right .direct-chat-text::after, .right .direct-chat-text::before {
        border-left-color: #d2d6de;
        border-right-color: transparent;
        left: 100%;
        right: auto;
    }

.direct-chat-img {
    border-radius: 50%;
    float: left;
    height: 40px;
    width: 40px;
}

.right .direct-chat-img {
    float: right;
}

.direct-chat-infos {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 2px;
}

.direct-chat-name {
    font-weight: 600;
}

.direct-chat-timestamp {
    color: #697582;
}

.direct-chat-contacts-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.direct-chat-contacts {
    -webkit-transform: translate(101%, 0);
    transform: translate(101%, 0);
    background-color: #343a40;
    bottom: 0;
    color: #fff;
    height: 250px;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 100%;
}

.direct-chat-contacts-light {
    background-color: #f8f9fa;
}

    .direct-chat-contacts-light .contacts-list-name {
        color: #495057;
    }

    .direct-chat-contacts-light .contacts-list-date {
        color: #6c757d;
    }

    .direct-chat-contacts-light .contacts-list-msg {
        color: #545b62;
    }

.contacts-list {
    padding-left: 0;
    list-style: none;
}

    .contacts-list > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        margin: 0;
        padding: 10px;
    }

        .contacts-list > li::after {
            display: block;
            clear: both;
            content: "";
        }

        .contacts-list > li:last-of-type {
            border-bottom: 0;
        }

.contacts-list-img {
    border-radius: 50%;
    float: left;
    width: 40px;
}

.contacts-list-info {
    color: #fff;
    margin-left: 45px;
}

.contacts-list-name,
.contacts-list-status {
    display: block;
}

.contacts-list-name {
    font-weight: 600;
}

.contacts-list-status {
    font-size: 0.875rem;
}

.contacts-list-date {
    color: #ced4da;
    font-weight: 400;
}

.contacts-list-msg {
    color: #b1bbc4;
}

.direct-chat-primary .right > .direct-chat-text {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

    .direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before {
        border-left-color: #007bff;
    }

.direct-chat-secondary .right > .direct-chat-text {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

    .direct-chat-secondary .right > .direct-chat-text::after, .direct-chat-secondary .right > .direct-chat-text::before {
        border-left-color: #6c757d;
    }

.direct-chat-success .right > .direct-chat-text {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}

    .direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before {
        border-left-color: #28a745;
    }

.direct-chat-info .right > .direct-chat-text {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff;
}

    .direct-chat-info .right > .direct-chat-text::after, .direct-chat-info .right > .direct-chat-text::before {
        border-left-color: #17a2b8;
    }

.direct-chat-warning .right > .direct-chat-text {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #1f2d3d;
}

    .direct-chat-warning .right > .direct-chat-text::after, .direct-chat-warning .right > .direct-chat-text::before {
        border-left-color: #ffc107;
    }

.direct-chat-danger .right > .direct-chat-text {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

    .direct-chat-danger .right > .direct-chat-text::after, .direct-chat-danger .right > .direct-chat-text::before {
        border-left-color: #dc3545;
    }

.direct-chat-light .right > .direct-chat-text {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #1f2d3d;
}

    .direct-chat-light .right > .direct-chat-text::after, .direct-chat-light .right > .direct-chat-text::before {
        border-left-color: #f8f9fa;
    }

.direct-chat-dark .right > .direct-chat-text {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}

    .direct-chat-dark .right > .direct-chat-text::after, .direct-chat-dark .right > .direct-chat-text::before {
        border-left-color: #343a40;
    }

.direct-chat-lightblue .right > .direct-chat-text {
    background-color: #3c8dbc;
    border-color: #3c8dbc;
    color: #fff;
}

    .direct-chat-lightblue .right > .direct-chat-text::after, .direct-chat-lightblue .right > .direct-chat-text::before {
        border-left-color: #3c8dbc;
    }

.direct-chat-navy .right > .direct-chat-text {
    background-color: #001f3f;
    border-color: #001f3f;
    color: #fff;
}

    .direct-chat-navy .right > .direct-chat-text::after, .direct-chat-navy .right > .direct-chat-text::before {
        border-left-color: #001f3f;
    }

.direct-chat-olive .right > .direct-chat-text {
    background-color: #3d9970;
    border-color: #3d9970;
    color: #fff;
}

    .direct-chat-olive .right > .direct-chat-text::after, .direct-chat-olive .right > .direct-chat-text::before {
        border-left-color: #3d9970;
    }

.direct-chat-lime .right > .direct-chat-text {
    background-color: #01ff70;
    border-color: #01ff70;
    color: #1f2d3d;
}

    .direct-chat-lime .right > .direct-chat-text::after, .direct-chat-lime .right > .direct-chat-text::before {
        border-left-color: #01ff70;
    }

.direct-chat-fuchsia .right > .direct-chat-text {
    background-color: #f012be;
    border-color: #f012be;
    color: #fff;
}

    .direct-chat-fuchsia .right > .direct-chat-text::after, .direct-chat-fuchsia .right > .direct-chat-text::before {
        border-left-color: #f012be;
    }

.direct-chat-maroon .right > .direct-chat-text {
    background-color: #d81b60;
    border-color: #d81b60;
    color: #fff;
}

    .direct-chat-maroon .right > .direct-chat-text::after, .direct-chat-maroon .right > .direct-chat-text::before {
        border-left-color: #d81b60;
    }

.direct-chat-blue .right > .direct-chat-text {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

    .direct-chat-blue .right > .direct-chat-text::after, .direct-chat-blue .right > .direct-chat-text::before {
        border-left-color: #007bff;
    }

.direct-chat-indigo .right > .direct-chat-text {
    background-color: #6610f2;
    border-color: #6610f2;
    color: #fff;
}

    .direct-chat-indigo .right > .direct-chat-text::after, .direct-chat-indigo .right > .direct-chat-text::before {
        border-left-color: #6610f2;
    }

.direct-chat-purple .right > .direct-chat-text {
    background-color: #6f42c1;
    border-color: #6f42c1;
    color: #fff;
}

    .direct-chat-purple .right > .direct-chat-text::after, .direct-chat-purple .right > .direct-chat-text::before {
        border-left-color: #6f42c1;
    }

.direct-chat-pink .right > .direct-chat-text {
    background-color: #e83e8c;
    border-color: #e83e8c;
    color: #fff;
}

    .direct-chat-pink .right > .direct-chat-text::after, .direct-chat-pink .right > .direct-chat-text::before {
        border-left-color: #e83e8c;
    }

.direct-chat-red .right > .direct-chat-text {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

    .direct-chat-red .right > .direct-chat-text::after, .direct-chat-red .right > .direct-chat-text::before {
        border-left-color: #dc3545;
    }

.direct-chat-orange .right > .direct-chat-text {
    background-color: #fd7e14;
    border-color: #fd7e14;
    color: #1f2d3d;
}

    .direct-chat-orange .right > .direct-chat-text::after, .direct-chat-orange .right > .direct-chat-text::before {
        border-left-color: #fd7e14;
    }

.direct-chat-yellow .right > .direct-chat-text {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #1f2d3d;
}

    .direct-chat-yellow .right > .direct-chat-text::after, .direct-chat-yellow .right > .direct-chat-text::before {
        border-left-color: #ffc107;
    }

.direct-chat-green .right > .direct-chat-text {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}

    .direct-chat-green .right > .direct-chat-text::after, .direct-chat-green .right > .direct-chat-text::before {
        border-left-color: #28a745;
    }

.direct-chat-teal .right > .direct-chat-text {
    background-color: #20c997;
    border-color: #20c997;
    color: #fff;
}

    .direct-chat-teal .right > .direct-chat-text::after, .direct-chat-teal .right > .direct-chat-text::before {
        border-left-color: #20c997;
    }

.direct-chat-cyan .right > .direct-chat-text {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff;
}

    .direct-chat-cyan .right > .direct-chat-text::after, .direct-chat-cyan .right > .direct-chat-text::before {
        border-left-color: #17a2b8;
    }

.direct-chat-white .right > .direct-chat-text {
    background-color: #fff;
    border-color: #fff;
    color: #1f2d3d;
}

    .direct-chat-white .right > .direct-chat-text::after, .direct-chat-white .right > .direct-chat-text::before {
        border-left-color: #fff;
    }

.direct-chat-gray .right > .direct-chat-text {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

    .direct-chat-gray .right > .direct-chat-text::after, .direct-chat-gray .right > .direct-chat-text::before {
        border-left-color: #6c757d;
    }

.direct-chat-gray-dark .right > .direct-chat-text {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}

    .direct-chat-gray-dark .right > .direct-chat-text::after, .direct-chat-gray-dark .right > .direct-chat-text::before {
        border-left-color: #343a40;
    }

.dark-mode .direct-chat-text {
    background-color: #454d55;
    border-color: #4b545c;
    color: #fff;
}

    .dark-mode .direct-chat-text::after, .dark-mode .direct-chat-text::before {
        border-right-color: #4b545c;
    }

.dark-mode .direct-chat-timestamp {
    color: #adb5bd;
}

.dark-mode .right > .direct-chat-text::after, .dark-mode .right > .direct-chat-text::before {
    border-right-color: transparent;
}

.dark-mode .direct-chat-primary .right > .direct-chat-text {
    background-color: #3f6791;
    border-color: #3f6791;
    color: #fff;
}

    .dark-mode .direct-chat-primary .right > .direct-chat-text::after, .dark-mode .direct-chat-primary .right > .direct-chat-text::before {
        border-left-color: #3f6791;
    }

.dark-mode .direct-chat-secondary .right > .direct-chat-text {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

    .dark-mode .direct-chat-secondary .right > .direct-chat-text::after, .dark-mode .direct-chat-secondary .right > .direct-chat-text::before {
        border-left-color: #6c757d;
    }

.dark-mode .direct-chat-success .right > .direct-chat-text {
    background-color: #00bc8c;
    border-color: #00bc8c;
    color: #fff;
}

    .dark-mode .direct-chat-success .right > .direct-chat-text::after, .dark-mode .direct-chat-success .right > .direct-chat-text::before {
        border-left-color: #00bc8c;
    }

.dark-mode .direct-chat-info .right > .direct-chat-text {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
}

    .dark-mode .direct-chat-info .right > .direct-chat-text::after, .dark-mode .direct-chat-info .right > .direct-chat-text::before {
        border-left-color: #3498db;
    }

.dark-mode .direct-chat-warning .right > .direct-chat-text {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #1f2d3d;
}

    .dark-mode .direct-chat-warning .right > .direct-chat-text::after, .dark-mode .direct-chat-warning .right > .direct-chat-text::before {
        border-left-color: #f39c12;
    }

.dark-mode .direct-chat-danger .right > .direct-chat-text {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}

    .dark-mode .direct-chat-danger .right > .direct-chat-text::after, .dark-mode .direct-chat-danger .right > .direct-chat-text::before {
        border-left-color: #e74c3c;
    }

.dark-mode .direct-chat-light .right > .direct-chat-text {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #1f2d3d;
}

    .dark-mode .direct-chat-light .right > .direct-chat-text::after, .dark-mode .direct-chat-light .right > .direct-chat-text::before {
        border-left-color: #f8f9fa;
    }

.dark-mode .direct-chat-dark .right > .direct-chat-text {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}

    .dark-mode .direct-chat-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-dark .right > .direct-chat-text::before {
        border-left-color: #343a40;
    }

.dark-mode .direct-chat-lightblue .right > .direct-chat-text {
    background-color: #86bad8;
    border-color: #86bad8;
    color: #1f2d3d;
}

    .dark-mode .direct-chat-lightblue .right > .direct-chat-text::after, .dark-mode .direct-chat-lightblue .right > .direct-chat-text::before {
        border-left-color: #86bad8;
    }

.dark-mode .direct-chat-navy .right > .direct-chat-text {
    background-color: #002c59;
    border-color: #002c59;
    color: #fff;
}

    .dark-mode .direct-chat-navy .right > .direct-chat-text::after, .dark-mode .direct-chat-navy .right > .direct-chat-text::before {
        border-left-color: #002c59;
    }

.dark-mode .direct-chat-olive .right > .direct-chat-text {
    background-color: #74c8a3;
    border-color: #74c8a3;
    color: #1f2d3d;
}

    .dark-mode .direct-chat-olive .right > .direct-chat-text::after, .dark-mode .direct-chat-olive .right > .direct-chat-text::before {
        border-left-color: #74c8a3;
    }

.dark-mode .direct-chat-lime .right > .direct-chat-text {
    background-color: #67ffa9;
    border-color: #67ffa9;
    color: #1f2d3d;
}

    .dark-mode .direct-chat-lime .right > .direct-chat-text::after, .dark-mode .direct-chat-lime .right > .direct-chat-text::before {
        border-left-color: #67ffa9;
    }

.dark-mode .direct-chat-fuchsia .right > .direct-chat-text {
    background-color: #f672d8;
    border-color: #f672d8;
    color: #1f2d3d;
}

    .dark-mode .direct-chat-fuchsia .right > .direct-chat-text::after, .dark-mode .direct-chat-fuchsia .right > .direct-chat-text::before {
        border-left-color: #f672d8;
    }

.dark-mode .direct-chat-maroon .right > .direct-chat-text {
    background-color: #ed6c9b;
    border-color: #ed6c9b;
    color: #1f2d3d;
}

    .dark-mode .direct-chat-maroon .right > .direct-chat-text::after, .dark-mode .direct-chat-maroon .right > .direct-chat-text::before {
        border-left-color: #ed6c9b;
    }

.dark-mode .direct-chat-blue .right > .direct-chat-text {
    background-color: #3f6791;
    border-color: #3f6791;
    color: #fff;
}

    .dark-mode .direct-chat-blue .right > .direct-chat-text::after, .dark-mode .direct-chat-blue .right > .direct-chat-text::before {
        border-left-color: #3f6791;
    }

.dark-mode .direct-chat-indigo .right > .direct-chat-text {
    background-color: #6610f2;
    border-color: #6610f2;
    color: #fff;
}

    .dark-mode .direct-chat-indigo .right > .direct-chat-text::after, .dark-mode .direct-chat-indigo .right > .direct-chat-text::before {
        border-left-color: #6610f2;
    }

.dark-mode .direct-chat-purple .right > .direct-chat-text {
    background-color: #6f42c1;
    border-color: #6f42c1;
    color: #fff;
}

    .dark-mode .direct-chat-purple .right > .direct-chat-text::after, .dark-mode .direct-chat-purple .right > .direct-chat-text::before {
        border-left-color: #6f42c1;
    }

.dark-mode .direct-chat-pink .right > .direct-chat-text {
    background-color: #e83e8c;
    border-color: #e83e8c;
    color: #fff;
}

    .dark-mode .direct-chat-pink .right > .direct-chat-text::after, .dark-mode .direct-chat-pink .right > .direct-chat-text::before {
        border-left-color: #e83e8c;
    }

.dark-mode .direct-chat-red .right > .direct-chat-text {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}

    .dark-mode .direct-chat-red .right > .direct-chat-text::after, .dark-mode .direct-chat-red .right > .direct-chat-text::before {
        border-left-color: #e74c3c;
    }

.dark-mode .direct-chat-orange .right > .direct-chat-text {
    background-color: #fd7e14;
    border-color: #fd7e14;
    color: #1f2d3d;
}

    .dark-mode .direct-chat-orange .right > .direct-chat-text::after, .dark-mode .direct-chat-orange .right > .direct-chat-text::before {
        border-left-color: #fd7e14;
    }

.dark-mode .direct-chat-yellow .right > .direct-chat-text {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #1f2d3d;
}

    .dark-mode .direct-chat-yellow .right > .direct-chat-text::after, .dark-mode .direct-chat-yellow .right > .direct-chat-text::before {
        border-left-color: #f39c12;
    }

.dark-mode .direct-chat-green .right > .direct-chat-text {
    background-color: #00bc8c;
    border-color: #00bc8c;
    color: #fff;
}

    .dark-mode .direct-chat-green .right > .direct-chat-text::after, .dark-mode .direct-chat-green .right > .direct-chat-text::before {
        border-left-color: #00bc8c;
    }

.dark-mode .direct-chat-teal .right > .direct-chat-text {
    background-color: #20c997;
    border-color: #20c997;
    color: #fff;
}

    .dark-mode .direct-chat-teal .right > .direct-chat-text::after, .dark-mode .direct-chat-teal .right > .direct-chat-text::before {
        border-left-color: #20c997;
    }

.dark-mode .direct-chat-cyan .right > .direct-chat-text {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
}

    .dark-mode .direct-chat-cyan .right > .direct-chat-text::after, .dark-mode .direct-chat-cyan .right > .direct-chat-text::before {
        border-left-color: #3498db;
    }

.dark-mode .direct-chat-white .right > .direct-chat-text {
    background-color: #fff;
    border-color: #fff;
    color: #1f2d3d;
}

    .dark-mode .direct-chat-white .right > .direct-chat-text::after, .dark-mode .direct-chat-white .right > .direct-chat-text::before {
        border-left-color: #fff;
    }

.dark-mode .direct-chat-gray .right > .direct-chat-text {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

    .dark-mode .direct-chat-gray .right > .direct-chat-text::after, .dark-mode .direct-chat-gray .right > .direct-chat-text::before {
        border-left-color: #6c757d;
    }

.dark-mode .direct-chat-gray-dark .right > .direct-chat-text {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}

    .dark-mode .direct-chat-gray-dark .right > .direct-chat-text::after, .dark-mode .direct-chat-gray-dark .right > .direct-chat-text::before {
        border-left-color: #343a40;
    }

.users-list {
    padding-left: 0;
    list-style: none;
}

    .users-list > li {
        float: left;
        padding: 10px;
        text-align: center;
        width: 25%;
    }

        .users-list > li img {
            border-radius: 50%;
            height: auto;
            max-width: 100%;
        }

        .users-list > li > a:hover,
        .users-list > li > a:hover .users-list-name {
            color: #999;
        }

.users-list-name,
.users-list-date {
    display: block;
}

.users-list-name {
    color: #495057;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.users-list-date {
    color: #748290;
    font-size: 12px;
}

.dark-mode .users-list-name {
    color: #ced4da;
}

.dark-mode .users-list-date {
    color: #adb5bd;
}

.card-widget {
    border: 0;
    position: relative;
}

.widget-user .widget-user-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    height: 135px;
    padding: 1rem;
    text-align: center;
}

.widget-user .widget-user-username {
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.widget-user .widget-user-desc {
    margin-top: 0;
}

.widget-user .widget-user-image {
    left: 50%;
    margin-left: -45px;
    position: absolute;
    top: 80px;
}

    .widget-user .widget-user-image > img {
        border: 3px solid #fff;
        height: auto;
        width: 90px;
    }

.widget-user .card-footer {
    padding-top: 50px;
}

.widget-user-2 .widget-user-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding: 1rem;
}

.widget-user-2 .widget-user-username {
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 5px;
}

.widget-user-2 .widget-user-desc {
    margin-top: 0;
}

.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
    margin-left: 75px;
}

.widget-user-2 .widget-user-image > img {
    float: left;
    height: auto;
    width: 65px;
}

.mailbox-messages > .table {
    margin: 0;
}

.mailbox-controls {
    padding: 5px;
}

    .mailbox-controls.with-border {
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }

.mailbox-read-info {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 10px;
}

    .mailbox-read-info h3 {
        font-size: 20px;
        margin: 0;
    }

    .mailbox-read-info h5 {
        margin: 0;
        padding: 5px 0 0;
    }

.mailbox-read-time {
    color: #999;
    font-size: 13px;
}

.mailbox-read-message {
    padding: 10px;
}

.mailbox-attachments {
    padding-left: 0;
    list-style: none;
}

    .mailbox-attachments li {
        border: 1px solid #eee;
        float: left;
        margin-bottom: 10px;
        margin-right: 10px;
        width: 200px;
    }

.mailbox-attachment-name {
    color: #666;
    font-weight: 700;
}

.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
    display: block;
}

.mailbox-attachment-info {
    background-color: #f8f9fa;
    padding: 10px;
}

.mailbox-attachment-size {
    color: #999;
    font-size: 12px;
}

    .mailbox-attachment-size > span {
        display: inline-block;
        padding-top: .75rem;
    }

.mailbox-attachment-icon {
    color: #666;
    font-size: 65px;
    max-height: 132.5px;
    padding: 20px 10px;
    text-align: center;
}

    .mailbox-attachment-icon.has-img {
        padding: 0;
    }

        .mailbox-attachment-icon.has-img > img {
            height: auto;
            max-width: 100%;
        }

.lockscreen {
    background-color: #e9ecef;
}

    .lockscreen .lockscreen-name {
        font-weight: 600;
        text-align: center;
    }

.lockscreen-logo {
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 25px;
    text-align: center;
}

    .lockscreen-logo a {
        color: #495057;
    }

.lockscreen-wrapper {
    margin: 0 auto;
    margin-top: 10%;
    max-width: 400px;
}

.lockscreen-item {
    border-radius: 4px;
    background-color: #fff;
    margin: 10px auto 30px;
    padding: 0;
    position: relative;
    width: 290px;
}

.lockscreen-image {
    border-radius: 50%;
    background-color: #fff;
    left: -10px;
    padding: 5px;
    position: absolute;
    top: -25px;
    z-index: 10;
}

    .lockscreen-image > img {
        border-radius: 50%;
        height: 70px;
        width: 70px;
    }

.lockscreen-credentials {
    margin-left: 70px;
}

    .lockscreen-credentials .form-control {
        border: 0;
    }

    .lockscreen-credentials .btn {
        background-color: #fff;
        border: 0;
        padding: 0 10px;
    }

.lockscreen-footer {
    margin-top: 10px;
}

.dark-mode .lockscreen-item {
    background-color: #343a40;
}

.dark-mode .lockscreen-logo a {
    color: #fff;
}

.dark-mode .lockscreen-credentials .btn {
    background-color: #343a40;
}

.dark-mode .lockscreen-image {
    background-color: #6c757d;
}

.login-logo,
.register-logo {
    font-size: 2.1rem;
    font-weight: 300;
    margin-bottom: .9rem;
    text-align: center;
}

    .login-logo a,
    .register-logo a {
        color: #495057;
    }

.login-page,
.register-page {
    -ms-flex-align: center;
    align-items: center;
    background-color: #e9ecef;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center;
}

.login-box,
.register-box {
    width: 360px;
}

@media (max-width: 576px) {
    .login-box,
    .register-box {
        margin-top: .5rem;
        width: 90%;
    }
}

.login-box .card,
.register-box .card {
    margin-bottom: 0;
}

.login-card-body,
.register-card-body {
    background-color: #fff;
    border-top: 0;
    color: #666;
    padding: 20px;
}

    .login-card-body .input-group .form-control,
    .register-card-body .input-group .form-control {
        border-right: 0;
    }

        .login-card-body .input-group .form-control:focus,
        .register-card-body .input-group .form-control:focus {
            box-shadow: none;
        }

            .login-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
            .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
            .register-card-body .input-group .form-control:focus ~ .input-group-prepend .input-group-text,
            .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
                border-color: #80bdff;
            }

        .login-card-body .input-group .form-control.is-valid:focus,
        .register-card-body .input-group .form-control.is-valid:focus {
            box-shadow: none;
        }

        .login-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
        .login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
        .register-card-body .input-group .form-control.is-valid ~ .input-group-prepend .input-group-text,
        .register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
            border-color: #28a745;
        }

        .login-card-body .input-group .form-control.is-invalid:focus,
        .register-card-body .input-group .form-control.is-invalid:focus {
            box-shadow: none;
        }

        .login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
        .register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
            border-color: #dc3545;
        }

    .login-card-body .input-group .input-group-text,
    .register-card-body .input-group .input-group-text {
        background-color: transparent;
        border-bottom-right-radius: 0.25rem;
        border-left: 0;
        border-top-right-radius: 0.25rem;
        color: #777;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

.login-box-msg,
.register-box-msg {
    margin: 0;
    padding: 0 20px 20px;
    text-align: center;
}

.social-auth-links {
    margin: 10px 0;
}

.dark-mode .login-card-body,
.dark-mode .register-card-body {
    background-color: #343a40;
    border-color: #6c757d;
    color: #fff;
}

.dark-mode .login-logo a,
.dark-mode .register-logo a {
    color: #fff;
}

.error-page {
    margin: 20px auto 0;
    width: 600px;
}

@media (max-width: 767.98px) {
    .error-page {
        width: 100%;
    }
}

.error-page > .headline {
    float: left;
    font-size: 100px;
    font-weight: 300;
}

@media (max-width: 767.98px) {
    .error-page > .headline {
        float: none;
        text-align: center;
    }
}

.error-page > .error-content {
    display: block;
    margin-left: 190px;
}

@media (max-width: 767.98px) {
    .error-page > .error-content {
        margin-left: 0;
    }
}

.error-page > .error-content > h3 {
    font-size: 25px;
    font-weight: 300;
}

@media (max-width: 767.98px) {
    .error-page > .error-content > h3 {
        text-align: center;
    }
}

.invoice {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    position: relative;
}

.invoice-title {
    margin-top: 0;
}

.dark-mode .invoice {
    background-color: #343a40;
}

.profile-user-img {
    border: 3px solid #adb5bd;
    margin: 0 auto;
    padding: 3px;
    width: 100px;
}

.profile-username {
    font-size: 21px;
    margin-top: 5px;
}

.post {
    border-bottom: 1px solid #adb5bd;
    color: #666;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .post:last-of-type {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .post .user-block {
        margin-bottom: 15px;
        width: 100%;
    }

    .post .row {
        width: 100%;
    }

.dark-mode .post {
    color: #fff;
    border-color: #6c757d;
}

.product-image {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.product-image-thumbs {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2rem;
}

.product-image-thumb {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    border-radius: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1rem;
    max-width: 7rem;
    padding: 0.5rem;
}

    .product-image-thumb img {
        max-width: 100%;
        height: auto;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .product-image-thumb:hover {
        opacity: .5;
    }

.product-share a {
    margin-right: .5rem;
}

.projects td {
    vertical-align: middle;
}

.projects .list-inline {
    margin-bottom: 0;
}

.projects img.table-avatar,
.projects .table-avatar img {
    border-radius: 50%;
    display: inline;
    width: 2.5rem;
}

.projects .project-state {
    text-align: center;
}

body.iframe-mode .main-sidebar {
    display: none;
}

body.iframe-mode .content-wrapper {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

body.iframe-mode .main-header,
body.iframe-mode .main-footer {
    display: none;
}

body.iframe-mode-fullscreen {
    overflow: hidden;
}

    body.iframe-mode-fullscreen.layout-navbar-fixed .wrapper .content-wrapper {
        margin-top: 0 !important;
    }

.content-wrapper {
    height: 100%;
}

    .content-wrapper.iframe-mode .btn-iframe-close {
        color: #dc3545;
        position: absolute;
        line-height: 1;
        right: .125rem;
        top: .125rem;
        z-index: 10;
        visibility: hidden;
    }

        .content-wrapper.iframe-mode .btn-iframe-close:hover, .content-wrapper.iframe-mode .btn-iframe-close:focus {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
            -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            visibility: visible;
        }

@media (hover: none) and (pointer: coarse) {
    .content-wrapper.iframe-mode .btn-iframe-close {
        visibility: visible;
    }
}

.content-wrapper.iframe-mode .navbar-nav {
    overflow-y: auto;
    width: 100%;
}

    .content-wrapper.iframe-mode .navbar-nav .nav-link {
        white-space: nowrap;
    }

    .content-wrapper.iframe-mode .navbar-nav .nav-item {
        position: relative;
    }

        .content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
            -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            visibility: visible;
        }

@media (hover: none) and (pointer: coarse) {
    .content-wrapper.iframe-mode .navbar-nav .nav-item:hover .btn-iframe-close, .content-wrapper.iframe-mode .navbar-nav .nav-item:focus .btn-iframe-close {
        visibility: visible;
    }
}

.content-wrapper.iframe-mode .tab-content {
    position: relative;
}

.content-wrapper.iframe-mode .tab-pane + .tab-empty {
    display: none;
}

.content-wrapper.iframe-mode .tab-empty {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-wrapper.iframe-mode .tab-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    background-color: #f4f6f9;
}

    .content-wrapper.iframe-mode .tab-loading > div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

.content-wrapper.iframe-mode iframe {
    border: 0;
    width: 100%;
    height: 100%;
    margin-bottom: -8px;
}

    .content-wrapper.iframe-mode iframe .content-wrapper {
        padding-bottom: 0 !important;
    }

body.iframe-mode-fullscreen .content-wrapper.iframe-mode {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin-left: 0 !important;
    height: 100%;
    min-height: 100%;
    z-index: 1048;
}

.permanent-btn-iframe-close .btn-iframe-close {
    -webkit-animation: none !important;
    animation: none !important;
    visibility: visible !important;
    opacity: 1;
}

.dark-mode .content-wrapper.iframe-mode .tab-loading {
    background-color: #343a40;
}

.content-wrapper.kanban {
    height: 1px;
}

    .content-wrapper.kanban .content {
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

        .content-wrapper.kanban .content .container,
        .content-wrapper.kanban .content .container-fluid,
        .content-wrapper.kanban .content .container-sm,
        .content-wrapper.kanban .content .container-md,
        .content-wrapper.kanban .content .container-lg,
        .content-wrapper.kanban .content .container-xl {
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: stretch;
            align-items: stretch;
        }

    .content-wrapper.kanban .content-header + .content {
        height: calc(100% - ((2 * 15px) + (1.8rem * 1.2)));
    }

    .content-wrapper.kanban .card .card-body {
        padding: .5rem;
    }

    .content-wrapper.kanban .card.card-row {
        width: 340px;
        display: inline-block;
        margin: 0 .5rem;
    }

        .content-wrapper.kanban .card.card-row:first-child {
            margin-left: 0;
        }

        .content-wrapper.kanban .card.card-row .card-body {
            height: calc(100% - (12px + (1.8rem * 1.2) + .5rem));
            overflow-y: auto;
        }

        .content-wrapper.kanban .card.card-row .card:last-child {
            margin-bottom: 0;
            border-bottom-width: 1px;
        }

        .content-wrapper.kanban .card.card-row .card .card-header {
            padding: .5rem .75rem;
        }

        .content-wrapper.kanban .card.card-row .card .card-body {
            padding: .75rem;
        }

    .content-wrapper.kanban .btn-tool.btn-link {
        text-decoration: underline;
        padding-left: 0;
        padding-right: 0;
    }

.fc-button {
    background: #f8f9fa;
    background-image: none;
    border-bottom-color: #ddd;
    border-color: #ddd;
    color: #495057;
}

    .fc-button:hover, .fc-button:active, .fc-button.hover {
        background-color: #e9e9e9;
    }

.fc-header-title h2 {
    color: #666;
    font-size: 15px;
    line-height: 1.6em;
    margin-left: 10px;
}

.fc-header-right {
    padding-right: 10px;
}

.fc-header-left {
    padding-left: 10px;
}

.fc-widget-header {
    background: #fafafa;
}

.fc-grid {
    border: 0;
    width: 100%;
}

.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
    border-left: 0;
    border-right: 0;
}

.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
    border-right: 0;
}

.fc-toolbar,
.fc-toolbar.fc-header-toolbar {
    margin: 0;
    padding: 1rem;
}

@media (max-width: 575.98px) {
    .fc-toolbar {
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .fc-toolbar .fc-left {
            -ms-flex-order: 1;
            order: 1;
            margin-bottom: .5rem;
        }

        .fc-toolbar .fc-center {
            -ms-flex-order: 0;
            order: 0;
            margin-bottom: .375rem;
        }

        .fc-toolbar .fc-right {
            -ms-flex-order: 2;
            order: 2;
        }
}

.fc-day-number {
    font-size: 20px;
    font-weight: 300;
    padding-right: 10px;
}

.fc-color-picker {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .fc-color-picker > li {
        float: left;
        font-size: 30px;
        line-height: 30px;
        margin-right: 5px;
    }

        .fc-color-picker > li .fa,
        .fc-color-picker > li .fas,
        .fc-color-picker > li .far,
        .fc-color-picker > li .fab,
        .fc-color-picker > li .fal,
        .fc-color-picker > li .fad,
        .fc-color-picker > li .svg-inline--fa,
        .fc-color-picker > li .ion {
            transition: -webkit-transform linear .3s;
            transition: transform linear .3s;
            transition: transform linear .3s, -webkit-transform linear .3s;
        }

            .fc-color-picker > li .fa:hover,
            .fc-color-picker > li .fas:hover,
            .fc-color-picker > li .far:hover,
            .fc-color-picker > li .fab:hover,
            .fc-color-picker > li .fal:hover,
            .fc-color-picker > li .fad:hover,
            .fc-color-picker > li .svg-inline--fa:hover,
            .fc-color-picker > li .ion:hover {
                -webkit-transform: rotate(30deg);
                transform: rotate(30deg);
            }

#add-new-event {
    transition: all linear .3s;
}

.external-event {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    cursor: move;
    font-weight: 700;
    margin-bottom: 4px;
    padding: 5px 10px;
}

    .external-event:hover {
        box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
    }

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    padding: 0.46875rem 0.75rem;
    height: calc(2.25rem + 2px);
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #80bdff;
}

.select2-container--default .select2-dropdown {
    border: 1px solid #ced4da;
}

.select2-container--default .select2-results__option {
    padding: 6px 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    height: auto;
    margin-top: -14px;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 6px;
    padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 31px;
    right: 6px;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: 0;
    }

.select2-container--default .select2-dropdown .select2-search__field,
.select2-container--default .select2-search--inline .select2-search__field {
    border: 1px solid #ced4da;
}

    .select2-container--default .select2-dropdown .select2-search__field:focus,
    .select2-container--default .select2-search--inline .select2-search__field:focus {
        outline: none;
        border: 1px solid #80bdff;
    }

.select2-container--default .select2-dropdown.select2-dropdown--below {
    border-top: 0;
}

.select2-container--default .select2-dropdown.select2-dropdown--above {
    border-bottom: 0;
}

.select2-container--default .select2-results__option[aria-disabled='true'] {
    color: #6c757d;
}

.select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: #dee2e6;
}

    .select2-container--default .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true']:hover {
        color: #1f2d3d;
    }

.select2-container--default .select2-results__option--highlighted {
    background-color: #007bff;
    color: #fff;
}

    .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #0074f0;
        color: #fff;
    }

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da;
    min-height: calc(2.25rem + 2px);
}

    .select2-container--default .select2-selection--multiple:focus {
        border-color: #80bdff;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 0 0.375rem 0.375rem;
        margin-bottom: -0.375rem;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline {
            width: 100%;
            margin-left: 0.375rem;
        }

            .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field {
                width: 100% !important;
            }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
            border: 0;
            margin-top: 6px;
        }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #007bff;
        border-color: #006fe6;
        color: #fff;
        padding: 0 10px;
        margin-top: .31rem;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: rgba(255, 255, 255, 0.7);
        float: right;
        margin-left: 5px;
        margin-right: -2px;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #fff;
        }

    .text-sm .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple.text-sm .select2-search.select2-search--inline .select2-search__field {
        margin-top: 8px;
    }

    .text-sm .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple.text-sm .select2-selection__choice {
        margin-top: .4rem;
    }

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #80bdff;
}

.select2-container--default.select2-container--focus .select2-search__field {
    border: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered li {
    padding-right: 10px;
}

.input-group-prepend ~ .select2-container--default .select2-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group > .select2-container--default:not(:last-child) .select2-selection {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    box-shadow: none;
}

select.form-control-sm ~ .select2-container--default {
    font-size: 75%;
}

    .text-sm .select2-container--default .select2-selection--single,
    select.form-control-sm ~ .select2-container--default .select2-selection--single {
        height: calc(1.8125rem + 2px);
    }

        .text-sm .select2-container--default .select2-selection--single .select2-selection__rendered,
        select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__rendered {
            margin-top: -.4rem;
        }

        .text-sm .select2-container--default .select2-selection--single .select2-selection__arrow,
        select.form-control-sm ~ .select2-container--default .select2-selection--single .select2-selection__arrow {
            top: -.12rem;
        }

    .text-sm .select2-container--default .select2-selection--multiple,
    select.form-control-sm ~ .select2-container--default .select2-selection--multiple {
        min-height: calc(1.8125rem + 2px);
    }

        .text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered,
        select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered {
            padding: 0 0.25rem 0.25rem;
            margin-top: -0.1rem;
        }

            .text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline,
            select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline {
                margin-left: 0.25rem;
            }

            .text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field,
            select.form-control-sm ~ .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
                margin-top: 6px;
            }

.maximized-card .select2-dropdown {
    z-index: 9999;
}

.select2-primary + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #80bdff;
}

.select2-primary + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #80bdff;
}

.select2-container--default .select2-primary.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-primary .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-primary .select2-search--inline .select2-search__field:focus,
.select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #80bdff;
}

.select2-container--default .select2-primary .select2-results__option--highlighted,
.select2-primary .select2-container--default .select2-results__option--highlighted {
    background-color: #007bff;
    color: #fff;
}

    .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected]:hover,
    .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #0074f0;
        color: #fff;
    }

.select2-container--default .select2-primary .select2-selection--multiple:focus,
.select2-primary .select2-container--default .select2-selection--multiple:focus {
    border-color: #80bdff;
}

.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice,
.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #007bff;
    border-color: #006fe6;
    color: #fff;
}

.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove,
.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-primary.select2-container--focus .select2-selection--multiple,
.select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #80bdff;
}

.select2-secondary + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #afb5ba;
}

.select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #afb5ba;
}

.select2-container--default .select2-secondary.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-secondary .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-secondary .select2-search--inline .select2-search__field:focus,
.select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #afb5ba;
}

.select2-container--default .select2-secondary .select2-results__option--highlighted,
.select2-secondary .select2-container--default .select2-results__option--highlighted {
    background-color: #6c757d;
    color: #fff;
}

    .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,
    .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #656d75;
        color: #fff;
    }

.select2-container--default .select2-secondary .select2-selection--multiple:focus,
.select2-secondary .select2-container--default .select2-selection--multiple:focus {
    border-color: #afb5ba;
}

.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice,
.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #6c757d;
    border-color: #60686f;
    color: #fff;
}

.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,
.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-secondary.select2-container--focus .select2-selection--multiple,
.select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #afb5ba;
}

.select2-success + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #71dd8a;
}

.select2-success + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #71dd8a;
}

.select2-container--default .select2-success.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-success .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-success .select2-search--inline .select2-search__field:focus,
.select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-success .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #71dd8a;
}

.select2-container--default .select2-success .select2-results__option--highlighted,
.select2-success .select2-container--default .select2-results__option--highlighted {
    background-color: #28a745;
    color: #fff;
}

    .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected]:hover,
    .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #259b40;
        color: #fff;
    }

.select2-container--default .select2-success .select2-selection--multiple:focus,
.select2-success .select2-container--default .select2-selection--multiple:focus {
    border-color: #71dd8a;
}

.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice,
.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #28a745;
    border-color: #23923d;
    color: #fff;
}

.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove,
.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-success.select2-container--focus .select2-selection--multiple,
.select2-success .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #71dd8a;
}

.select2-info + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #63d9ec;
}

.select2-info + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #63d9ec;
}

.select2-container--default .select2-info.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-info .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-info .select2-search--inline .select2-search__field:focus,
.select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-info .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #63d9ec;
}

.select2-container--default .select2-info .select2-results__option--highlighted,
.select2-info .select2-container--default .select2-results__option--highlighted {
    background-color: #17a2b8;
    color: #fff;
}

    .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected]:hover,
    .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #1596aa;
        color: #fff;
    }

.select2-container--default .select2-info .select2-selection--multiple:focus,
.select2-info .select2-container--default .select2-selection--multiple:focus {
    border-color: #63d9ec;
}

.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice,
.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #17a2b8;
    border-color: #148ea1;
    color: #fff;
}

.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove,
.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-info.select2-container--focus .select2-selection--multiple,
.select2-info .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #63d9ec;
}

.select2-warning + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #ffe187;
}

.select2-warning + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #ffe187;
}

.select2-container--default .select2-warning.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-warning .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-warning .select2-search--inline .select2-search__field:focus,
.select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #ffe187;
}

.select2-container--default .select2-warning .select2-results__option--highlighted,
.select2-warning .select2-container--default .select2-results__option--highlighted {
    background-color: #ffc107;
    color: #1f2d3d;
}

    .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected]:hover,
    .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #f7b900;
        color: #1f2d3d;
    }

.select2-container--default .select2-warning .select2-selection--multiple:focus,
.select2-warning .select2-container--default .select2-selection--multiple:focus {
    border-color: #ffe187;
}

.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice,
.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffc107;
    border-color: #edb100;
    color: #1f2d3d;
}

.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove,
.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

    .select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #1f2d3d;
    }

.select2-container--default .select2-warning.select2-container--focus .select2-selection--multiple,
.select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ffe187;
}

.select2-danger + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #efa2a9;
}

.select2-danger + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #efa2a9;
}

.select2-container--default .select2-danger.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-danger .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-danger .select2-search--inline .select2-search__field:focus,
.select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #efa2a9;
}

.select2-container--default .select2-danger .select2-results__option--highlighted,
.select2-danger .select2-container--default .select2-results__option--highlighted {
    background-color: #dc3545;
    color: #fff;
}

    .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected]:hover,
    .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #da2839;
        color: #fff;
    }

.select2-container--default .select2-danger .select2-selection--multiple:focus,
.select2-danger .select2-container--default .select2-selection--multiple:focus {
    border-color: #efa2a9;
}

.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice,
.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #dc3545;
    border-color: #d32535;
    color: #fff;
}

.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove,
.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-danger.select2-container--focus .select2-selection--multiple,
.select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #efa2a9;
}

.select2-light + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: white;
}

.select2-light + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: white;
}

.select2-container--default .select2-light.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-light .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-light .select2-search--inline .select2-search__field:focus,
.select2-light .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-light .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-light .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid white;
}

.select2-container--default .select2-light .select2-results__option--highlighted,
.select2-light .select2-container--default .select2-results__option--highlighted {
    background-color: #f8f9fa;
    color: #1f2d3d;
}

    .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected]:hover,
    .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #eff1f4;
        color: #1f2d3d;
    }

.select2-container--default .select2-light .select2-selection--multiple:focus,
.select2-light .select2-container--default .select2-selection--multiple:focus {
    border-color: white;
}

.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice,
.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f8f9fa;
    border-color: #e9ecef;
    color: #1f2d3d;
}

.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove,
.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

    .select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #1f2d3d;
    }

.select2-container--default .select2-light.select2-container--focus .select2-selection--multiple,
.select2-light .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: white;
}

.select2-dark + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #6d7a86;
}

.select2-dark + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #6d7a86;
}

.select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-dark .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-dark .select2-search--inline .select2-search__field:focus,
.select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #6d7a86;
}

.select2-container--default .select2-dark .select2-results__option--highlighted,
.select2-dark .select2-container--default .select2-results__option--highlighted {
    background-color: #343a40;
    color: #fff;
}

    .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected]:hover,
    .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #2d3238;
        color: #fff;
    }

.select2-container--default .select2-dark .select2-selection--multiple:focus,
.select2-dark .select2-container--default .select2-selection--multiple:focus {
    border-color: #6d7a86;
}

.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice,
.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #343a40;
    border-color: #292d32;
    color: #fff;
}

.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove,
.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-dark.select2-container--focus .select2-selection--multiple,
.select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #6d7a86;
}

.select2-lightblue + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #99c5de;
}

.select2-lightblue + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #99c5de;
}

.select2-container--default .select2-lightblue.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lightblue .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lightblue .select2-search--inline .select2-search__field:focus,
.select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #99c5de;
}

.select2-container--default .select2-lightblue .select2-results__option--highlighted,
.select2-lightblue .select2-container--default .select2-results__option--highlighted {
    background-color: #3c8dbc;
    color: #fff;
}

    .select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover,
    .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #3884b0;
        color: #fff;
    }

.select2-container--default .select2-lightblue .select2-selection--multiple:focus,
.select2-lightblue .select2-container--default .select2-selection--multiple:focus {
    border-color: #99c5de;
}

.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice,
.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff;
}

.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove,
.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-lightblue.select2-container--focus .select2-selection--multiple,
.select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #99c5de;
}

.select2-navy + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #005ebf;
}

.select2-navy + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #005ebf;
}

.select2-container--default .select2-navy.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-navy .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-navy .select2-search--inline .select2-search__field:focus,
.select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #005ebf;
}

.select2-container--default .select2-navy .select2-results__option--highlighted,
.select2-navy .select2-container--default .select2-results__option--highlighted {
    background-color: #001f3f;
    color: #fff;
}

    .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected]:hover,
    .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #001730;
        color: #fff;
    }

.select2-container--default .select2-navy .select2-selection--multiple:focus,
.select2-navy .select2-container--default .select2-selection--multiple:focus {
    border-color: #005ebf;
}

.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice,
.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #001f3f;
    border-color: #001226;
    color: #fff;
}

.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove,
.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-navy.select2-container--focus .select2-selection--multiple,
.select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #005ebf;
}

.select2-olive + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #87cfaf;
}

.select2-olive + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #87cfaf;
}

.select2-container--default .select2-olive.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-olive .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-olive .select2-search--inline .select2-search__field:focus,
.select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #87cfaf;
}

.select2-container--default .select2-olive .select2-results__option--highlighted,
.select2-olive .select2-container--default .select2-results__option--highlighted {
    background-color: #3d9970;
    color: #fff;
}

    .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected]:hover,
    .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #398e68;
        color: #fff;
    }

.select2-container--default .select2-olive .select2-selection--multiple:focus,
.select2-olive .select2-container--default .select2-selection--multiple:focus {
    border-color: #87cfaf;
}

.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice,
.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3d9970;
    border-color: #368763;
    color: #fff;
}

.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove,
.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-olive.select2-container--focus .select2-selection--multiple,
.select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #87cfaf;
}

.select2-lime + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #81ffb8;
}

.select2-lime + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #81ffb8;
}

.select2-container--default .select2-lime.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lime .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-lime .select2-search--inline .select2-search__field:focus,
.select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #81ffb8;
}

.select2-container--default .select2-lime .select2-results__option--highlighted,
.select2-lime .select2-container--default .select2-results__option--highlighted {
    background-color: #01ff70;
    color: #1f2d3d;
}

    .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected]:hover,
    .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #00f169;
        color: #1f2d3d;
    }

.select2-container--default .select2-lime .select2-selection--multiple:focus,
.select2-lime .select2-container--default .select2-selection--multiple:focus {
    border-color: #81ffb8;
}

.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice,
.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #01ff70;
    border-color: #00e765;
    color: #1f2d3d;
}

.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove,
.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

    .select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #1f2d3d;
    }

.select2-container--default .select2-lime.select2-container--focus .select2-selection--multiple,
.select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #81ffb8;
}

.select2-fuchsia + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f88adf;
}

.select2-fuchsia + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f88adf;
}

.select2-container--default .select2-fuchsia.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-fuchsia .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-fuchsia .select2-search--inline .select2-search__field:focus,
.select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #f88adf;
}

.select2-container--default .select2-fuchsia .select2-results__option--highlighted,
.select2-fuchsia .select2-container--default .select2-results__option--highlighted {
    background-color: #f012be;
    color: #fff;
}

    .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover,
    .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #e40eb4;
        color: #fff;
    }

.select2-container--default .select2-fuchsia .select2-selection--multiple:focus,
.select2-fuchsia .select2-container--default .select2-selection--multiple:focus {
    border-color: #f88adf;
}

.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice,
.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f012be;
    border-color: #db0ead;
    color: #fff;
}

.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove,
.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-fuchsia.select2-container--focus .select2-selection--multiple,
.select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f88adf;
}

.select2-maroon + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f083ab;
}

.select2-maroon + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f083ab;
}

.select2-container--default .select2-maroon.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-maroon .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-maroon .select2-search--inline .select2-search__field:focus,
.select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #f083ab;
}

.select2-container--default .select2-maroon .select2-results__option--highlighted,
.select2-maroon .select2-container--default .select2-results__option--highlighted {
    background-color: #d81b60;
    color: #fff;
}

    .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected]:hover,
    .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #ca195a;
        color: #fff;
    }

.select2-container--default .select2-maroon .select2-selection--multiple:focus,
.select2-maroon .select2-container--default .select2-selection--multiple:focus {
    border-color: #f083ab;
}

.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice,
.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #d81b60;
    border-color: #c11856;
    color: #fff;
}

.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove,
.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-maroon.select2-container--focus .select2-selection--multiple,
.select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f083ab;
}

.select2-blue + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #80bdff;
}

.select2-blue + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #80bdff;
}

.select2-container--default .select2-blue.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-blue .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-blue .select2-search--inline .select2-search__field:focus,
.select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #80bdff;
}

.select2-container--default .select2-blue .select2-results__option--highlighted,
.select2-blue .select2-container--default .select2-results__option--highlighted {
    background-color: #007bff;
    color: #fff;
}

    .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected]:hover,
    .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #0074f0;
        color: #fff;
    }

.select2-container--default .select2-blue .select2-selection--multiple:focus,
.select2-blue .select2-container--default .select2-selection--multiple:focus {
    border-color: #80bdff;
}

.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice,
.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #007bff;
    border-color: #006fe6;
    color: #fff;
}

.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove,
.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-blue.select2-container--focus .select2-selection--multiple,
.select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #80bdff;
}

.select2-indigo + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #b389f9;
}

.select2-indigo + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #b389f9;
}

.select2-container--default .select2-indigo.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-indigo .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-indigo .select2-search--inline .select2-search__field:focus,
.select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #b389f9;
}

.select2-container--default .select2-indigo .select2-results__option--highlighted,
.select2-indigo .select2-container--default .select2-results__option--highlighted {
    background-color: #6610f2;
    color: #fff;
}

    .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected]:hover,
    .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #5f0de6;
        color: #fff;
    }

.select2-container--default .select2-indigo .select2-selection--multiple:focus,
.select2-indigo .select2-container--default .select2-selection--multiple:focus {
    border-color: #b389f9;
}

.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice,
.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #6610f2;
    border-color: #5b0cdd;
    color: #fff;
}

.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove,
.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-indigo.select2-container--focus .select2-selection--multiple,
.select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #b389f9;
}

.select2-purple + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #b8a2e0;
}

.select2-purple + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #b8a2e0;
}

.select2-container--default .select2-purple.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-purple .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-purple .select2-search--inline .select2-search__field:focus,
.select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #b8a2e0;
}

.select2-container--default .select2-purple .select2-results__option--highlighted,
.select2-purple .select2-container--default .select2-results__option--highlighted {
    background-color: #6f42c1;
    color: #fff;
}

    .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected]:hover,
    .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #683cb8;
        color: #fff;
    }

.select2-container--default .select2-purple .select2-selection--multiple:focus,
.select2-purple .select2-container--default .select2-selection--multiple:focus {
    border-color: #b8a2e0;
}

.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice,
.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #6f42c1;
    border-color: #643ab0;
    color: #fff;
}

.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove,
.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-purple.select2-container--focus .select2-selection--multiple,
.select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #b8a2e0;
}

.select2-pink + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f6b0d0;
}

.select2-pink + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f6b0d0;
}

.select2-container--default .select2-pink.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-pink .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-pink .select2-search--inline .select2-search__field:focus,
.select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #f6b0d0;
}

.select2-container--default .select2-pink .select2-results__option--highlighted,
.select2-pink .select2-container--default .select2-results__option--highlighted {
    background-color: #e83e8c;
    color: #fff;
}

    .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected]:hover,
    .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #e63084;
        color: #fff;
    }

.select2-container--default .select2-pink .select2-selection--multiple:focus,
.select2-pink .select2-container--default .select2-selection--multiple:focus {
    border-color: #f6b0d0;
}

.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice,
.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e83e8c;
    border-color: #e5277e;
    color: #fff;
}

.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove,
.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-pink.select2-container--focus .select2-selection--multiple,
.select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f6b0d0;
}

.select2-red + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #efa2a9;
}

.select2-red + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #efa2a9;
}

.select2-container--default .select2-red.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-red .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-red .select2-search--inline .select2-search__field:focus,
.select2-red .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-red .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-red .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #efa2a9;
}

.select2-container--default .select2-red .select2-results__option--highlighted,
.select2-red .select2-container--default .select2-results__option--highlighted {
    background-color: #dc3545;
    color: #fff;
}

    .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected]:hover,
    .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #da2839;
        color: #fff;
    }

.select2-container--default .select2-red .select2-selection--multiple:focus,
.select2-red .select2-container--default .select2-selection--multiple:focus {
    border-color: #efa2a9;
}

.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice,
.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #dc3545;
    border-color: #d32535;
    color: #fff;
}

.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove,
.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-red.select2-container--focus .select2-selection--multiple,
.select2-red .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #efa2a9;
}

.select2-orange + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #fec392;
}

.select2-orange + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #fec392;
}

.select2-container--default .select2-orange.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-orange .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-orange .select2-search--inline .select2-search__field:focus,
.select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #fec392;
}

.select2-container--default .select2-orange .select2-results__option--highlighted,
.select2-orange .select2-container--default .select2-results__option--highlighted {
    background-color: #fd7e14;
    color: #1f2d3d;
}

    .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected]:hover,
    .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #fd7605;
        color: #fff;
    }

.select2-container--default .select2-orange .select2-selection--multiple:focus,
.select2-orange .select2-container--default .select2-selection--multiple:focus {
    border-color: #fec392;
}

.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice,
.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fd7e14;
    border-color: #f57102;
    color: #1f2d3d;
}

.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove,
.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

    .select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #1f2d3d;
    }

.select2-container--default .select2-orange.select2-container--focus .select2-selection--multiple,
.select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #fec392;
}

.select2-yellow + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #ffe187;
}

.select2-yellow + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #ffe187;
}

.select2-container--default .select2-yellow.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-yellow .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-yellow .select2-search--inline .select2-search__field:focus,
.select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #ffe187;
}

.select2-container--default .select2-yellow .select2-results__option--highlighted,
.select2-yellow .select2-container--default .select2-results__option--highlighted {
    background-color: #ffc107;
    color: #1f2d3d;
}

    .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected]:hover,
    .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #f7b900;
        color: #1f2d3d;
    }

.select2-container--default .select2-yellow .select2-selection--multiple:focus,
.select2-yellow .select2-container--default .select2-selection--multiple:focus {
    border-color: #ffe187;
}

.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice,
.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffc107;
    border-color: #edb100;
    color: #1f2d3d;
}

.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove,
.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

    .select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #1f2d3d;
    }

.select2-container--default .select2-yellow.select2-container--focus .select2-selection--multiple,
.select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ffe187;
}

.select2-green + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #71dd8a;
}

.select2-green + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #71dd8a;
}

.select2-container--default .select2-green.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-green .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-green .select2-search--inline .select2-search__field:focus,
.select2-green .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-green .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-green .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #71dd8a;
}

.select2-container--default .select2-green .select2-results__option--highlighted,
.select2-green .select2-container--default .select2-results__option--highlighted {
    background-color: #28a745;
    color: #fff;
}

    .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected]:hover,
    .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #259b40;
        color: #fff;
    }

.select2-container--default .select2-green .select2-selection--multiple:focus,
.select2-green .select2-container--default .select2-selection--multiple:focus {
    border-color: #71dd8a;
}

.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice,
.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #28a745;
    border-color: #23923d;
    color: #fff;
}

.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove,
.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-green.select2-container--focus .select2-selection--multiple,
.select2-green .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #71dd8a;
}

.select2-teal + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #7eeaca;
}

.select2-teal + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #7eeaca;
}

.select2-container--default .select2-teal.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-teal .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-teal .select2-search--inline .select2-search__field:focus,
.select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #7eeaca;
}

.select2-container--default .select2-teal .select2-results__option--highlighted,
.select2-teal .select2-container--default .select2-results__option--highlighted {
    background-color: #20c997;
    color: #fff;
}

    .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected]:hover,
    .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #1ebc8d;
        color: #fff;
    }

.select2-container--default .select2-teal .select2-selection--multiple:focus,
.select2-teal .select2-container--default .select2-selection--multiple:focus {
    border-color: #7eeaca;
}

.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice,
.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #20c997;
    border-color: #1cb386;
    color: #fff;
}

.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove,
.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-teal.select2-container--focus .select2-selection--multiple,
.select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #7eeaca;
}

.select2-cyan + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #63d9ec;
}

.select2-cyan + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #63d9ec;
}

.select2-container--default .select2-cyan.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-cyan .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-cyan .select2-search--inline .select2-search__field:focus,
.select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #63d9ec;
}

.select2-container--default .select2-cyan .select2-results__option--highlighted,
.select2-cyan .select2-container--default .select2-results__option--highlighted {
    background-color: #17a2b8;
    color: #fff;
}

    .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected]:hover,
    .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #1596aa;
        color: #fff;
    }

.select2-container--default .select2-cyan .select2-selection--multiple:focus,
.select2-cyan .select2-container--default .select2-selection--multiple:focus {
    border-color: #63d9ec;
}

.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice,
.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #17a2b8;
    border-color: #148ea1;
    color: #fff;
}

.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove,
.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-cyan.select2-container--focus .select2-selection--multiple,
.select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #63d9ec;
}

.select2-white + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: white;
}

.select2-white + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: white;
}

.select2-container--default .select2-white.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-white .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-white .select2-search--inline .select2-search__field:focus,
.select2-white .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-white .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-white .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid white;
}

.select2-container--default .select2-white .select2-results__option--highlighted,
.select2-white .select2-container--default .select2-results__option--highlighted {
    background-color: #fff;
    color: #1f2d3d;
}

    .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected]:hover,
    .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #f7f7f7;
        color: #1f2d3d;
    }

.select2-container--default .select2-white .select2-selection--multiple:focus,
.select2-white .select2-container--default .select2-selection--multiple:focus {
    border-color: white;
}

.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice,
.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff;
    border-color: #f2f2f2;
    color: #1f2d3d;
}

.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove,
.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

    .select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #1f2d3d;
    }

.select2-container--default .select2-white.select2-container--focus .select2-selection--multiple,
.select2-white .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: white;
}

.select2-gray + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #afb5ba;
}

.select2-gray + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #afb5ba;
}

.select2-container--default .select2-gray.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray .select2-search--inline .select2-search__field:focus,
.select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #afb5ba;
}

.select2-container--default .select2-gray .select2-results__option--highlighted,
.select2-gray .select2-container--default .select2-results__option--highlighted {
    background-color: #6c757d;
    color: #fff;
}

    .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected]:hover,
    .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #656d75;
        color: #fff;
    }

.select2-container--default .select2-gray .select2-selection--multiple:focus,
.select2-gray .select2-container--default .select2-selection--multiple:focus {
    border-color: #afb5ba;
}

.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice,
.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #6c757d;
    border-color: #60686f;
    color: #fff;
}

.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove,
.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-gray.select2-container--focus .select2-selection--multiple,
.select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #afb5ba;
}

.select2-gray-dark + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #6d7a86;
}

.select2-gray-dark + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #6d7a86;
}

.select2-container--default .select2-gray-dark.select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray-dark .select2-dropdown .select2-search__field:focus,
.select2-container--default .select2-gray-dark .select2-search--inline .select2-search__field:focus,
.select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus,
.select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus,
.select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #6d7a86;
}

.select2-container--default .select2-gray-dark .select2-results__option--highlighted,
.select2-gray-dark .select2-container--default .select2-results__option--highlighted {
    background-color: #343a40;
    color: #fff;
}

    .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover,
    .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #2d3238;
        color: #fff;
    }

.select2-container--default .select2-gray-dark .select2-selection--multiple:focus,
.select2-gray-dark .select2-container--default .select2-selection--multiple:focus {
    border-color: #6d7a86;
}

.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice,
.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #343a40;
    border-color: #292d32;
    color: #fff;
}

.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove,
.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .select2-gray-dark.select2-container--focus .select2-selection--multiple,
.select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #6d7a86;
}

.dark-mode .select2-selection {
    background-color: #343a40;
    border-color: #6c757d;
}

.dark-mode .select2-container--disabled .select2-selection--single {
    background-color: #454d55;
}

.dark-mode .select2-selection--single {
    background-color: #343a40;
    border-color: #6c757d;
}

    .dark-mode .select2-selection--single .select2-selection__rendered {
        color: #fff;
    }

.dark-mode .select2-dropdown .select2-search__field,
.dark-mode .select2-search--inline .select2-search__field {
    background-color: #343a40;
    border-color: #6c757d;
    color: white;
}

.dark-mode .select2-dropdown {
    background-color: #343a40;
    border-color: #6c757d;
    color: white;
}

.dark-mode .select2-results__option[aria-selected="true"] {
    background-color: #3f474e !important;
    color: #dee2e6;
}

.dark-mode .select2-container .select2-search--inline .select2-search__field {
    background-color: transparent;
    color: #fff;
}

.dark-mode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    color: #fff;
}

.dark-mode .select2-primary + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #85a7ca;
}

.dark-mode .select2-primary + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #85a7ca;
}

.select2-container--default .dark-mode .select2-primary.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-primary .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-primary .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #85a7ca;
}

.select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted,
.dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted {
    background-color: #3f6791;
    color: #fff;
}

    .select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-primary .select2-results__option--highlighted[aria-selected]:hover,
    .dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #3a5f86;
        color: #fff;
    }

.select2-container--default .dark-mode .select2-primary .select2-selection--multiple:focus,
.dark-mode .select2-primary .select2-container--default .select2-selection--multiple:focus {
    border-color: #85a7ca;
}

.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3f6791;
    border-color: #375a7f;
    color: #fff;
}

.select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .dark-mode .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover,
    .dark-mode .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .dark-mode .select2-primary.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #85a7ca;
}

.dark-mode .select2-secondary + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #afb5ba;
}

.dark-mode .select2-secondary + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #afb5ba;
}

.select2-container--default .dark-mode .select2-secondary.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-secondary .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-secondary .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #afb5ba;
}

.select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted,
.dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted {
    background-color: #6c757d;
    color: #fff;
}

    .select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-secondary .select2-results__option--highlighted[aria-selected]:hover,
    .dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #656d75;
        color: #fff;
    }

.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple:focus,
.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple:focus {
    border-color: #afb5ba;
}

.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #6c757d;
    border-color: #60686f;
    color: #fff;
}

.select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .dark-mode .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover,
    .dark-mode .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .dark-mode .select2-secondary.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #afb5ba;
}

.dark-mode .select2-success + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #3dffcd;
}

.dark-mode .select2-success + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #3dffcd;
}

.select2-container--default .dark-mode .select2-success.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-success .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-success .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-success .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-success .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-success .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #3dffcd;
}

.select2-container--default .dark-mode .select2-success .select2-results__option--highlighted,
.dark-mode .select2-success .select2-container--default .select2-results__option--highlighted {
    background-color: #00bc8c;
    color: #fff;
}

    .select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-success .select2-results__option--highlighted[aria-selected]:hover,
    .dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #00ad81;
        color: #fff;
    }

.select2-container--default .dark-mode .select2-success .select2-selection--multiple:focus,
.dark-mode .select2-success .select2-container--default .select2-selection--multiple:focus {
    border-color: #3dffcd;
}

.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #00bc8c;
    border-color: #00a379;
    color: #fff;
}

.select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .dark-mode .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover,
    .dark-mode .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .dark-mode .select2-success.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-success .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #3dffcd;
}

.dark-mode .select2-info + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #a0cfee;
}

.dark-mode .select2-info + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #a0cfee;
}

.select2-container--default .dark-mode .select2-info.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-info .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-info .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-info .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-info .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-info .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #a0cfee;
}

.select2-container--default .dark-mode .select2-info .select2-results__option--highlighted,
.dark-mode .select2-info .select2-container--default .select2-results__option--highlighted {
    background-color: #3498db;
    color: #fff;
}

    .select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-info .select2-results__option--highlighted[aria-selected]:hover,
    .dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #2791d9;
        color: #fff;
    }

.select2-container--default .dark-mode .select2-info .select2-selection--multiple:focus,
.dark-mode .select2-info .select2-container--default .select2-selection--multiple:focus {
    border-color: #a0cfee;
}

.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3498db;
    border-color: #258cd1;
    color: #fff;
}

.select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.7);
}

    .select2-container--default .dark-mode .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover,
    .dark-mode .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff;
    }

.select2-container--default .dark-mode .select2-info.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-info .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #a0cfee;
}

.dark-mode .select2-warning + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f9cf8b;
}

.dark-mode .select2-warning + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f9cf8b;
}

.select2-container--default .dark-mode .select2-warning.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-warning .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-warning .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #f9cf8b;
}

.select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted,
.dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted {
    background-color: #f39c12;
    color: #1f2d3d;
}

    .select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .dark-mode .select2-warning .select2-results__option--highlighted[aria-selected]:hover,
    .dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected],
    .dark-mode .select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        background-color: #ea940c;
        color: #1f2d3d;
    }

.select2-container--default .dark-mode .select2-warning .select2-selection--multiple:focus,
.dark-mode .select2-warning .select2-container--default .select2-selection--multiple:focus {
    border-color: #f9cf8b;
}

.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice,
.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f39c12;
    border-color: #e08e0b;
    color: #1f2d3d;
}

.select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(31, 45, 61, 0.7);
}

    .select2-container--default .dark-mode .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover,
    .dark-mode .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #1f2d3d;
    }

.select2-container--default .dark-mode .select2-warning.select2-container--focus .select2-selection--multiple,
.dark-mode .select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f9cf8b;
}

.dark-mode .select2-danger + .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #f5b4ae;
}

.dark-mode .select2-danger + .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #f5b4ae;
}

.select2-container--default .dark-mode .select2-danger.select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-danger .select2-dropdown .select2-search__field:focus,
.select2-container--default .dark-mode .select2-danger .select2-search--inline .select2-search__field:focus,
.dark-mode .select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus,
.dark-mode .select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus,
.dark-mode .select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid #f5b4ae;
}

:root {
    --p-row-grid-gap: 4rem;
    --ins-gr-cricle-wh: 20rem;
    --timeline-ver-gap: 3.65rem;
    --chat-def-padding: 2.12rem;
    --left-active-bw: 0.25em;
    --left-active-bw-lg: 0.35em;
    --dash-card-padd: calc(var(--box-padding) * 0.75);
    --cb-blue: var(--primary-color);
    --grid-table-padding: 1rem 1.15rem;
    --yellow-dark-color: #ff9800;
    --sidebar-width: 720px;
    --sidebar-width-xl: 720px;
    --sidebar-width-xxl: 70%;
    --grid-ana-gap: calc(var(--box-padding) * 0.9);
    --p-text-link: #007FFF;
    --aleart-msg-mh: 45px;
}

    :root[color-mode="light"] {
        --icon-color1: #B0C3CC;
        --chat-left-bubble: #F5F7FA;
        --chat-right-bubble: #D7E5FF;
        --light-new-blue: #efefef;
        --light-blue-dark: #3699FF;
        --chat-textarea-bg: #E8EBF1;
        --tealGreen: #1BC5BB;
        --input-label-color: #404040;
        --default-shadow-1: 0 2px 6px rgb(20 54 111 / 3%);
        --dark-blue-color: var(--primary-color);
        --grey-bg-1: #FBFBFC;
        --grey-bg-2: #F4F4F4;
        --grey-bg-3: #e6e2e2;
        --grey-bg-4: #F9FBFC;
        --grey-bg-5: #f5f5f5;
        --grey-bg-6: #F9FAFB;
        --grey-bg-7: #777;
        --p-card-border: rgb(237 237 237 / 70%);
        --tr-hover-color: #f8fbfd;
        --light-blue-1: #EBEBEF;
        --input-icon-color: #404040;
        --disabled-text-color: #A9A9BC;
        --disabled-border-color: #EBEBEF;
    }

    :root[color-mode="dark"] {
        --icon-color1: #6f7589;
        --chat-left-bubble: #2e3446;
        --chat-right-bubble: #344d81;
        --light-new-blue: #080d19;
        --light-blue-dark: #3699FF;
        --chat-textarea-bg: #323c53;
        --tealGreen: #1BC5BB;
        --input-label-color: #2D3748;
        --dark-blue-color: var(--primary-color);
        --grey-bg-1: #FBFBFC;
        --grey-bg-2: #F4F4F4;
        --grey-bg-3: #e6e2e2;
        --grey-bg-4: #F9FBFC;
        --grey-bg-5: #F6F9FC;
        --grey-bg-6: #F9FAFB;
        --grey-bg-7: #777;
        --tr-hover-color: #f8fbfd;
        --light-blue-1: #EBEBEF;
        --input-icon-color: #5D729E;
    }

@media(max-width: 1920px) {
    :root {
        --p-row-grid-gap: 2.5rem;
    }
}

@media(max-width: 1600px) {
    :root {
        --p-row-grid-gap: 1.5rem;
        --dash-card-padd: calc(var(--box-padding) * 0.65);
    }
}

.on-scroll-top-pb {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8);
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
    z-index: 9999;
    transition: width 0.5s ease-out;
}

.tooltip {
    z-index: 4500;
}

.p-bg-overlay {
    overflow: hidden;
}

    .p-bg-overlay::after {
        content: '';
        background-color: rgb(10 30 68 / 64%);
        backdrop-filter: blur(6px px );
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1600;
        transition: all 0.6s;
    }

@media(max-width: 576px) {
    .p-bg-overlay::after {
        display: none;
    }
}

/*slide tab btn sh*/
.slide-btn-tab-container {
    position: relative;
    display: flex;
    font-size: var(--base-font-size);
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    padding: 0.25rem;
    border-radius: var(--bs-border-radius);
}

.slide-btn-tab {
    padding: 0.425rem 0.8rem;
    border: none;
    background: none;
    cursor: pointer;
    transition: background-color 0.3s;
    z-index: 2;
    color: var(--primary-color);
    font-weight: 600;
    min-width: 3.9rem;
}

.active-tab-indicator {
    position: absolute;
    bottom: 0;
    height: 0.3rem;
    background-color: var(--chat-dark-bg-2);
    transition: left 0.3s ease, width 0.3s ease;
    z-index: 1;
    border-radius: calc(var(--bs-border-radius) * 0.5);
}

/*slide tab btn eh*/

#divLastCheckinDate {
    font-size: var(--base-font-size-xxs);
}

.delete-conf-iw {
    max-width: 100%;
}

.p-color-pri {
    color: var(--primary-color);
}

.p-ai-dfend {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.p-grad-bor-btn {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
}

.p-grad-bor-btn:hover {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    color: #fff;
}

.p-grad-bor-btn:hover button {
    color: #fff;
}

.p-grad-bor-btn:hover svg {
    fill: #fff;
}

.p-ai-link span.button-textNew2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
}

.p-ai-grd-bor {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    min-height: 44.1px;
}

    .p-ai-grd-bor label {
        align-self: flex-end;
        margin-bottom: -0.115rem !important;
    }

.p-grad-bor-btn .p-ai-link {
    Padding: calc(var(--p-btn-padding));
    font-size: var(--base-font-size);
    border-radius: 0.38rem;
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: normal;
    min-width: calc(var(--p-btn-min-width));
    min-height: calc(var(--p-btn-min-height) - 0.0125em);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    display: inline-block;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
}

.p-grad-bor-btn .p-ai-link-icon {
    --icon-ai: 1.15rem;
    width: var(--icon-ai);
    height: var(--icon-ai);
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-grad-bor-btn .p-ai-txt::after {
    display: none;
}

.p-question-list-generated .p-question-count {
    display: block;
    color: var(--on-primary-color);
    margin-bottom: 0;
}

.p-question-list-generated .labelText {
    font-weight: 500;
    font-size: var(--base-font-size-xl);
}

.p-ql-ia-mw {
    display: grid;
    grid-template-columns: 1fr 2.5em;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
}

.p-qeust-list-actn {
    margin-top: -1.2rem;
}

/*css for grpah loader skeleton starts here*/
.p-pie-chart-sl .p-feat-piechart {
    --circle-banner-chart: 135px;
    width: var(--circle-banner-chart);
    height: var(--circle-banner-chart);
    overflow: hidden;
    border-radius: 50%;
}

.p-pie-chart-sl .p-feat-legends-items label {
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-xxs)* 0.9);
    color: var(--primary-color);
    min-width: 4rem;
}

/*Bar Chart UI*/

.p-bar-chart-sl {
    display: grid;
    grid-template-columns: repeat(12, auto);
    gap: 1rem;
    width: calc(100%);
    position: relative;
    align-items: flex-end;
    height: 100%;
}

    .p-bar-chart-sl:before,
    .p-bar-chart-sl:after {
        content: '';
        position: absolute;
        background-color: var(--bg-default);
    }

    .p-bar-chart-sl:before {
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.08em;
    }

    .p-bar-chart-sl:after {
        left: 0;
        bottom: 0;
        width: 0.08em;
        height: 100%;
    }
/*User Breakdown by Department*/
#div-user-by-departament-Loader .p-fb-graph,
#div-user-growth-Loader .p-fb-graph {
    padding: calc(var(--box-padding) * 0.1);
}

#div-user-by-departament-Loader .p-bar-chart-sl {
    grid-template-columns: repeat(5, auto);
}

#div-user-by-departament-Loader .p-bar-chart-sl-bars {
    max-width: initial;
}

    #div-user-by-departament-Loader .p-bar-chart-sl-bars:nth-child(1) {
        height: 5rem;
        padding-left: 1rem;
    }
/*User Breakdown by Department*/
.p-sine-wave-ug {
    -webkit-clip-path: path('M0,158 C 215,100 205,20 390,60 C 565,100 875,20 1000,60 L1000,200 L0,200 Z');
    clip-path: path('M0,158 C 215,100 205,20 390,60 C 565,100 875,20 1000,60 L1000,200 L0,200 Z');
}

#div-user-growth-Loader .p-bar-chart-sl,
#div-companys-mood-chart-Loader .p-bar-chart-sl,
#div-people-Teams-current-goals-status-line-chart-Loader .p-bar-chart-sl,
#div-oneoneone-status-line-chart-Loader .p-bar-chart-sl,
#div-people-Teams-current-task-status-line-chart-Loader .p-bar-chart-sl,
.ins-content-mw .p-bar-chart-sl,
.ins-con-ru .p-bar-chart-sl,
.ins-wcbc .p-bar-chart-sl,
.ins-mood-tracker .p-bar-chart-sl,
.rio-hr-eng-gr .p-bar-chart-sl {
    display: inline-block;
}

/*Average Company Mood*/
.p-sine-wave-acm {
    -webkit-clip-path: path('M0,148 C 85,136 145,14 360,100 C 1965,580 705,380 110,420 L950,380 L0,420 Z');
    clip-path: path('M0,148 C 85,136 145,14 360,100 C 1965,580 705,380 110,420 L950,380 L0,420 Z');
}

.p-bar-chart-sl-fw.p-bar-chart-sl {
    grid-template-columns: auto;
}
/*Average Company Mood*/
/*updown sharp wave*/
.p-sharp-wave {
    clip-path: polygon(0 100%, 0 50%, 25% 0, 50% 50%, 75% 100%, 100% 50%, 100% 100%);
}

.mh-sl {
    max-width: calc(100% - 18px);
    margin-left: auto;
}
/*updown sharp wave*/
.insight-main-container .loading-skeleton .p-def-gr-circle {
    overflow: hidden;
    border-radius: 50%;
    width: var(--ins-gr-cricle-wh);
}

    .insight-main-container .loading-skeleton .p-def-gr-circle .skeleton-img {
        flex: 1;
    }

.ins-people .p-bar-chart-sl-bars {
    max-width: 1.4rem;
}

#div-leave-taken-by-policy-Loader .p-bar-chart-sl-bars {
    max-width: 1.8rem;
}

#div-leave-taken-by-policy-Loader .p-fb-graph {
    height: 400px;
}

#div-leave-taken-by-policy-Loader .p-bar-chart-sl-bars:nth-child(2) {
    height: 90%;
}

#div-wellbeing-session-by-departament-Loader .p-bar-chart-sl {
    grid-template-columns: repeat(4, auto);
}

.p-sl-hollow-chart .p-ins-wb-used-sess svg {
    background: initial;
}

.p-sl-hollow-chart .svg-yellow-zone,
.p-sl-hollow-chart .svg-salmon-zone,
.p-sl-hollow-chart .svg-green-zone,
.p-sl-hollow-chart .session-available-svg-main-circle,
.p-sl-hollow-chart .session-available-svg-circle {
    fill: var(--bg-default) !important;
}

.p-sl-hollow-chart .ca-month-session-count label {
    --skeleton-color-1: var(--sec-light-color7);
    --skeleton-color-2: var(--sec-light-color6);
}

.p-sl-hollow-chart .triangle-rotate {
    fill: var(--sec-light-color7);
}

.p-sl-hollow-chart .ca-month-session-count {
    gap: 1rem;
}

.p-sl-hollow-chart #dvLabel {
    min-width: 4.5rem;
}

.p-sl-hollow-chart .remaing-session-chart {
    min-width: 7rem;
}

.p-ins-bar-ch-sl {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

    .p-ins-bar-ch-sl .p-bar-chart-sl-bars {
        min-width: 60px;
    }

        .p-ins-bar-ch-sl .p-bar-chart-sl-bars:nth-child(1) {
            max-width: 0rem;
            min-width: initial;
        }

#div-wellbeing-session-vector-map-Loader .p-imf-mp-large {
    width: 2.3rem;
    height: 2.3rem;
}

#div-wellbeing-session-vector-map-Loader .p-imf-mp-circle1 {
    top: 30%;
    left: 45%;
}

#div-wellbeing-session-vector-map-legends .p-list-gp-rd {
    min-height: 17px;
}

#div-wellbeing-session-vector-map-legends .ins-loc-vec-map {
    border: none;
}

.map-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid var(--bg-default);
}

    .map-container .ins-loc-vec-map {
        border: none;
    }

.world-map-sl {
    width: 100%;
    height: 100%;
    display: inline-block;
    fill: var(--bg-default);
}

.p-imf-mp-circle {
    position: absolute;
    border-radius: 50%;
    background-color: var(--sec-light-color7);
}

.p-imf-mp-large {
    width: 3rem;
    height: 3rem;
}

.p-imf-mp-medium {
    width: 1.8rem;
    height: 1.8rem;
}

.p-imf-mp-small {
    width: 1.3rem;
    height: 1.3rem;
}

.p-imf-mp-circle1 {
    top: 10rem;
    left: 10rem;
}

.p-imf-mp-circle2 {
    top: 3rem;
    right: 8rem;
}

.p-imf-mp-circle3 {
    left: 54%;
    bottom: 5rem;
}

.line-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.p-sl-lines {
    position: absolute;
    bottom: 0;
    width: 0.15rem;
    border-radius: 0.125rem;
    background-color: var(--bg-default);
}

/* Common styles for the circles at the end of the lines */

.p-sl-line-1 {
    height: 10rem;
    transform: rotate(20deg);
    left: 10%;
}

.p-sl-line-2 {
    height: 8rem;
    transform: rotate(-10deg);
    left: 20%;
}

.p-sl-line-3 {
    height: 12rem;
    transform: rotate(50deg);
    left: 75%;
}

.p-sl-line-4 {
    height: 15rem;
    transform: rotate(-30deg);
    left: 40%;
}

.p-sl-line-hr {
    border-radius: 0.125rem;
    background-color: var(--bg-default);
    position: absolute;
    width: calc(100% - 2rem);
    height: 0.15rem;
    left: 0;
}

.p-sl-line-hr-5 {
    top: 17%;
    transform: rotate(2deg);
}

.p-sl-line-hr-6 {
    bottom: 10%;
    transform: rotate(-2deg);
}

.p-sl-line-hr-7 {
    bottom: 13%;
    transform: rotate(-1deg);
}

.p-sl-line-hr-8 {
    bottom: 25%;
    transform: rotate(-1.5deg);
}

.p-sl-line-hr-9 {
    top: 23%;
    transform: rotate(-2.5deg);
}

.p-bar-chart-sl-bars {
    width: 100%;
    align-self: end;
    height: 30%;
    max-width: 0.8rem;
}

.p-bar-chart-sl-md .p-bar-chart-sl-bars {
    max-width: 2.1rem;
}

.node::before, .node::after {
    content: '';
    position: absolute;
    width: .75rem; /* Diameter of the node */
    height: .75rem; /* Diameter of the node */
    border-radius: 50%; /* Makes it a circle */
    background: var(--bg-default); /* Inherits the color of the line */
    transform: translate(-50%, -50%);
}

.node::before {
    top: 0;
    left: 0;
}

.node::after {
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
}

.p-bar-chart-sl-bars-wr-last .p-bar-chart-sl-bars:nth-child(1) {
    height: 2rem;
}

.p-bar-chart-sl-bars-wr-last .p-bar-chart-sl-bars:nth-child(2) {
    height: 4rem;
}

.p-bar-chart-sl-bars-wr-last .p-bar-chart-sl-bars:nth-child(3) {
    height: 4rem;
}

.p-bar-chart-sl-bars-wr-third .p-bar-chart-sl-bars:nth-child(1) {
    height: 6rem;
}

.p-bar-chart-sl-bars-wr-third .p-bar-chart-sl-bars:nth-child(2) {
    height: 2rem;
}

.p-bar-chart-sl-bars-wr-third .p-bar-chart-sl-bars:nth-child(3) {
    height: 5rem;
}

.p-bar-chart-sl-bars:nth-child(1) {
    height: 5rem;
}

.p-bar-chart-sl-bars:nth-child(2) {
    height: 8rem;
}

.p-bar-chart-sl-bars:nth-child(3) {
    height: 10rem;
}

.p-bar-chart-sl-bars-wr {
    display: flex;
    gap: 0.25rem;
}

    .p-bar-chart-sl-bars-wr > * {
        flex: 0 0 auto;
    }

/*css for grpah loader skeleton starts here*/

.p-gr-leg-ol {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.p-grl-insight .p-fli-box {
    width: 0.7rem;
    height: 0.7rem;
}

.p-grl-insight .p-feat-legends-items label {
    font-size: calc(var(--base-font-size-xxs) * 0.95);
    line-height: 1;
}

.p-grl-insight .p-feat-legends-items {
    gap: 0.45rem;
}
/*slider-switch sh*/
.toggle-container,
.toggle-switch {
    cursor: pointer;
    width: 12.3rem;
    height: 2.6rem;
    font-size: var(--base-font-size);
}

    .toggle-container input[type="checkbox"] {
        display: none;
    }

        .toggle-container input[type="checkbox"]:checked ~ label .toggle-switch:before {
            content: attr(data-unchecked);
            left: 0;
        }

        .toggle-container input[type="checkbox"]:checked ~ label .toggle-switch:after {
            content: attr(data-checked);
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }

.toggle-switch {
    position: relative;
    background: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 0.65);
    transition: all 1s;
    border: 1px solid var(--input-border-1);
    font-weight: 400;
}

    .toggle-switch:before,
    .toggle-switch:after {
        position: absolute;
        height: calc(100% - 8px);
        width: calc(50% - 5px);
        top: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .toggle-switch:before {
        content: attr(data-checked);
        color: var(--on-primary-color);
        left: 50%;
    }

    .toggle-switch:after {
        content: attr(data-unchecked);
        left: 4px;
        border-radius: calc(var(--bs-border-radius) * 0.65);
        z-index: 1;
        background: var(--sec-light-color4);
        color: var(--primary-color);
        transform: translate3d(0, 0, 0);
        transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    }
/*slider switch eh*/

.p-listype-bg {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border: 1px solid var(--hsla-input-border) !important;
    color: var(--on-primary-color);
    width: 100%;
    border-radius: var(--border-radius-default);
    gap: 0.6rem;
    font-size: var(--base-font-size);
    padding: 0.45rem 0.8rem;
    min-height: 2.7rem;
}


.p-acco-is {
    max-height: 600px;
    overflow-y: auto;
}

.p-fw-600 {
    font-weight: 600 !important;
}

.p-fw-500 {
    font-weight: 500 !important;
}

.p-fw-400 {
    font-weight: 400 !important;
}

.p-modal-wrapper {
    min-height: 370px;
}

.ph-default-tag.pbs-Overdue {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc);
}

.ph-default-tag.pbs-Incomplete {
    background-color: var(--incomplete-bg);
    color: var(--incomplete-tc);
}

.ph-default-tag.pbs-Completed {
    background-color: var(--complete-bg);
    color: var(--complete-tc);
}

.p-text-underline {
    text-decoration: underline;
}

.p-grid-tag {
    padding: 0.17rem 0.4rem 0.17rem 0.4rem;
    border-radius: calc(var(--bs-border-radius) * 0.6);
    line-height: 1.2;
    font-size: calc(var(--base-font-size-xxs) * 0.8);
    background-color: var(--sec-light-color4);
    color: var(--primary-color);
    position: relative;
    border: 1px solid var(--sec-light-color4);
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--green-color);
    color: var(--green-color);
    background: rgb(176 248 202 / 43%);
}

.p-tag-v-top {
    margin-left: 0.45rem;
    padding: 0.17rem 0.55rem;
    border-radius: calc(var(--bs-border-radius) * 0.6);
    line-height: 1.2;
    font-size: calc(var(--base-font-size-xxs)* 0.95);
    background-color: var(--sec-light-color4);
    color: var(--theme-primary-color);
    position: relative;
    border: 1px solid var(--hsla-input-border);
    display: inline-flex;
    align-items: center;
}

.p-icon-3xs {
    width: 0.78rem;
    height: 0.78rem;
}

.p-icon-xxs {
    width: 0.85rem;
    height: 0.85rem;
}

.p-icon-xs {
    width: 0.95rem;
    height: 0.95rem;
}

.p-icon-sm {
    width: 1.15rem;
    height: 1.15rem;
}

.p-icon-sm1 {
    width: 1.02rem;
    height: 1.02rem;
}

.p-icon-sm2 {
    width: 1.12rem;
    height: 1.12rem;
}

.p-icon-md {
    width: 1.25rem;
    height: 1.25rem;
}

.p-icon-md1 {
    width: 1.29rem;
    height: 1.29rem;
}

.p-icon-lg {
    width: 1.35rem;
    height: 1.35rem;
}

.p-icon-xl {
    width: 1.45rem;
    height: 1.45rem;
}

.p-icon-xxl {
    width: 1.55rem;
    height: 1.55rem;
}

.p-icon-3xl {
    width: 1.65rem;
    height: 1.65rem;
}

.p-icon-4xl {
    width: 1.8rem;
    height: 1.8rem;
}

.p-icon-5xl {
    width: 2rem;
    height: 2rem;
}

.p-icon-link {
    stroke: var(--link-color)
}

.user-add-la {
    position: relative;
    left: 0.125em;
}

.p-icon-btn-wr {
    width: 2.35rem;
    height: 2.35rem;
    flex-shrink: 0;
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid var(--input-border-1);
}

    .p-icon-btn-wr:hover {
        background-color: var(--chat-dark-bg-2);
    }

.p-icon-btn {
    width: 1.35rem;
    height: 1.35rem;
    fill: var(--dark-blue-color);
}

button.p-link {
    border: none;
    background: transparent;
    font-weight: 500;
}

.js-delete-card {
    cursor: pointer;
}

.pdif {
    display: inline-flex;
    align-items: center;
}

.pdf {
    display: flex; 
    align-items: center;
}

.pdf-sb {
    justify-content: space-between;
}

.pdf-gap-6xs {
    gap: 0.2rem;
}

.pdf-gap-5xs {
    gap: 0.28rem;
}

.pdf-gap-4xs {
    gap: 0.35rem;
}

.pdf-gap-3xs {
    gap: 0.5rem;
}

.pdf-gap-xxs {
    gap: 0.7rem;
}

.pdf-gap-xs {
    gap: 0.85rem !important;
}

.pdf-gap-sm {
    gap: 1rem;
}

.pdf-gap-md {
    gap: 1.15rem;
}

.pdf-gap-lg {
    gap: 1.25rem;
}

.pdf-gap-xl {
    gap: 1.35rem;
}

.pdf-gap-xxl {
    gap: 1.45rem;
}

.pdf-gap-xxxl {
    gap: 1.65rem;
}

.pdf-gap-4xl {
    gap: 1.8rem;
}

.pdf-gap-5xl {
    gap: 2rem;
}

.pdf-gap-6xl {
    gap: 2.5rem;
}

.pdf-gap-8xl {
    gap: 4rem;
}

.pdf-gap-10xl {
    gap: 5.5rem;
}

.p-upload-btn-wrpper {
    position: relative;
}

    .p-upload-btn-wrpper > input[type='file'] {
        display: none
    }

    .p-upload-btn-wrpper label.p-add-btn-icon {
        color: var(--p-btn-txt);
        display: flex;
    }

.p-vr-wrapper {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-vr-wrapper-inner {
    transform: scale(1.01);
    width: 100%;
}

.p-ai-link-icon {
    --icon-ai: 0.75rem;
    width: var(--icon-ai);
    height: var(--icon-ai);
    fill: var(--on-primary-color);
}

.p-ai-link {
    font-size: var(--base-font-size-xs);
    padding: 0;
    min-height: initial;
    font-weight: 400;
    border: none;
    background-color: transparent;
    color: var(--on-primary-color);
    min-width: 5.2rem;
}

/*.p-ai-link-disabled{
    opacity:0.35;
    cursor: default !important;
}*/

.p-ai-txt {
    position: relative;
}

    .p-ai-txt::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -0.2rem;
        width: 100%;
        height: 1px;
        background-color: var(--on-primary-color);
    }

.p-textarea-w-ai {
    position: relative;
}

.p-ai-icon {
    --icon-ai: 0.95rem;
    width: var(--icon-ai);
    height: var(--icon-ai);
    fill: var(--p-btn-txt);
}

.p-textarea-w-ai textarea {
    min-height: 170px !important;
    padding-bottom: 4rem;
    overflow-y: auto !important;
}

.p-link-btn-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    font-weight: 600;
    box-shadow: none;
    border: none;
    background-color: transparent;
    color: var(--link-color);
    fill: var(--link-color);
    padding: 0;
}

.p-ai-btn {
    font-size: var(--base-font-size-xs);
    padding: 0.65rem 0.75rem;
    min-height: initial;
    font-weight: 400;
}

.p-taw {
    position: relative;
}

.p-ai-ph-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: var(--base-font-size-xxs);
    padding: 0.65rem;
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
}

.p-ai-question {
    position: initial;
    display: flex;
    justify-content: flex-end;
    padding: 0;
}

.p-ai-inline {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .p-ai-inline .p-ai-link {
        position: initial;
        padding: 0;
        align-self: baseline;
        min-width: 5.2rem;
    }

.p-taw {
    width: 100%;
    overflow: hidden;
}

    .p-taw .loading-skeleton p {
        margin-bottom: 0.6rem;
        width: 100%;
        height: 0.7rem;
        width: 100%;
    }

.p-html-editor-w-ai .ls-textbox {
    top: 3.8rem;
}

.p-taw .loading-skeleton p {
    margin-bottom: 0.6rem;
    width: calc(100% - 2.5rem);
    height: 0.7rem;
}

.ls-textbox {
    position: absolute;
    left: 1rem;
    top: 1rem;
    width: 100%;
}

.p-ai-link .loader-new-white-bg.loader-new {
    font-size: 1.7px;
}

.p-ai-ph-wrp button.p-ai-link {
    flex: 0 0 auto;
}

.p-html-editor-w-ai .p-ai-ph-wrp {
    top: calc(0.65rem + 1.3rem + 2.4rem);
}

.pl-event-joined {
    color: var(--green-color);
    fill: var(--green-color);
}

.small, small {
    font-size: calc(var(--base-font-size-xxs) * 0.98);
}

.p-icon {
    display: inline-block;
    stroke: var(--on-primary-color);
    line-height: 1.8;
    flex-shrink: 0;
}

.p-icon-green-s {
    stroke: var(--green-color);
}

.p-icon-red-s {
    stroke: var(--overdue-tc);
}

.p-icon-white-s {
    stroke: #fff;
}

.p-icon-white-f {
    fill: #fff;
}

.p-icon-fill.p-icon-green-f {
    fill: var(--green-color);
}

.p-icon-fill {
    display: inline-block;
    fill: var(--on-primary-color);
    line-height: 1.8;
    stroke: none !important;
}

.p-ap-box-icon {
    width: 3.45rem;
    height: 3.45rem;
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
}

.p-small-input {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
    color: var(--primary-color) !important;
    box-shadow: none;
    border-radius: calc(var(--bs-border-radius) * 0.8);
    background-color: var(--chat-dark-bg-2);
    padding: 0.55rem 0.6rem;
    min-width: 220px;
    font-size: var(--base-font-size-xxs);
    padding-right: 2.8rem;
}

.form-group .p-char-count-label, .p-cc-data {
    font-size: calc(var(--base-font-size-xxs) * 0.92);
    text-align: right;
    margin-top: 0.25rem;
    padding-right: 0.35rem;
    display: inline;
    float: right;
    font-weight: 400;
}

.p-char-count-label {
    display: none !important;
}

.icon-play-btn,
.info-icon-dialog {
    --play-btn-width: 2.5rem;
    width: var(--play-btn-width);
    height: var(--play-btn-width);
    display: inline-block;
}

svg.icon-play-btn {
    fill: var(--primary-color);
}

.info-icon-dialog {
    --play-btn-width: 1.8rem;
    stroke: var(--primary-color);
    flex: 0 0 auto;
}

    .info-icon-dialog.info-icon-dialog-lg {
        --play-btn-width: 2.5rem;
    }

.p-def-table .table td,
.p-def-table .table th {
    vertical-align: middle;
    padding: var(--grid-table-padding);
    border: none;
    vertical-align: middle;
}

.p-def-table .p-grid-action-btns {
    justify-content: center;
}

.tc-img-wrapper .icon-play-btn {
    --play-btn-width: 1.8rem;
}

.table-tlnfc tr td:not(:first-child)
.table-tlnfc tr th:not(:first-child) {
    text-align: center;
}
/*plm buttons*/
.p-btn-small,
.p-add-btn,
.sweet-alert button,
.dashboard-hc-btn.browse {
    padding: 0.48rem 0.95rem;
    min-width: var(--p-btn-min-width);
    font-size: var(--base-font-size);
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    color: var(--p-btn-txt);
    min-height: var(--p-btn-min-height);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    cursor: pointer;
    font-weight: 500;
    border-radius: calc(var(--border-radius-default)* 1.25) !important;
}



.p-btn-small-inline,
.mood-tracker-action-btns .p-btn-small, .mood-tracker-action-btns .hc-default-btn {
    display: inline-flex;
    min-width: 7.5rem;
    min-height: initial !important;
    border-radius: calc(var(--border-radius-default)* 0.75);
    justify-content: center;
    padding: 0.48rem 0.95rem !important;
    line-height: 1.6;
}

.p-btn-small-sm {
    min-width: 110px;
    min-height: initial;
    border-radius: calc(var(--border-radius-default)* 0.85);
    min-height: 40px;
}

.p-btn-small-icon {
    gap: 0.35rem;
    min-width: initial;
}

.p-btn-small em.icon {
    color: var(--p-btn-txt);
}

.p-btn-small.p-btn-xt-small {
    padding: 0.45rem 1.2rem;
    min-width: 5.4em;
    min-height: 38px;
}

.p-btn-sec {
    border-color: var(--secondary-color);
    background-color: transparent;
    color: var(--secondary-color);
}

.p-btn-sec, .p-upload-btn-wrpper .p-add-btn,
.p-upload-btn-wrapper .p-add-btn,
.ba-upload-dd .dashboard-hc-btn.pos-abs-upload-btn,
.p-btn-sm-lb,
.therap-feature-card .p-add-btn.btn-add-item {
    border-color: var(--input-border-1) !important;
    background-color: var(--btn-light-bg);
    color: var(--theme-primary-color);
}

    .p-btn-sec .p-icon,
    .p-upload-btn-wrpper .p-add-btn .p-icon,
    .p-upload-btn-wrapper .p-add-btn .p-icon {
        border-color: var(--secondary-color);
        background-color: transparent;
        color: var(--secondary-color) !important;
    }

.p-upload-btn-wrpper .p-add-btn {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05) !important;
}

    .p-upload-btn-wrpper .p-add-btn .p-icon,
    .p-upload-btn-wrapper .p-add-btn .p-icon,
    .ba-upload-dd .dashboard-hc-btn.pos-abs-upload-btn .p-icon {
        /*        stroke: var(--secondary-color) !important;*/
        stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 )
    }

    .p-btn-sec:hover,
    .p-upload-btn-wrpper .p-add-btn:hover,
    .p-upload-btn-wrapper .p-add-btn:hover,
    .ba-upload-dd .drop:hover .cont .browse,
    .p-btn-sm-lb:hover,
    .therap-feature-card .p-add-btn.btn-add-item:hover {
        color: #ffffff !important;
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
        border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    }

        .p-btn-sec:hover svg,
        .p-upload-btn-wrpper .p-add-btn:hover svg,
        .p-upload-btn-wrapper .p-add-btn:hover svg,
        .ba-upload-dd .drop:hover .cont .browse svg,
        .p-btn-small.p-btn-sm-icon svg {
            stroke: #ffffff !important;
        }

.p-sec-disabled.p-btn-small {
    border-color: var(--disabled-border-color) !important;
    color: var(--disabled-text-color) !important;
    pointer-events: none;
}

    .p-sec-disabled.p-btn-small svg.p-icon {
        stroke: var(--disabled-text-color) !important;
    }

.insight-content .dx-button-mode-contained.dx-button-default {
    background-color: var(--theme-primary-color) !important;
    border-color: transparent;
    color: #fff;
    border-radius: var(--bs-border-radius);
    cursor:pointer !important;
}

.insight-content .dx-button-mode-contained.dx-button-default:hover{
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8 ) !important;
}

.insight-content .admin-head-exp-btn[disabled="disabled"] {
    pointer-events: none;
}

    .insight-content .admin-head-exp-btn[disabled="disabled"] .dx-button-mode-contained.dx-button-default {
        background-color: var(--disabled-color);
        border-color: transparent;
        color: #fff;
        cursor: default;
    }

button.js-pso-next[disabled],
.CreateMode[disabled="disabled"] .p-dd-wp-btn {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
    border-color: var(--disabled-color);
    cursor: default;
}

.EditMode[disabled="disabled"] .p-dd-wp-btn .p-dd-wp-dot-icon {
    opacity: 0.25;
    cursor: default;
}

.insight-content .dx-button-has-text .dx-button-content {
    padding: 9.5px 20px 9.5px;
    display: flex;
    align-items: center;
}


.admin-head-exp-btn .dx-button-content .dx-button-text {
    display: flex;
    align-items: center;
}

.admin-head-exp-btn .dx-button-mode-contained.dx-button-default .dx-icon {
    color: #fff;
    width: initial;
    position: relative;
    top: -1px !important;
    height: initial;
}

.dashboard-hc-btn,
.p-grid-btn {
    text-align: center;
    text-transform: capitalize;
    padding: 0.48rem 0.95rem;
    min-width: var(--p-btn-min-width2);
    font-size: var(--base-font-size-xs);
    border-radius: var(--border-radius-default);
    min-height: var(--p-btn-min-height);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--btn-light-bg);
    font-weight: 500;
    color: var(--theme-primary-color);
    border: 1px solid var(--input-border-1);
    cursor: pointer;
}

    .dashboard-hc-btn:hover,
    .p-grid-btn:hover {
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
        border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
        color: #fff;
    }


.p-def-table .p-grid-btn {
    Padding: 0.35rem 0.85rem;
    font-size: var(--base-font-size-xs);
    min-width: 5.5rem;
    min-height: initial;
    border-width: 1px;
}

.p-btn-small.lc-joined {
    background-color: var(--green-color);
}

    .p-btn-small.lc-joined:hover {
        background-color: var(--green-color);
    }

.p-add-btn-icon {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.p-add-btn em.icon {
    font-size: 1rem;
    color: var(--p-btn-txt);
}

.p-btn-small.p-btn-disabled,
.p-btn-small.p-btn-disabled:hover {
    background-color: var(--sec-light-color4);
    color: rgb(23 53 113 / 75%);
    border: 2px solid var(--sec-light-color4);
    cursor: default;
}

html[color-mode="dark"] .p-btn-small.p-btn-disabled,
html[color-mode="dark"] .p-btn-small.p-btn-disabled:hover {
    color: rgb(219 221 225 / 42%);
}

span.button-textNew,
.button-textNew-start {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    justify-content: center;
}

.hc-default-btn,
.expt-modi-btn.dx-button.dx-button-mode-contained {
    Padding: var(--p-btn-padding);
    font-size: var(--base-font-size-lg);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: var(--border-radius-default);
    cursor: pointer;
    letter-spacing: normal;
    min-width: var(--p-btn-min-width);
    min-height: var(--p-btn-min-height);
    color: var(--p-btn-txt);
    display: inline-block;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    text-align: center;
    line-height: 1.75;
}

.sweet-alert button {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
    box-shadow: none !important;
}

.expt-modi-btn.dx-button.dx-button-mode-contained .dx-icon {
    color: var(--p-btn-txt);
}

.hc-default-btn:hover,
.p-add-btn:hover,
.ba-upload-dd .drop:hover .cont .browse,
.expt-modi-btn.dx-button:hover,
.expt-modi-btn.dx-button:hover .dx-button-content,
.p-btn-small:hover,
.p-add-btn:hover,
.sweet-alert button:focus,
.sweet-alert button:hover {
    background-color: var(--theme-btn-hover);
    border: 1px solid var(--theme-btn-hover);    
}

.expt-modi-btn.dx-button.dx-button-has-text .dx-button-content {
    padding: 0;
}

/*.btn-salmon .loader-new {
    border-top: 1.1em solid rgb(23 53 113 / 31%);
    border-right: 1.1em solid rgb(23 53 113 / 30%);
    border-bottom: 1.1em solid rgb(23 53 113 / 29%);
    border-left: 1.1em solid var(--primary-color);
}*/

.hc-disabled-btn {
    background-color: var(--on-primary-color) !important;
    color: var(--white-color);
    border: 1px solid var(--on-secondary-color);
}


.go-to-library {
    margin-right: 20px;
    font-weight: 500;
    background-color: #fff;
    color: var(--primary-color);
    padding: 7px 17px;
    border-radius: 5px;
    margin-bottom: 0 !important;
    text-transform: capitalize;
    font-size: 15px;
    letter-spacing: 0.2px;
    cursor: pointer;
    display: none;
    border: 1px solid;
}

.continue-button {
    background: var(--primary-color);
    color: var(--white-color) !important;
    text-align: center;
    Padding: 9px 10px;
    text-decoration: none !important;
    display: inline-block;
    min-width: 200px;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    text-transform: capitalize;
    min-height: 44px;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: var(--border-radius-default);
}

.continue-button[disabled], .buttons-container .btn-next[disabled],
.dashboard-hc-btn[disabled] {
    background-color: var(--theme-secondary-color);
    box-shadow: none;
    cursor: not-allowed !important;
    color: var(--theme-primary-color);
    border: 1px solid var(--disabled-color);
}

.p-btn-sm-lb {
    text-align: center;
    text-transform: capitalize;
    padding: 0.42rem 0.6rem;
    min-width: 4.8rem;
    font-size: calc(var(--base-font-size-xxs) * 0.88);
    border-radius: calc(var(--border-radius-default)* 0.75);
    border: 1px solid var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--btn-light-bg);
    font-weight: 600;
    color: var(--theme-primary-color);
    transition: all .3s;
}

    .p-btn-sm-lb:hover {
        background-color: var(--primary-color);
        color: #fff;
    }


/*dark btns*/
/*html[color-mode="dark"] .dashboard-hc-btn,
html[color-mode="dark"] .ph-ma-action-btns-wrapper .dashboard-hc-btn,
html[color-mode="dark"] .hc-default-btn,
html[color-mode="dark"] .continue-button,
html[color-mode="dark"] .buttons-container button,
html[color-mode="dark"] #share-btn-email.dashboard-hc-btn.refer-therapist,
html[color-mode="dark"] .sweet-alert button,
html[color-mode="dark"] .btn-steps,
html[color-mode="dark"] .modal .modal-dialog .btn,
html[color-mode="dark"] input#btn_submit_outoffofice,
html[color-mode="dark"] .forgot-password input.hc-default-btn,
html[color-mode="dark"] .forgot-pass-wrapper input.hc-default-btn,
html[color-mode="dark"] .plm-small-btn,
html[color-mode="dark"] .p-userlist #grid-reassign-selection .dx-button-content,
html[color-mode="dark"] .p-userlist #grid-remove-user .dx-button-content,
html[color-mode="dark"] .p-userlist #grid-clear-selection .dx-button-content,
html[color-mode="dark"] .p-add-btn,
html[color-mode="dark"] .p-btn-small {
    background-color: var(--dash-btn-bg-color) !important;
}*/
/*btn hover*/
/*html[color-mode="dark"] .dashboard-hc-btn:hover,
html[color-mode="dark"] .ba-upload-dd .drop:hover .pos-abs-upload-btn,
html[color-mode="dark"] .ph-ma-action-btns-wrapper .dashboard-hc-btn:hover,
html[color-mode="dark"] .hc-default-btn:hover,
html[color-mode="dark"] .continue-button:hover,
html[color-mode="dark"] .buttons-container button:hover,
html[color-mode="dark"] #share-btn-email.dashboard-hc-btn.refer-therapist:hover,
html[color-mode="dark"] .sweet-alert button:hover,
html[color-mode="dark"] .btn-steps:hover,
html[color-mode="dark"] .modal .modal-dialog .btn:hover,
html[color-mode="dark"] input#btn_submit_outoffofice:hover,
html[color-mode="dark"] .forgot-password input.hc-default-btn:hover,
html[color-mode="dark"] .forgot-pass-wrapper input.hc-default-btn:hover,
html[color-mode="dark"] .plm-small-btn:hover,
html[color-mode="dark"] .p-userlist #grid-reassign-selection .dx-button-content:hover,
html[color-mode="dark"] .p-userlist #grid-remove-user .dx-button-content:hover,
html[color-mode="dark"] .p-userlist #grid-clear-selection .dx-button-content:hover,
html[color-mode="dark"] .p-add-btn:hover,
html[color-mode="dark"] .p-btn-small:hover {
    background-color: var(--input-focus-dark) !important;
    border: 1px solid var(--chat-dark-border-2) !important;
    color: var(--light-grey-dark);
}
*/
/*btn disabled*/
html[color-mode="dark"] .continue-button[disabled],
html[color-mode="dark"] .buttons-container .btn-next[disabled],
html[color-mode="dark"] .dashboard-hc-btn[disabled],
html[color-mode="dark"] .hc-default-btn.hc-disabled-btn {
    color: var(--on-primary-color) !important;
    background-color: rgb(106 120 149 / 7%) !important;
    border: 1px solid var(--ot-bg-color);
}

html[color-mode="dark"] .expt-modi-btn.dx-button {
    background-color: var(--dash-btn-bg-color) !important;
    color: var(--light-grey-dark) !important;
    border: 1px solid var(--chat-dark-border-3) !important;
}

html[color-mode="dark"] .expt-modi-btn.dx-state-active .dx-button-content, html[color-mode="dark"] .expt-modi-btn.dx-button-mode-contained.dx-state-focused, html[color-mode="dark"] .expt-modi-btn .dx-button-content {
    background-color: transparent !important;
    color: var(--light-grey-dark) !important;
}

    html[color-mode="dark"] .expt-modi-btn.dx-state-active .dx-button-content:hover,
    html[color-mode="dark"] .expt-modi-btn.dx-button-mode-contained.dx-state-focused:hover,
    html[color-mode="dark"] .expt-modi-btn .dx-button-content:hover,
    html[color-mode="dark"] .expt-modi-btn.dx-state-active .dx-button-content:hover,
    html[color-mode="dark"] .expt-modi-btn.dx-button-mode-contained.dx-state-focused:hover,
    html[color-mode="dark"] .expt-modi-btn .dx-button-content:hover,
    html[color-mode="dark"] .ba-upload-dd .drop:hover .cont .browse,
    html[color-mode="dark"] .expt-modi-btn.dx-button:hover,
    html[color-mode="dark"] .expt-modi-btn.dx-button:hover .dx-button-content {
        background-color: var(--input-focus-dark) !important;
        color: var(--light-grey-dark) !important;
    }

html[color-mode="dark"] .dx-button-mode-contained.dx-button-default .dx-icon {
    color: var(--light-grey-dark) !important;
}

html[color-mode="dark"] .expt-modi-btn.dx-button:hover .dx-icon {
    color: var(--light-grey-dark) !important;
}

html[color-mode="dark"] .dash-side-msg-count,
html[color-mode="dark"] .unread-msg-batch span {
    color: var(--primary-color) !important;
}

/*small button with icon starts here*/

.btn-slect-dropdown .p-add-btn {
    padding-right: 2.6rem;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--hsla-input-border) !important;
    color: var(--primary-color) !important;
    min-width: 250px;
    /*box-shadow: var(--p-input-box-shadow);*/
}

html[color-mode="dark"] .btn-slect-dropdown .p-add-btn {
    border: 1px solid var(--chat-inbox-border-color) !important;
    box-shadow: var(--chat-input-boxshadow);
    -moz-box-shadow: var(--chat-input-boxshadow);
    -webkit-box-shadow: var(--chat-input-boxshadow);
}

.btn-slect-dropdown select {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.btn-slect-dropdown-wli {
    position: relative;
}

    .btn-slect-dropdown-wli svg {
        position: absolute;
        display: inline-block;
        top: 50%;
        transform: translateY(-50%);
        left: 0.9rem;
        fill: var(--primary-color);
        width: 1.28rem;
        height: 1.28rem;
    }

.hc-default-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

    .hc-default-btn-icon svg {
        width: 1rem;
        height: 1rem;
        display: inline-block;
        fill: var(--primary-color);
    }
/*plm buttons ends here*/

/*plumm theme colors starts here*/

.ved-light-blue {
    background-color: var(--plm-light-blue);
}

.ved-salmon {
    background-color: var(--plm-light-salmon);
}

.ved-green {
    background-color: var(--plm-light-green);
}

.ved-yellow {
    background-color: var(--plm-light-yellow);
}

.ved-light-pink {
    background-color: var(--plm-light-pink);
}

/*plumm theme colors ends here*/

.sm-gap-cen {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
}

svg.icon-sidebar {
    width: 1.9rem;
    height: 2rem;
}

.nd-cus-conatiner {
    max-width: var(--container-width);
    margin: 0 auto;
}

.nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
}

.icon.ni {
    font-size: 1rem;
}

.label-w-info .icon.ni-info,
.p-switch-lwi .icon.ni-info {
    display: inline-block;
    margin-left: 0rem;
    position: relative;
    top: 1px;
    cursor: pointer;
    color: var(--on-primary-color);
    font-size: calc(var(--base-font-size));
}

.custom-switch .label-w-info em.icon {
    margin-top: 8px;
    display: inline-flex;
}

.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    max-width: 380px;
    padding: 7px 13px 7px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: var(--theme-primary-color);
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 1.4;
    font-size: var(--base-font-size-sm);
    text-align: left;
    border-radius: calc(var(--bs-border-radius)* 0.65);
}

.p-smart-tt svg.p-icon:hover {
    stroke: var(--primary-color);
}

.p-modal-body-fix {
    max-height: calc(100vh - 12.5rem);
}

.p-modal-wh {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1800;
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

.p-html-edit-fh .modal-body > .row {
    height: 100%;
}

.modal-xxl {
    max-width: 100%;
    padding: 0 1.8rem;
}

.modal-e-sign-temp {
    max-width: 100%;
    padding: 0 1.8rem;
}

@media (min-width: 576px) {
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }

    .modal-xxl .modal-content {
        min-height: calc(100vh - 3.5rem);
    }

    .modal-e-sign-temp .modal-content {
        min-height: calc(100vh - 3.5rem);
    }
}

.label-w-info-na .icon.ni-info {
    margin-left: 0.07rem;
}

.p-table > tbody > tr > td,
.p-table > thead > tr > th {
    text-align: left;
    vertical-align: middle;
    padding: 0.75rem 0.6rem;
}

.record-active-round {
    width: 0.65rem;
    height: 0.65rem;
    display: inline-block;
    background-color: var(--green-color);
    border-radius: 50%;
}
/*tooltip css starts here*/

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: var(--dark-blue-color);
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: var(--dark-blue-color);
}

.p-tooltip-list {
    text-align: left;
    margin-bottom: 0;
    padding-left: 0.8rem;
}
/*tooltip ends here*/
.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: var(--nav-min-height);
}

.modal-open {
    overflow: initial;
}

.p-modal-fullscreen .modal-dialog {
    --wh-fs-popup: 2.1rem;
    width: calc(100% - var(--wh-fs-popup));
    height: calc(100% - var(--wh-fs-popup));
    max-width: none;
    margin: calc(var(--wh-fs-popup) / 2) auto;
}

.p-modal-fullscreen-m0.p-modal-fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
}

.p-modal-fullscreen .modal-content {
    height: 100%;
    border: none;
}

.p-modal-fullscreen .modal-body {
    padding: 0;
    overflow: auto;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.fs-doc-iframe {
    height: 100%;
    width: 100%;
    border: none;
}

.pmfs-btn-close {
    position: absolute;
    top: -1rem;
    right: -1.1rem;
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0;
}

    .pmfs-btn-close em.ni.icon {
        color: #fff;
        font-size: 1.25rem;
    }

.modal-header {
    align-items: center;
}

.uploaded-mod-docu {
    width: 100%;
    min-height: 600px;
}

.ol-list-sublist ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

    .ol-list-sublist ol > li {
        display: table;
        counter-increment: item;
        margin-bottom: 0.6em;
    }

        .ol-list-sublist ol > li:before {
            content: counters(item, ".") ". ";
            display: table-cell;
            padding-right: 0.6em;
            font-weight: 500;
            font-size: 1.12rem;
            color: var(--primary-color);
        }

.ol-list-sublist li ol > li {
    margin: 0;
}

    .ol-list-sublist li ol > li:before {
        content: counters(item, ".") " ";
        font-weight: 500;
        font-size: 1rem;
    }

/*.new-aster {
    position: relative;
}

.new-aster::after {
    content: "\002A";
    font-size: 0.91rem;
    color: var(--on-primary-color);
    position: absolute;
    top: 0px;
    line-height: 17px;
    margin: 0.1rem;
}*/

.grid-svg-icon {
    width: 1.15rem;
    height: 1.15rem;
    display: inline-block;
    line-height: 1;
    fill: #007bff;
}

.promote-pos {
    position: relative;
    top: -2px;
    left: -2px;
}

.plumm-version-text {
    position: sticky;
    left: 0;
    margin-bottom: 0;
    bottom: 0;
    font-size: 0.75rem;
    width: 100%;
    text-align: center;
    background-color: var(--nav-menu-bg-color);
    z-index: 9;
    padding: 1rem 0 1rem;
}


.form-control.select-dd-option option {
    color: var(--primary-color);
}
/*css for content grid starts here*/
.p-content-grid {
    display: flex;
    gap: calc(var(--default-gap) * 0);
}

.p-content-grid-item {
    position: relative;
}

.loading-skeleton .p-content-grid-item .wb-wrapper {
    max-width: 100%;
    min-width: 100%;
}

.p-video-duration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0rem 0.8rem 0.2rem;
}

    .p-video-duration label,
    .p-content-td {
        color: #ffffff;
        font-size: 0.65rem;
        font-weight: 400;
        text-shadow: 1px 1px 4px rgb(0 0 0 / 72%);
    }

.academy-tc:hover .play-btn-video,
.wb-inner-wrapper:hover .play-btn-video,
.p-card-full-details-img-thumb:hover .saved-play-overlay,
.dash-meditation:hover .play-btn-video,
.p-show-vid-btn:hover .play-btn-video {
    opacity: 1;
    visibility: visible;
    cursor: pointer;
}
/*css for content grid starts here*/
/*css for skeleton loading*/
.loading-skeleton svg {
    fill: var(--sec-light-color4) !important;
    stroke: var(--sec-light-color4) !important;
}

.loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6,
.loading-skeleton p, .loading-skeleton li,
.loading-skeleton .btn,
.loading-skeleton label,
.loading-skeleton .form-control,
.loading-skeleton a,
.loading-skeleton small,
.loading-skeleton strong,
.loading-skeleton svg,
.loading-skeleton .skeleton-img::after,
.loading-skeleton .def-avat-name-ini::after,
.loading-skeleton .p-add-btn,
.loading-skeleton .p-btn-small,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview tr td,
.table-skeleton-loader tr td, .loading-skeleton .progress, .loading-skeleton .progress .cp-data-bottom, .loading-skeleton .circle-tag,
.table-skeleton-loader::before,
.loading-skeleton .p-btn-sm-lb,
.loading-skeleton .p-btn-second-bord,
.skeleton-loader input.form-control,
.sl-gauge,
.loading-skeleton .p-nd-add-wid-cta {
    --skeleton-color-1: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
    --skeleton-color-2: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.175);
    color: transparent !important;
    appearance: none;
    -webkit-appearance: none;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shimmer-skeleton;
    animation-name: shimmer-skeleton;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #ddd;
    background: linear-gradient(to right, var(--skeleton-color-1) 8%, var(--skeleton-color-2) 18%, var(--skeleton-color-1) 33%);
    background-size: 1200px 100%;
    fill: transparent;
    border-radius: calc(var(--bs-border-radius) * 0.8);
    height: 0.6rem;
    line-height: 1;
}

.loading-skeleton h1::placeholder,
.loading-skeleton h2::placeholder,
.loading-skeleton h3::placeholder,
.loading-skeleton h4::placeholder,
.loading-skeleton h5::placeholder,
.loading-skeleton h6::placeholder,
.loading-skeleton p::placeholder,
.loading-skeleton li::placeholder,
.loading-skeleton .btn::placeholder,
.loading-skeleton label::placeholder,
.loading-skeleton .form-control::placeholder
.loading-skeleton a::placeholder,
.loading-skeleton small::placeholder,
.loading-skeleton strong::placeholder {
    color: transparent;
}

.skeleton-loader input.form-control {
    border: none;
    pointer-events: none;
    height: calc(1.5em + 0.75rem + 0.825em);
    border-radius: var(--bs-border-radius);
}

.loading-skeleton .skeleton-img,
.loading-skeleton .def-avat-name-ini {
    position: relative;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
    height: 100%;
    overflow: hidden;
    display: flex;
}

.loading-skeleton .hc-default-btn,
.loading-skeleton .p-add-btn,
.loading-skeleton .p-btn-small,
.loading-skeleton .p-btn-second-bord,
.loading-skeleton .p-nd-add-wid-cta {
    border: none;
    border-radius: var(--border-radius-default);
    box-shadow: none;
    min-height: 42px;
}

.loading-skeleton .p-nd-add-wid-cta {
    min-height: 36px;
}

.loading-skeleton .p-btn-sm-lb {
    padding: 0.42rem 0.175rem;
    min-width: 4.6rem;
    min-height: 2rem;
    border: none;
}

.loading-skeleton .skeleton-img::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.loading-skeleton .skeleton-img.avatar, .loading-skeleton .avatar .skeleton-img {
    border-radius: 50%;
}

.sl-gauge {
    border-radius: 50%;
    height: initial;
    width: 100%;
    height: 100%;
}

.loading-skeleton .avatar-md{
    height:44px !important;
}

.loading-skeleton .skeleton-link{
    width:55px;
}

.loading-skeleton .loading-div {
    --skeleton-color-1: var(--sec-light-color4);
    --skeleton-color-2: var(--sec-light-color7);
    color: transparent;
    appearance: none;
    -webkit-appearance: none;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shimmer-skeleton;
    animation-name: shimmer-skeleton;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #ddd;
    background: linear-gradient(to right, var(--skeleton-color-1) 8%, var(--skeleton-color-2) 18%, var(--skeleton-color-1) 33%);
    background-size: 1200px 100%;
    fill: transparent;
}

@-webkit-keyframes shimmer-skeleton {
    0% {
        background-position: -100% 0;
    }

    100% {
        background-position: 100% 0;
    }
}

@keyframes shimmer-skeleton {
    0% {
        background-position: -1200px 0;
    }

    100% {
        background-position: 1200px 0;
    }
}

.loading-skeleton {
    pointer-events: none;
    animation: loading-skeleton 4s infinite alternate;
}

.loading-skeleton svg.p-icon-fill {
    fill: transparent;
}

.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > tr td:first-child, .table-skeleton-loader tr td:first-child {
    min-width: 200px;
    display: table;
    width: 100%;
}

.loading-skeleton select.form-control {
    color: transparent !important;
    border-color: transparent;
}

.loading-skeleton .p-cg-per-inc-wrpaer li {
    min-height: 4.035rem;
    border-color: var(--bg-default);
}

.loading-skeleton .p-cg-per-inc-wrpaer li label {
    color: transparent;
}

.loading-skeleton input::placeholder,
.loading-skeleton textarea::placeholder {
    opacity: 0 !important;
    visibility: hidden !important;
}

.loading-skeleton svg.p-icon {
    stroke: var(--bg-default);
}

.loading-skeleton .p-def-table th {
    font-size: 0;
    padding: 1.38rem 0rem;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
}
/*css for skeleton loading*/
/*plumm tag*/
.ph-default-tag {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    font-size: var(--base-font-size-xs);
    padding: 0.3rem 0.75rem;
    border-radius: var(--bs-border-radius);
    display: inline-block;
    font-family: var(--primary-font);
    position: relative;
    color: var(--primary-color);
    white-space: nowrap;
}

.pb-green-tag {
    background-color: var(--green-color);
    color: var(--chat-dark-bg-2);
}

.pb-grey-tag {
    background-color: var(--sidebar-scroll-color);
    color: var(--chat-dark-bg-2);
}

.pb-blue-tag {
    background-color: var(--link-color);
    color: var(--chat-dark-bg-2);
}


.pb-light-blue {
    background-color: var(--light-blue);
    color: #359BEC;
}

.pb-light-purple {
    background-color: var(--pb-light-purple);
    color: #7946DB;
}

.pb-light-green {
    background-color: var(--light-green);
    color: #39A361;
}

.pb-light-pink {
    background-color: var(--pb-light-pink);
    color: #FF6C98;
}

.pb-dark-yellow {
    background-color: var(--pb-light-yellow);
    color: #FF6D3F;
}

.pb-light-yellow {
    background-color: var(--light-yellow);
    color: #E19A2E;
}

.pb-light-salmon {
    background-color: var(--light-salmon);
}

.plmm-tag {
    background-color: var(--yell-btn-darkbg-color);
    font-weight: 400;
    font-size: 0.95rem;
    margin-left: 0;
    padding: 0.4rem 1.4rem;
    justify-content: center;
    border-radius: 15rem;
    display: inline-flex;
    color: var(--dark-bg-txt);
    position: absolute;
    bottom: 1rem;
    left: 1rem;
}

.yellow-plmm-tag {
    background-color: var(--yell-btn-darkbg-color);
}

.salmon-plmm-tag {
    background-color: var(--salmon-color);
}

.green-plmm-tag {
    background-color: var(--light-green);
}

.blue-plmm-tag {
    background-color: var(--light-blue);
}

.purple-plmm-tag {
    background-color: #cda5ff;
}

.pink-plmm-tag {
    background-color: #ffa5f9;
}

.bg-def-color {
    background-color: var(--bg-default);
}

.ph-default-tag.pdif {
    display: inline-flex;
}

.p-def-table .ph-default-tag {
    cursor: pointer;
}

.ch-filter-search {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex: 1;
}


.ch-filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: var(--default-gap);
    gap: 1.5rem;
    background-color: transparent;
    z-index: 9;
    position: relative;
}

    .ch-filter-wrapper .p-search-input {
        position: relative;
        flex: 1;
        max-width: 280px;
    }

.ch-grid-w-dp .ch-filter-search {
    gap: 6rem;
}

.ch-filter-wrapper .ch-filt-cus-grid .p-search-input {
    max-width: 240px;
}

.ch-filt-cus-grid .p-search-input input {
    padding-right: 2.5rem;
}

.ch-filter-action {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex: 1;
}

.ch-filter-wrapper button.hc-default-btn {
    min-width: 130px;
}

.ch-filter-search > form {
    max-width: 280px;
}

@media(max-width: 1600px) {
    .btn-slect-dropdown select {
        max-width: 15rem;
    }
}
/*small button with icon starts here*/
/*search input default*/
.p-search-input {
    position: relative;
}

    .p-search-input input {
        border-radius: var(--border-radius-default);
        padding-right: 4.4rem;
    }

    .p-search-input svg {
        stroke: var(--on-primary-color);
        width: 1.1rem;
        height: 1.1rem;
        position: absolute;
        right: 0.9rem;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }

.p-search-icon {
    top: calc(50% + -1px);
}

.p-search-input-icon-left svg {
    right: initial;
    left: 0.9rem;
}

.p-search-input-icon-left input {
    right: initial;
    left: 0.7rem;
    padding-left: 2.6rem;
}

.p-si-se-clo-icon-lr .p-search-icon {
    right: initial;
    left: 0.9rem;
}

.p-si-se-clo-icon-lr .p-close-icon {
    right: 0.9rem;
    left: initial;
}

label.opacity-0 {
    opacity: 0;
    visibility: hidden;
}

.p-si-se-clo-icon-lr input {
    padding-left: 2.7rem;
}

    .p-si-se-clo-icon-lr input:focus {
        box-shadow: none;
        border-color: var(--input-border-1);
    }

.p-kanban-search .p-search-input {
    position: relative;
    flex: 1;
    max-width: 280px;
}

.p-search-input .loader-new {
    position: absolute;
    right: 2.5rem;
    top: 0.88rem;
    font-size: 1.6px;
}

.loader-new.chat-search-input-loader {
    border-left: 1.1em solid var(--primary-color);
    font-size: 2.1px;
    border-top: 1.1em solid rgb(183 183 183 / 44%);
    border-right: 1.1em solid rgb(183 183 183 / 44%);
    border-bottom: 1.1em solid rgb(183 183 183 / 44%);
}

.loader-new.loader-blue,
.p-btn-sec .loader-new,
.p-grid-btn.btn-add-item .loader-new {
    --loader-color: 1.1em solid rgb(23 53 113 / 15%);
    border-top: var(--loader-color);
    border-right: var(--loader-color);
    border-bottom: var(--loader-color);
    border-left: 1.1em solid var(--theme-primary-color);
    flex-shrink: 0;
}

.p-grid-btn.btn-add-item:hover .loader-new,
.p-btn-sec:hover .loader-new {
    --loader-color: 1.1em solid rgb(206 208 213 / 15%);
    border-left: 1.1em solid #ffffff;
}

html[color-mode="dark"] .loader-new.loader-blue {
    --loader-color: 1.1em solid rgb(195 195 195 / 15%);
    border-top: var(--loader-color);
    border-right: var(--loader-color);
    border-bottom: var(--loader-color);
}

button.p-grid-btn.btn-add-item:hover em {
    color: var(--background1);
}
/*custom dropdown css starts here*/
.dropdown-small .dropdown-menu {
    border-radius: calc(var(--border-radius-default) * 0.55);
    font-size: 0.88rem;
    color: var(--on-primary-color);
}

.dropdown-divider {
    margin: 0.25rem 0;
    border-top: 1px solid var(--primary-border-color);
}

.class-form-select .dropdown-item {
    white-space: inherit;
    word-break: break-word;
}

.dropdown-item {
    padding: 0.5rem 0.8rem;
    color: var(--primary-color);
    cursor: pointer;
}
.dropdown-item:hover {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
}

.dropdown-item:hover em.icon {
    color: var(--primary-color);
}

.btn-custom-dd.dropdown-toggle::after {
    display: none;
}

.dropdown-small .dropdown-menu {
    border-radius: calc(var(--border-radius-default) * 0.6);
}

.btn-custom-dd {
    text-align: left;
    width: 100%;
}

.class-form-select .dropdown-menu {
    width: 100%;
    border-radius: var(--bs-border-radius);
    margin-top: 0px;
    font-size: var(--base-font-size);
    padding: 0;
    max-height: 19rem;
    overflow: auto;
    z-index: 2000;
    background: var(--background1) !important;
    box-shadow: var(--default-shadow);
}


/*custom dropdown css starts here*/
/*label with emma*/
.label-w-emma {
    position: relative;
}

.pl-emma {
    width: 1.55rem;
    height: 1.55rem;
    z-index: 1;
    background: var(--placeholder-color);
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0.5rem;
    cursor: pointer;
}

.emma-disabled {
    opacity: 0.5;
    cursor: default;
}
/*no data*/
.p-no-data {
    text-align: center;
    min-height: 370px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: transparent;
}

.p-events-card .p-no-data,
.p-db-cgp-mw .p-no-data {
    max-width: calc(100% - 0rem) !important;
    min-height: 300px !important;
}

.no-data {
    height: 100px;
    fill: var(--theme-no-data-svg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    margin-bottom: 0.5rem;
}

.p-no-data p, .p-nd-upd p, .p-no-data-progress p {
    margin-top: 0.3rem;
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    margin-bottom: 0;
}

.p-nd-upd {
    text-align: center;
    width: 100%;
}

.p-banner-stats .p-nd-upd {
    padding-top: 0.8rem;
}

img.p-nd-img {
    max-width: 170px;
    margin: 0 auto;
    display: block;
    margin-bottom: 1rem;
}

.p-nd-upd h6,
.no-data-head {
    color: var(--on-primary-color);
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-xxl)* 1.01);
    font-weight: 600;
}

h6.no-data-head {
    margin-top: 0.25rem;
}

img.p-nd-img-lg {
    max-width: 230px;
    margin: 0 auto;
    display: block;
    margin-bottom: 1.25rem;
}

/* default radio css*/
.p-radio,
.p-checkbox {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

    .p-radio input,
    .p-checkbox input {
        width: 1.1rem;
        height: 1.1rem;
        cursor: pointer;
    }

    .p-radio label {
        cursor: pointer;
    }

.p-checkbox-aster {
    gap: 1.1rem;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background-color: var(--chat-dark-bg-2) !important;
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon,
.ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-position: calc(100% + 4px);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light/Arrow - Right 2%3C/title%3E%3Cg id='Iconly/Light/Arrow---Right-2' stroke='%23173571' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Arrow---Right-2' transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)' stroke='%23173571' stroke-width='2' %3E%3Cpolyline id='Stroke-1' points='14 0 7 7 0 0'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: initial !important;
    cursor: pointer;
    margin: 0 !important;
}

.ui-datepicker-prev .ui-icon,
.ui-datepicker-prev .ui-widget-content .ui-icon,
.ui-datepicker-prev .ui-widget-header .ui-icon,
.ui-datepicker-prev .ui-state-active .ui-icon,
.ui-datepicker-prev .ui-state-focus .ui-icon,
.ui-datepicker-prev .ui-state-hover .ui-icon {
    transform: rotate(180deg);
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {
    top: 0;
    left: 0;
}

.ui-datepicker .ui-datepicker-title select, #ui-datepicker-div .ui-datepicker-year {
    font-size: var(--base-font-size-xxs);
    margin: 1px 2px;
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.3 );
    border-radius: calc(var(--bs-border-radius) * 0.5);
    padding: 0.1rem 0.3rem;
    color: var(--primary-color);
    line-height: 1.6;
    background-size: 0.588rem;
}

.ui-datepicker a.ui-state-default.ui-state-active {
    border: none;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: #fff;
    border-radius: 50%;
    width: 1.7rem;
    height: 1.7rem;
    font-size: var(--base-font-size-xs);
    line-height: 1.8;
    font-weight: 500;
}

#ui-datepicker-div.ui-datepicker .ui-state-default.ui-state-active.ui-state-hover {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
    color: #fff;
    font-weight: 500 !important;
}

#ui-datepicker-div.ui-datepicker .ui-state-default.ui-state-highlight {
    border: none;
    border-radius: 50%;
    width: 1.7rem;
    height: 1.7rem;
    font-size: var(--base-font-size-xs);
    line-height: 1.8;
    font-weight: 500;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 ) !important;
    color: var(--primary-color);
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
    top: 0;
}

.ui-datepicker td a, .ui-datepicker td span {
    padding: .2em;
    text-align: center;
    text-decoration: none;
}

#ui-datepicker-div.ui-widget-content {
    box-shadow: var(--default-shadow);
    background-color: var(--card-bg-color);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--primary-border-color) !important;
    overflow: hidden;
    padding: 0.45rem !important;
    z-index: 99999 !important;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 0;
    width: 2.4em;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-datepicker .ui-datepicker-next,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.btn-close, .btn-close-no-js {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3941 9.59485L9.60205 14.3868' stroke='%236C6C89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M14.3999 14.3931L9.59985 9.59314' stroke='%236C6C89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75 12.0001C2.75 18.9371 5.063 21.2501 12 21.2501C18.937 21.2501 21.25 18.9371 21.25 12.0001C21.25 5.06312 18.937 2.75012 12 2.75012C5.063 2.75012 2.75 5.06312 2.75 12.0001Z' stroke='%236C6C89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: cover;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.25em 0.25em;
    border: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    flex-shrink: 0;
}


html[color-mode="dark"] .btn-close {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.75 6.02638C1.75 4.70951 2.16024 3.64667 2.83745 2.92012C3.50921 2.19943 4.49828 1.75 5.78216 1.75H14.2169C15.5057 1.75 16.4946 2.19975 17.1651 2.91984C17.8412 3.64596 18.25 4.70868 18.25 6.02638V13.9736C18.25 15.2913 17.8412 16.354 17.165 17.0801C16.4944 17.8002 15.5052 18.25 14.2159 18.25H5.78216C4.49341 18.25 3.50475 17.8003 2.83451 17.0802C2.15861 16.3541 1.75 15.2914 1.75 13.9736V6.02638ZM5.78216 0.25C4.12669 0.25 2.72468 0.841168 1.7402 1.89737C0.761165 2.94771 0.25 4.39806 0.25 6.02638V13.9736C0.25 15.601 0.758415 17.0515 1.73657 18.1023C2.72038 19.1591 4.1228 19.75 5.78216 19.75H14.2159C15.8757 19.75 17.2785 19.1592 18.2627 18.1024C19.2413 17.0516 19.75 15.6011 19.75 13.9736V6.02638C19.75 4.39889 19.2413 2.94842 18.2629 1.89765C17.2789 0.840846 15.8762 0.25 14.2169 0.25H5.78216ZM8.1944 7.12788C7.9015 6.83498 7.42663 6.83498 7.13374 7.12787C6.84084 7.42076 6.84084 7.89563 7.13373 8.18853L8.93653 9.99135L7.13563 11.7923C6.84274 12.0852 6.84274 12.56 7.13564 12.8529C7.42853 13.1458 7.90341 13.1458 8.1963 12.8529L9.99718 11.052L11.804 12.8588C12.0969 13.1517 12.5717 13.1517 12.8646 12.8588C13.1575 12.5659 13.1575 12.0911 12.8646 11.7982L11.0578 9.99135L12.8587 8.19043C13.1516 7.89753 13.1516 7.42266 12.8587 7.12977C12.5658 6.83688 12.091 6.83688 11.7981 7.12978L9.99718 8.93069L8.1944 7.12788Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    opacity: 0.75;
}

.close-dbg-btn {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.75 6.02638C1.75 4.70951 2.16024 3.64667 2.83745 2.92012C3.50921 2.19943 4.49828 1.75 5.78216 1.75H14.2169C15.5057 1.75 16.4946 2.19975 17.1651 2.91984C17.8412 3.64596 18.25 4.70868 18.25 6.02638V13.9736C18.25 15.2913 17.8412 16.354 17.165 17.0801C16.4944 17.8002 15.5052 18.25 14.2159 18.25H5.78216C4.49341 18.25 3.50475 17.8003 2.83451 17.0802C2.15861 16.3541 1.75 15.2914 1.75 13.9736V6.02638ZM5.78216 0.25C4.12669 0.25 2.72468 0.841168 1.7402 1.89737C0.761165 2.94771 0.25 4.39806 0.25 6.02638V13.9736C0.25 15.601 0.758415 17.0515 1.73657 18.1023C2.72038 19.1591 4.1228 19.75 5.78216 19.75H14.2159C15.8757 19.75 17.2785 19.1592 18.2627 18.1024C19.2413 17.0516 19.75 15.6011 19.75 13.9736V6.02638C19.75 4.39889 19.2413 2.94842 18.2629 1.89765C17.2789 0.840846 15.8762 0.25 14.2169 0.25H5.78216ZM8.1944 7.12788C7.9015 6.83498 7.42663 6.83498 7.13374 7.12787C6.84084 7.42076 6.84084 7.89563 7.13373 8.18853L8.93653 9.99135L7.13563 11.7923C6.84274 12.0852 6.84274 12.56 7.13564 12.8529C7.42853 13.1458 7.90341 13.1458 8.1963 12.8529L9.99718 11.052L11.804 12.8588C12.0969 13.1517 12.5717 13.1517 12.8646 12.8588C13.1575 12.5659 13.1575 12.0911 12.8646 11.7982L11.0578 9.99135L12.8587 8.19043C13.1516 7.89753 13.1516 7.42266 12.8587 7.12977C12.5658 6.83688 12.091 6.83688 11.7981 7.12978L9.99718 8.93069L8.1944 7.12788Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    background-size: cover;
    width: 1.4rem;
    height: 1.4rem;
    padding: 0.25em 0.25em;
    border: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    margin: 2px;
    background-position: center center;
}

.dropdown-menu-list-icon li a:hover,
.logout-user a:hover {
    color: var(--primary-color);
}


.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--light-new-blue) !important;
    color: var(--primary-color);
}

/*overrisde css core*/

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--theme-secondary-color) !important;
    padding: 0.75rem;
    color:var(--theme-primary-color);
}

.select2-container--default .select2-dropdown {
    border: 1px solid var(--primary-border-color);
}

.select2-container--default .select2-results__option--highlighted {
    background-color: var(--sec-light-color4);
    color: var(--primary-color) !important;
}

/*loader*/

.loader-new, .loader::after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader-new-sm, .loader::after {
    border-radius: 50%;
    width: 9.4em;
    height: 9.4em;
    font-size: 1.8px;
}

.loader-new-md, .loader-new-md::after {
    border-radius: 50%;
    width: 13em;
    height: 13em;
}

.loader-new-white-bg.loader-new {
    border-top: 1.1em solid rgb(53 155 236 / 15%);
    border-right: 1.1em solid rgb(53 155 236 / 15%);
    border-bottom: 1.1em solid rgb(53 155 236 / 15%);
    border-left: 1.1em solid var(--secondary-color);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.loader-new {
    margin: 0px auto;
    font-size: 2.1px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}


@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.dropdown-menu.dropdown-menu-xl {
    border-radius: calc(var(--border-radius-default));
}

.form-group label, .p-form-label {
    font-weight: 600;
    color: var(--primary-color);
    font-size: var(--base-font-size);
    display: inline-block;
    margin-bottom: 0.22rem;
    position: relative;
}

.form-group-w-nl label {
    font-weight: 400;
}

.form-group-w-nl label.label-primary {
    font-weight: 600;
}

.form-group select,
.p-input-append.p-add-dd .dx-texteditor-input-container {
    cursor: pointer;
    padding-right: 2.5rem;
}

textarea.form-control {
    min-height: calc(6rem + 0.75rem + calc(var(--bs-border-width) * 2));
    resize: vertical;
    overflow-y: auto !important;
}


.label-primary,
.form-group .label-primary {
    color: var(--primary-color);
    font-weight: 600;
}

.dropdown-item {
    font-size: var(--base-font-size);
}

.dx-item-content.dx-list-item-content, .dx-popup-wrapper.dx-scheduler-appointment-popup .dx-recurrence-repeat-end-label, .dx-popup-wrapper.dx-scheduler-appointment-popup .dx-recurrence-radiogroup-repeat-type-label, .dx-overlay-wrapper.dx-dialog.dx-popup-wrapper .dx-dialog-message, .dx-tabs-wrapper .dx-tab-text, .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    font-weight: 400;
}

.form-control, .ph-form-group input, .ph-form-group select, .ph-form-group textarea,
.form-group .dx-texteditor.dx-editor-outlined,
.dx-texteditor-input,
.modal-dialog .form-control,
.p-sc-w-input {
    height: calc(1.5em + 0.75rem + 0.625em);
    font-size: var(--base-font-size);
    border: 1px solid var(--hsla-input-border);
    color: var(--primary-color) !important;
    box-shadow: none;
    border-radius: var(--bs-border-radius);
    background-color: var(--chat-dark-bg-2);
    overflow: hidden;
    /*box-shadow: var(--p-input-box-shadow);*/
}

.form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: var(--base-font-size-xs);
    margin: 0.2rem;
    font-weight: 500;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    color: var(--theme-primary-color);
    padding: 0.25em 1.85em 0.25em 0.55em;
    border: none;
    position: relative;
    background-color: var(--theme-secondary-color);
}

.form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px;
    width: 100%;
    margin-top: 0;
    height: 100%;
    vertical-align: middle;
}

.select2-container--default .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true']:hover {
    color: var(--primary-color);
}

.form-group .select2-container--default .select2-selection--multiple {
    font-size: var(--base-font-size);
    border: 1px solid var(--input-border-1) !important;
    color: var(--primary-color) !important;
    height: initial;
    padding: 0.45em 1.85em 0.45em 0.55em;
    border-radius: var(--bs-border-radius);
    min-height: calc(1.5em + 0.75rem + 0.825em);
}

.select2-selection__choice__remove {
    position: absolute;
    color: transparent !important;
    margin: 0 !important;
}

.select2-container {
    width: 100% !important;
}

.hc-cp-help-support-tab p {
    color: var(--on-primary-color);
}

.form-group .chek-para, .form-group .para-text {
    font-size: var(--base-font-size);
    font-weight: 400;
}

.hc-cp-help-support-tab .snj-panel .panel::after {
    background-color: var(--sec-light-color3);
}

.hc-cp-help-support-tab .snj-panel .panel,
.hc-cp-help-support-tab .snj-panel .panel + .panel {
    border: 1px solid var(--primary-border-color);
}


/*.dx-popup-normal .dx-toolbar .dx-button.dx-button-has-text .dx-button-content {
    Padding: 8px 14px;
    font-size: 0.92rem;
    box-shadow: var(--btn-boxshadow);
    border: 2px solid var(--primary-color);
    border-radius: var(--border-radius-default);
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: normal;
    min-width: 121px;
    min-height: initial;
}*/

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper):not(.dx-scheduler-navigator-calendar-popover) .dx-button-has-text .dx-button-content {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: var(--p-btn-txt);
    border-radius: calc(var(--border-radius-default));
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button.dx-button-has-text[aria-label="Cancel"] .dx-button-content {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button-mode-contained.dx-state-hover .dx-button-content {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7);
}

.dx-scheduler-navigator-calendar-popover.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button-mode-contained.dx-state-hover .dx-button-content {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7);
}

.hc-default-btn.btn-salmon.btn-cancel,
.hc-default-btn-cancel,
.sweet-alert button.cancel,
.pso-action-btns .js-pso-back.ph-default-link,
.mood-tracker-action-btns .ph-default-link {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    font-weight: 500;
    min-width: initial;
    Padding: var(--p-btn-padding);
    font-size: var(--base-font-size-lg);
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    border-radius: var(--border-radius-default);
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: normal;
    min-width: var(--p-btn-min-width);
    min-height: var(--p-btn-min-height);
    display: inline-block;
    background: var(--p-btn-bg);
    text-align: center;
    line-height: 1.75;
    text-decoration: none;
}

.p-btn-small.p-btn-small-cancel {
    background-color: var(--background1) !important;
    color: var(--primary-color);
    border-color: var(--p-border-2);
}

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper):not(.dx-header-filter-menu) .dx-button.dx-button-has-text[aria-label="Cancel"] .dx-button-content:hover,
.hc-default-btn.btn-salmon.btn-cancel:hover,
.hc-default-btn-cancel:hover,
.sweet-alert button.cancel:hover,
.p-btn-small-cancel:hover,
.dx-header-filter-menu .dx-button-has-text.dx-state-hover[aria-label="Cancel"]:hover .dx-button-content {
    color: var(--p-btn-txt);
    background:  hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

.campaigns-calender .dx-scheduler-appointment {
    background-color: transparent;
    color: #173571;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    min-height: 23px;
}

.campaigns-calender .dx-scheduler-all-day-appointment,
.campaigns-calender .dx-scheduler-timeline .dx-scheduler-appointment,
.campaigns-calender .dx-scheduler-work-space-month .dx-scheduler-appointment {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dx-scheduler .dx-resizable-handle-left,
.dx-scheduler .dx-resizable-handle-right {
    background-color: var(--sec-light-color2);
}

.dx-scheduler .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left,
.dx-scheduler .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-right {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
}

.dash-side-msg-count-label {
    top: 9px !important;
    right: 3px !important;
}

.ad-aster::after {
    display: none;
}

.form-control:focus, .form-inline input.form-control:focus {
    color: var(--primary-color);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    box-shadow:0 0 0 .25rem hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15) !important;
}

.form-group .dx-texteditor.dx-editor-outlined:focus {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    box-shadow: 0 0 0 .25rem hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15) !important;
}

.dx-field-item-label-text,
.dx-item dx-list-item .dx-list-item-content {
    font-family: var(--primary-font);
    font-size: 0.9rem;
    color: var(--on-primary-color) !important;
    font-weight: 400;
}

.hc-cp-help-support-tab h3 {
    color: var(--primary-color);
    font-size: 1.2rem;
}

.hc-cp-help-support-tab .panel-title > a, .hc-cp-help-support-tab .panel-title > a:active {
    color: var(--primary-color);
    font-size: 1.5rem;
    letter-spacing: initial;
}

.hc-cp-help-support-tab .snj-panel .panel {
    padding: 0.6rem;
}

.hc-cp-help-support-tab .panel-title > a, .hc-cp-help-support-tab .panel-title > a:active {
    font-size: 1.3rem;
    padding: 0.4rem;
}

.menu-change-theme {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--input-border-1);
    border-bottom: 1px solid var(--input-border-1);
    padding: 0.8rem 2.075rem;
}

    .menu-change-theme label {
        color: var(--primary-color);
    }

.p-user-dd {
    display: flex;
    padding: 0.55rem 1.575rem;
    align-items: center;
    border-bottom: 1px solid var(--border-layout);
    gap: 0.8rem;
}

.p-dd-notifications {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.asterisk-required-all {
    margin-bottom: 0;
    color: var(--on-primary-color);
    display: flex;
    align-items: center;
    font-size: 0.89rem;
}

@media only screen and (min-width: 768px) and (max-width: 769px) {
    .navbar-nav {
        margin-left: 0;
    }
}
/*common class*/
.small-label {
    color: var(--on-primary-color);
    font-size: 0.75rem;
}

.iconly--icon {
    stroke: var(--on-primary-color);
    width: 1rem;
    height: 1rem;
    font-weight: 600;
}

.LoadingDiv {
    background-color: var(--main-loader-bg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -5000;
    position: fixed;
    text-align: center;
}

.busy-indicators-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 66px);
    z-index: 100000;
}

.sm-label {
    line-height: 1.2;
    display: inline-block;
    margin-top: 0.2rem;
    font-size: 0.75rem;
}

.text-danger {
    color: #dc3545 !important;
    font-size: var(--base-font-size);
    font-weight: 400;
    display: inline;
    position: relative;
    top: 3px;
}

.dx-widget {
    font-family: var(--primary-font) !important;
}

.form-group {
    margin-bottom: 1.2rem;
}

.sidebar-profile {
    overflow: hidden;
    max-width: 100%;
}

.p-smiw {
    transition: fill .5s ease;
}

.main-sidebar .nav-sidebar .sidebar-dropdown-menu li a.nav-link.active-im,
.main-sidebar .nav-sidebar .sidebar-dropdown-menu .active-slide-bg-dd {
    border-radius: inherit;
}

.main-sidebar .nav-sidebar .sidebar-dropdown-menu .active-slide-bg-dd {
    border-left: 0 !important;
}

    .main-sidebar .nav-sidebar .sidebar-dropdown-menu .active-slide-bg-dd::before {
        content: '';
        background-color: var(--primary-color);
        position: absolute;
        height: 100%;
        left: 0;
    }

.main-sidebar .nav-sidebar .sidebar-dropdown-menu li a.nav-link.active-im {
    position: relative;
    border-width: 0;
}

.p-smiw .p-sidemenu-icon,
.dropdown-menu-list-icon li a .p-smiw svg {
    transition: fill .5s ease;
    position: absolute;
    top: 0px;
    left: 0px;
}

.nav-sidebar li a.nav-link:hover .p-sbi,
.activea .p-smiw .p-sbi,
.dropdown-menu-list-icon li a:hover .p-smiw .p-sbi,
.active-im .p-smiw .p-sbi,
.tt-icon-effect:hover .p-smiw .p-sbi,
.p-nd-widget-options .js-select-widget.selected .phc-hm-item .icon-box-sm .p-sbi,
.p-nd-us-lk-link:hover .p-smiw svg {
    opacity: 0;
    visibility: hidden;
}

.p-sbitt {
    opacity: 0;
    visibility: hidden;
}

.nav-sidebar li a.nav-link:hover .p-sbitt,
.activea .p-smiw .p-sbitt,
.dropdown-menu-list-icon li a:hover .p-smiw .p-sbitt,
.active-im .p-smiw .p-sbitt,
.tt-icon-effect:hover .p-smiw .p-sbitt,
.p-nd-widget-options .js-select-widget.selected .phc-hm-item .icon-box-sm .p-sbitt,
.p-nd-us-lk-link:hover .p-smiw svg {
    opacity: 1;
    visibility: visible;
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}

.p-smiw {
    width: var(--icon-nav-wh);
    height: var(--icon-nav-wh);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

svg.p-sidemenu-icon {
    width: var(--icon-nav-wh);
    height: var(--icon-nav-wh);
    display: inline-block;
}

/*.p-smiw-md svg.p-sidemenu-icon,
.p-smiw-md {
    width: var(--icon-nav-wh-lg);
    height: var(--icon-nav-wh-lg);
}*/

.p-dd-sidebar svg.p-sidemenu-icon {
    --icon-nav-wh: 1.1rem;
}

.tt-icon-effect .p-smiw {
    --icon-nav-wh: 1.8rem;
}

.p-hover-bg-slide-effect {
    position: relative;
}

.p-sidenav-logo {
    width: 1.9rem;
    height: 1.9rem;
    display: inline-block;
    border-radius: 0.325rem;
    overflow: hidden;
}

.main-sidebar .nav-item em {
    color: var(--nav-menu-color);
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.dropdown-menu-list-icon {
    overflow: hidden;
}

.main-header,
.layout-navbar-fixed .wrapper .brand-link {
    border-bottom: var(--border-width-layout) solid var(--theme-border-layout);
}

.main-sidebar {
    border-right: var(--border-width-layout) solid var(--theme-border-layout);
}


.main-sidebar .nav-item svg {
    fill: var(--primary-color);
}

.layout-navbar-fixed .wrapper .brand-link {
    position: static;
    padding: 0.5rem 0.6rem;
    min-height: var(--nav-min-height);
    margin-bottom: 0.55rem;
    margin-left: 8px;
}

    .layout-navbar-fixed .wrapper .brand-link::after {
        content: '';
        position: absolute;
        right: -2px;
        height: var(--nav-min-height);
        width: 0;
        top: -1px;
        background-color: var(--grey-bg-6);
    }

.nav-bg-color,
.nav-bg-color-dd {
    position: absolute;
    z-index: -1;
    transition: .3s ease top, height, opacity;
    opacity: 0;
}


    .nav-bg-color.active-slide-bg,
    .nav-bg-color-dd.active-slide-bg-dd {
        opacity: 1;
    }


.nav-bg-color-dd {
    background-color: var(--blue-light-bg);
    z-index: 1500;
    border-radius: calc(var(--bs-border-radius));
}

.p-dd-sidebar {
    position: relative;
    z-index: 1700;
    list-style-type: none;
    padding: 0.35rem;
}

.main-sidebar .nav-item a.activea em,
.main-sidebar .nav-sidebar li a.nav-link:hover em.icon {
    color: var(--primary-color);
}

.main-sidebar .nav-sidebar .sidebar-dropdown-menu li a.nav-link {
    padding-top: 0.58rem;
    padding-bottom: 0.58rem;
}

.main-sidebar .nav-sidebar li a.activea,
.nav-bg-color {
    border-radius: calc(var(--bs-border-radius) * 2.5);
    overflow: hidden;
}

.dropdown-menu-list-icon .nav-bg-color.active-slide-bg,
.p-dd-wp-wrapper .nav-bg-color,
.phc-help-menus .nav-bg-color {
    border-radius: calc(var(--bs-border-radius) * 2.5) !important;
}

.main-sidebar .nav-sidebar li a.activea p,
.main-sidebar .nav-sidebar li a.nav-link:hover p {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.main-sidebar .nav-sidebar {
    position: relative;
}

.main-sidebar .nav-sidebar li a.activea svg,
.dropdown-menu-list-icon li a:hover svg,
.main-sidebar .nav-sidebar li a.nav-link:hover svg,
.main-sidebar .nav-sidebar .sidebar-dropdown-menu li a.nav-link.active-im svg {
    fill: var(--primary-color);
}

.main-sidebar .nav-sidebar .user-panel.activea {
    padding: 10px 0px;
}

    .main-sidebar .nav-sidebar li a.nav-link {
        color: var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.92rem;
        flex-direction: row;
        text-align: center;
        padding: 0.5rem 0.5rem 0.5rem 0.8rem;
        gap: 0.57rem;
        border-radius: calc(var(--bs-border-radius)* 2.25);
        padding-left: 0.9rem;
    }

    .main-sidebar .nav-sidebar > li > a.nav-link.activea,
    .main-sidebar .nav-sidebar > li > a.nav-link.active-im,
    .main-sidebar .nav-sidebar li a.activea,
    .nav-bg-color,
    .dropdown-menu-list-icon .nav-bg-color.active-slide-bg,
    .p-dd-wp-wrapper .nav-bg-color,
    .phc-help-menus .nav-bg-color,
    .dropdown-menu-list-icon .nav-bg-color.active-slide-bg,
    .p-dd-wp-wrapper .nav-bg-color, .phc-help-menus .nav-bg-color,
    .main-sidebar .nav-sidebar .sidebar-dropdown-menu li a.nav-link.active-im,
    .main-sidebar .nav-sidebar .sidebar-dropdown-menu .active-slide-bg-dd,
    .p-sp-slide-bg {
        background: var(--theme-border-layout);
        color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    }

.main-sidebar .nav-sidebar li a.nav-link.activea {
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
}

.p-sb-icon-chev-mw {
    position: relative;
}

.main-sidebar .nav-sidebar li a.nav-link .icon.ni {
    color: var(--on-secondary-color);
    font-size: 0.95rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.45rem;
    padding-top: 0.2rem;
}

.main-sidebar .nav-sidebar li .nav-item .p-dd-sidebar .nav-item a {
    padding: 0.5rem 0.75rem;
}

.main-sidebar .nav-sidebar > .nav-item {
    padding: 0.2rem 0;
}

.main-sidebar .nav-sidebar .nav-treeview .nav-item {
    margin-bottom: 0.5rem;
}


.main-sidebar .nav-sidebar li a.nav-link.activea {
    position: relative;
    overflow: hidden;
}

.main-sidebar .nav-sidebar li a.nav-link.chat-small-icon {
    overflow: visible;
}

/*.main-sidebar .nav-sidebar li a.nav-link.activea::before,
.main-sidebar .nav-bg-color::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;
    width: 0.32em;
    background: var(--primary-color);
}*/

.main-sidebar .nav-sidebar li a.nav-link {
    overflow: hidden;
}

.main-sidebar .nav-sidebar .nav-treeview li a.nav-link.activea {
    padding-bottom: 0.3rem;
}

.main-sidebar ul.nav.nav-treeview {
    padding-left: 1rem;
    padding-top: 0.8rem;
}

.main-sidebar .nav-sidebar .nav-link p {
    margin: 0;
    white-space: normal;
    text-align: center;
    font-size: var(--base-font-size);
    font-weight: 400;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    color: var(--primary-color);
}

.main-sidebar .nav-sidebar > li > a.nav-link p {
    justify-content: flex-start;
    font-size: calc(var(--base-font-size-sm));
    color: var(--primary-color);
    font-weight: 400;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    white-space: nowrap;
    word-break: keep-all;
    transition: margin-left 0.4s ease-in-out, width 0.5s ease-in-out;
}

.main-sidebar .nav-sidebar > li > a.nav-link.active-im p {
    color: var(--theme-primary-color);
}

.sidebar-nav {
    position: relative;
}

.main-sidebar .nav-sidebar li a.activea,
.main-sidebar .sidebar-nav > .nav-bg-color {
}

.main-sidebar-seperator {
    height: initial !important;
    padding-top: 0.7rem;
    padding-bottom: 0.1rem;
    text-align: center;
    transition: font-size 0.5s ease-in-out;
}

.main-sidebar[p-toggle-menu="minimise-off"] .main-sidebar-seperator {
    padding-left: 0.78rem;
    text-align: left;
    transition: font-size 0.5s ease-in-out;
}

.main-sidebar[p-toggle-menu="minimise-on"] {
    transition: none;
}

.main-sidebar-seperator label {
    font-size: calc(var(--base-font-size-xxs)* 1.05);
    color: var(--primary-color);
    font-weight: 600 !important;
}

.main-sidebar .nav-sidebar > li > a.nav-link svg {
    fill: var(--primary-color);
}

.main-sidebar .nav-sidebar > li > a.nav-link.activea svg {
    fill: var(--primary-color);
}

.main-sidebar .nav-sidebar > li > a.activea p,
.main-sidebar .nav-sidebar > li > a.nav-link:hover p,
.main-sidebar .nav-sidebar > li > a.nav-link.activea p {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.main-sidebar .nav-sidebar {
    position: relative;
}

    .main-sidebar .nav-sidebar > li > a.activea svg,
    .dropdown-menu-list-icon li a:hover svg,
    .main-sidebar .nav-sidebar > li > a.nav-link:hover svg {
        fill: var(--primary-color);
    }

    .main-sidebar .nav-sidebar .nav-treeview .nav-link p {
        font-size: 0.84rem;
    }

.main-sidebar .nav-treeview .nav-item em {
    font-size: 1.05rem;
}


.nav-treeview svg.icon-sidebar, .main-sidebar .nav-treeview .nav-item em {
    --icon-nav-wh: 1.8rem;
}

.side-menu-ti {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

span.msg-count {
    display: inline-block;
}

.dash-side-msg-count-label {
    position: absolute;
    top: -7px;
    margin-top: 0 !important;
    right: -7px;
    background-color: var(--notification-bg-color);
    padding: 3px;
    border-radius: 25px;
    width: auto;
    min-width: 18px;
    height: 18px;
    font-size: 0.6rem;
    text-align: center;
    line-height: 12px;
    margin-bottom: 0 !important;
    display: flex;
    justify-content: center;
}

.dash-side-msg-count {
    color: var(--white-color) !important;
    font-weight: 400;
}

.toggle-sidebar-btn {
    width: 25px;
    height: initial !important;
    padding: initial !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-light {
    background-color: var(--sidebar-bg-color);
}

/*close sidebar on mobile view*/
.close-sidebar-mob {
    position: absolute;
    right: 0;
    width: initial !important;
    top: -6px;
    z-index: 99;
}

.close-sidebar-mob {
    display: none;
}

.sidebar-dropdown-menu.show {
    display: block !important;
}

@media (max-width: 992px) {
    .sidebar-open .close-sidebar-mob {
        display: block;
    }

    .main-sidebar .nav-sidebar > li > a.nav-link {
        flex-direction: initial;
        text-align: left;
        padding: 0.6rem 0.95rem 0.6rem 1.2rem;
        gap: 0.375rem;
    }

        .main-sidebar .nav-sidebar > li > a.nav-link p {
            justify-content: flex-start;
        }

        .main-sidebar .nav-sidebar > li > a.nav-link[aria-expanded="true"] {
            background-color: rgba(255, 255, 255, 0.18);
        }

    .main-sidebar .nav-sidebar li a.nav-link .icon.ni {
        right: -90px;
    }
}


.navbar-dashboard {
    border: none;
    box-shadow: var(--nav-boxshadow);
}

@media (min-width: 1025px) {
    .navbar-dashboard {
        opacity: 0;
        visibility: hidden;
    }

    .toggle-sidebar-btn {
        display: none;
    }
}
/*custom css for sidebar and header ends here*/

/*css for dashboard content*/

.content-wrapper {
    padding: var(--default-container-gap);
    margin-bottom: 0px;
    border-radius: 0;
    background: var(--content-bg-color);
}

@media (max-width: 1024px) {
    .sidebar-open {
        overflow: hidden;
    }
}

@media (max-width: 575.98px) {
}

.nd-greetings-user {
    font-size: 1.6rem;
    font-weight: 800;
}


.nd-creator-hc {
    overflow: hidden;
}

.ph-card-simple {
    border: none;
    box-shadow: none;
}

.nd-appointments-head {
    font-size: 16px;
    color: var(--primary-color);
    margin-bottom: 15px;
    font-weight: 600;
}

.nd-label-head {
    position: absolute;
    left: 1.15rem;
    top: 0.65rem;
    color: var(--primary-color);
    min-width: 175px;
    text-align: left;
    border-bottom-right-radius: 13px;
    z-index: 99;
}

    .nd-label-head.nd-ph-online-course-head {
        position: initial;
        padding: 0 0 15px 0;
        margin-top: -11px;
    }

.new-ebbok-wrapper .nd-label-head span {
    color: var(--primary-color);
}

.boxes-newdash-1 .appointment-div {
    height: 100%;
}


.plm-recent-msg-dashborad {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.sidebar-svg-clip, .sidebar-svg-gif, .sidebar-svg-attach {
    --p-ren-msg-icon: 1.1rem;
    width: var(--p-ren-msg-icon);
    height: var(--p-ren-msg-icon);
    stroke: var(--primary-color);
    display: inline-block;
}

.sidebar-svg-attach {
    --p-ren-msg-icon: 1.05rem;
    flex-shrink: 0;
}

.sidebar-svg-gif {
}

.p-rec-msg-wa {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

    .p-rec-msg-wa span {
        flex-grow: 1;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.nd-live-classes-wrapper .live-classes-row-details {
    padding-right: 8px;
}

@media (min-width: 768px) and (max-width: 1024px) {

    .boxes-newdash-1 .nd-upcoming-div-bottom .table-responsive.table-appointments {
        max-height: calc(100% - 30px);
        height: 100%;
    }
}

@media (max-width: 1024px) {
    .ph-brand-link img {
        max-width: 85px;
    }
}

@media (max-width: 991px) {
    .main-head-steps-sp h1, .nd-greetings-user, .chat-text {
        font-size: 22px;
    }
}

.second-pract-dashboard-row, .pract-myapp .appointment-div:nth-child(1), .custom-billing-balance {
    margin-bottom: 30px;
}

.certificate-row .dashboard-heading {
    font-size: 1rem;
    color: var(--primary-color);
    margin-bottom: 8px;
    font-weight: 600;
}

.certificate-row {
    margin-top: 20px;
}

.custom-billing-balance .list-group-item-success {
    background-color: var(--sec-light-color4);
    padding: 10px 15px;
    color: var(--primary-color);
    border-radius: var(--bs-border-radius);
}

li.list-group-item.cur_re.bg-none-w {
    padding: 10px 15px;
}

.cp-ta-st {
    padding: 0px 15px;
}

.phd-meditation-placeholder {
    background-color: var(--profile-img-border-color);
    border-radius: 13px;
}

    .phd-meditation-placeholder img {
        max-width: 105px;
    }

.phd-meditation-admin .audio-dash-new .dashboard-hc-btn.dashborad-mt-btn {
    padding: 5px 12px;
}

.phd-meditation-admin .audio-dash-head-time {
    margin-bottom: 5px;
}

.phd-meditation-admin .audio-wrapper-dash p {
    margin-bottom: 5px;
}

@media(max-width: 991px) {
    .hc-live-data-inner-top {
        align-items: center;
    }

    p.hc-live-therap-name, .hc-live-header-data {
        text-align: center;
    }

    .hc-live-cards-row-inner-wrapper .hc-live-therap-description {
        font-size: 15px;
        text-align: center;
    }

    .boxes-newdash-pract {
        margin-bottom: 30px;
    }
}

span.prac-chktxt-left {
    font-size: 15px;
    color: var(--on-primary-color);
    letter-spacing: 0.1px;
}

.event-cal-wrapper {
    overflow: auto;
}

.campaigns-calender .dx-scheduler-navigator .dx-button,
.time-off-calender .dx-scheduler-navigator .dx-button {
    height: 33px;
}

.campaigns-calender .dx-scheduler .dx-button-mode-contained.dx-state-focused,
.time-off-calender .dx-scheduler .dx-button-mode-contained.dx-state-focused {
    background-color: transparent;
}

.campaigns-calender .dx-scheduler-header,
.time-off-calender .dx-scheduler-header {
    background-color: transparent;
    border: none;
    height: 50px;
    margin-bottom: 1.1rem;
}

.time-off-calender .dx-scheduler-view-switcher .dx-tabs-wrapper {
    display: none;
}

.campaigns-calender .dx-scheduler-header-row th.dx-scheduler-header-panel-cell,
.campaigns-calender .dx-scrollable-wrapper .dx-scheduler-time-panel-cell {
    border: none;
    font-weight: 500 !important;
    color: var(--primary-color);
    font-size: var(--base-font-size-xs);
}

.dx-scheduler-date-table-cell,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable::before,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header,
.dx-scheduler-date-table-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-last-group-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-last-group-cell,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table,
.dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
    border-color: var(--theme-border-2);
}

.dx-datagrid-borders > .dx-datagrid-pager {
    border-top: 0;
}

.dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover {
    background-color: var(--theme-secondary-color);
}

.dx-loadpanel-content {
    border: 1px solid var(--input-border-1);
    background: var(--bg-default);
    border-radius: var(--bs-border-radius);
    box-shadow: none;
}

.campaigns-calender .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    font-size: var(--base-font-size);
    color: var(--primary-color);
    background: #fff;
}

.campaigns-calender .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    padding: 0 !important;
}

.campaigns-calender .dx-scheduler-work-space,
.time-off-calender .dx-scheduler-work-space {
    padding-top: 0;
    margin-top: 0;
}

.campaigns-calender .dx-scheduler-work-space,
.time-off-calender .dx-scheduler-work-space {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}


.campaigns-calender .dx-tabs-wrapper,
.time-off-calender .dx-tabs-wrapper {
    display: inline-block;
    align-items: center;
    justify-content: flex-start;
    gap: 0.51rem;
    background-color: #fff !important;
    border: 1px solid var(--input-border-1);
    padding: 0;
    border-radius: var(--bs-border-radius);
}

.campaigns-calender .dx-tabs-wrapper {
    display: none !important;
}

.campaigns-calender .dx-scheduler-header-panel {
    margin-top: 0 !important;
    background-color: var(--table-head-bg);
    margin-top: 1.2rem;
    border-top: 0;
}

.campaigns-calender .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel {
    border-bottom: 1px solid var(--input-border-1);
}

.campaigns-calender .dx-scheduler-header .dx-scheduler-view-switcher .dx-tab,
.time-off-calender .dx-scheduler-header .dx-scheduler-view-switcher .dx-tab {
    /*background-color: var(--bg-default) !important;
    border: 1px solid var(--input-border-1);*/
    border-radius: var(--bs-border-radius);
    padding: 7px;
    color: var(--primary-color);
}

.rota-my-dx-cal .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    padding: 7px;
    text-align: left;
}

.campaigns-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused::after {
    border: none;
}

.campaigns-calender .dx-tab-selected::after,
.time-off-calender .dx-tab-selected::after {
    border: none;
}

.campaigns-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::after,
.time-off-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::after {
    height: initial;
    border: none;
}

.dx-scheduler-view-switcher.dx-tabs .dx-tab:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dx-scheduler-view-switcher.dx-tabs .dx-tab:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.campaigns-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected,
.time-off-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected {
    background-color: var(--theme-primary-color) !important;
    display: inline-block;
    min-height: 42px;
}

    .campaigns-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::before,
    .time-off-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::before {
        display: none;
    }

    .campaigns-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected .dx-tab-text,
    .time-off-calender .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected .dx-tab-text {
        color: var(--p-btn-txt) !important;
    }

.campaigns-calender .dx-scheduler-navigator,
.time-off-calender .dx-scheduler-navigator {
    padding: 10px;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25) !important;
    border-radius: var(--bs-border-radius);
    padding: 0.25rem;
}

.campaigns-calender .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
    border-bottom: 0px;
}

.campaigns-calender .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.campaigns-calender .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
    top: 40px;
}

.campaigns-calender .dx-button-mode-contained,
.time-off-calender .dx-button-mode-contained {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7);
}

.time-off-calender .p-input-psc .dx-button-mode-contained {
    background-color: transparent;
}

.campaigns-calender .dx-scheduler-navigator-caption .dx-button-content,
.time-off-calender .dx-scheduler-navigator-caption .dx-button-content {
    color: var(--primary-color);
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: var(--base-font-size);
}

.campaigns-calender .dx-button-back.dx-state-hover .dx-button-content,
.campaigns-calender .dx-button-normal.dx-state-hover .dx-button-content,
.campaigns-calender .dx-button-mode-contained.dx-state-active .dx-button-content,
.time-off-calender .dx-button-back.dx-state-hover .dx-button-content,
.time-off-calender .dx-button-normal.dx-state-hover .dx-button-content,
.time-off-calender .dx-button-mode-contained.dx-state-active .dx-button-content {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border-radius: 0;
}

.campaigns-calender .dx-scheduler-navigator .dx-scheduler-navigator-previous .dx-button-content,
.campaigns-calender .dx-scheduler-navigator .dx-scheduler-navigator-previous,
.time-off-calender .dx-scheduler-navigator .dx-scheduler-navigator-previous .dx-button-content,
.time-off-calender .dx-scheduler-navigator .dx-scheduler-navigator-previous {
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

.campaigns-calender .dx-scheduler-navigator .dx-scheduler-navigator-next .dx-button-content,
.campaigns-calender .dx-scheduler-navigator .dx-scheduler-navigator-next,
.time-off-calender .dx-scheduler-navigator .dx-scheduler-navigator-next .dx-button-content,
.time-off-calender .dx-scheduler-navigator .dx-scheduler-navigator-next {
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

.campaigns-calender .dx-button-mode-contained .dx-icon {
    color: var(--theme-primary-color);
}

.campaigns-calender .dx-scheduler-all-day-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.campaigns-calender .dx-scheduler-all-day-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before,
.campaigns-calender .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.campaigns-calender .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before,
.campaigns-calender .dx-scheduler-work-space-month .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.campaigns-calender .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before {
    background-color: transparent;
    opacity: .98;
}

.time-off-calender .dx-scheduler-appointment,
.campaigns-calender .dx-scheduler-appointment {
    border-radius: 0.15rem;
    overflow: hidden;
}

.time-off-calender .dx-scheduler-appointment,
.campaigns-calender .dx-scheduler-appointment {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.time-off-calender .dx-item-content.dx-scheduler-appointment-content > div,
.campaigns-calender .dx-item-content.dx-scheduler-appointment-content > div {
    padding: 2px;
    padding-left: 6px;
}

.campaigns-calender .dx-item-content.dx-scheduler-appointment-content > div {
    padding: 6px;
    padding-left: 10px;
}

.time-off-calender .dx-scheduler-header-panel-cell {
    height: 52px;
}

.time-off-calender .dx-scheduler-header-panel {
    margin-top: 0;
    height: 100%;
}

.campaigns-calender .dx-scheduler {
    min-height: 680px;
}

.time-off-calender .dx-scheduler-all-day-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.time-off-calender .dx-scheduler-all-day-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before,
.time-off-calender .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.time-off-calender .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before,
.time-off-calender .dx-scheduler-work-space-month .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.time-off-calender .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before {
    height: calc(100% - 0.4rem);
}
/*ends here*/
.progress-step-list {
    display: inline-grid !important;
    grid-template-columns: repeat(5, auto);
    grid-gap: 25px;
    position: relative;
}

.progress-step-list > li {
    cursor: pointer;
    box-shadow: none;
    border-radius: 0px !important;
    font-size: 15px;
    padding: 0;
    color: var(--on-primary-color) !important;
    border: none;
    background-color: transparent;
    text-align: center;
    width: 100%;
    line-height: 1.5;
    padding-bottom: 4px;
}

.progress-step-list > li:hover {
    color: var(--primary-color) !important;
}

.progress-step-list > li.active {
    border-bottom: 2px solid var(--theme-primary-color);
    color: var(--theme-primary-color) !important;
    font-weight: 600;
}


@media(max-width: 991px) {
    .progress-step-list {
        display: grid !important;
        grid-template-columns: repeat(2, auto);
        grid-gap: 20px;
    }

    .steps-six .table tr label {
        font-family: var(--primary-font);
        font-size: 14px;
        color: var(--on-primary-color);
        letter-spacing: 1px;
        font-weight: 500;
        white-space: nowrap;
    }
}

@media(max-width: 767px) {
    .progress-step-list {
        display: grid !important;
        grid-template-columns: repeat(1, auto);
        grid-gap: 20px;
    }
}

.ph-boxshadow {
    overflow-y: auto;
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 20px;
    background-color: var(--card-bg-color);
    position: relative;
}

.check-device-btn {
    margin: 30px 0 15px;
}

.time-zone-time-scale {
    text-align: right;
}

@media(max-width: 992px) {
    .time-zone-time-scale {
        text-align: left;
    }

    .click-to-add-text {
        font-size: 15px;
    }

    .doc-avail-calender .chek-para {
        margin-bottom: 0;
        text-align: left;
    }

    .form-group .chek-para, .form-group .para-text {
        font-size: 15px;
    }
}

@media(max-width: 767px) {
    .doc-avail-calender .select_time {
        margin-top: 15px;
    }
}


/*hide side logo on mobile start*/
@media (max-width: 991.98px) {
    .sidebar-mini.sidebar-open .main-sidebar .nav-item p {
        margin-left: 28px;
    }

    .sidebar-mini.sidebar-open .main-sidebar .sidebar-profile {
        padding-left: 10px;
    }

    .main-sidebar .sidebar .sidebar-profile {
        padding-top: 25px;
    }

    .brand-link {
        display: none;
    }
}

/*hide side logo on mobile start*/
.hc-live-filter h2.nd-greetings-user {
    margin-bottom: 10px;
}

/*css for dashboard content*/

/*old css starts*/



.package-stand h4, .refer-friend-inner h4 {
    font-size: 16px;
    color: #2d2d2d;
    font-weight: 700;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
}

.wallet-price h4 {
    font-size: 25px;
    color: #2d2d2d;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
}

.package-valid-book-bottom-div p {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #484848;
}

.book-session-dashborad {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 25px;
}

.book-session-div svg.icon-video {
    fill: var(--dash-primary-color);
    width: 30px;
    height: 30px;
}


.video-icon-div {
    position: absolute;
    right: 0;
    padding: 0px 25px 18px;
    bottom: 0;
}

.package-div, .wallet-div, .book-session-div {
    min-height: 282px;
    max-height: 282px;
    overflow-y: auto;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.15);
    border-radius: var(--default-border-radius);
    padding: 25px;
    position: relative;
}

.seperate {
    padding: 15px 0;
}

.refer-earn-div, .favourite-div {
    min-height: 282px;
    max-height: 282px;
    overflow-y: auto;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.15);
    border-radius: var(--default-border-radius);
    padding: 25px;
    position: relative;
}

    .refer-earn-div p strong {
        color: #373737;
    }

.dash-refer-social-icon img {
    width: 25px;
}

.book-session-profile {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--dash-primary-color);
    margin: 0 auto;
}

    .book-session-profile img {
        width: 100%;
    }

.recent-blogs-div, .recent-podcasts-div {
    min-height: 341px;
    max-height: 341px;
    overflow-y: auto;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.15);
    border-radius: var(--default-border-radius);
    padding: 25px;
}

.book-session-profile-name {
    color: #484848;
    font-size: 12px;
    font-weight: 600;
    margin-top: 6px;
}

.fav-pract-profile-div-list-item:not(:last-child) {
    padding-right: 15px;
}

.fav-pract-profile-div {
    padding-top: 25px;
}

.fav-pract-profile-div-list-item {
    text-align: center;
}

.recent-blogs-div, .recent-podcasts-div {
    position: relative;
}

.blog-wrapper-image-txt p {
    color: #2d2d2d;
    font-size: 15px;
    font-weight: 600;
}

.blog-head {
    color: #7f7f7f;
    font-weight: 400;
    font-size: 13px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 7px;
    margin: 0;
    margin-bottom: 7px;
}

.blog-img-wrapper {
    width: 90px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 15px;
}

    .blog-img-wrapper img {
        width: 100%;
    }

.blog-wrapper-image-txt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog-wrapper-content {
    margin-top: 20px;
}

.blog-read-now a {
    color: var(--dash-primary-color);
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

.hide-text {
    color: #9f9f9f;
    font-size: 12px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.blog-read-now {
    position: absolute;
    right: 25px;
    bottom: 25px;
}

.recent-podcasts-div .blog-wrapper-image-txt:not(:last-child) {
    padding-bottom: 15px;
}

/*css form appointment page*/

.appointment-div.client-appointment {
    min-height: 388px;
    max-height: 388px;
}


.profile-box-div {
    box-shadow: 0 0 17px 0 rgba(0,0,0,.15);
    border-radius: var(--default-border-radius);
    padding: 25px;
}

.pract-profile-image {
    max-width: 100%;
    min-width: 100%;
}

.reson-for-booking-txt {
    color: #202020;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}

.reson-for-booking-div p {
    color: #7f7f7f;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}

.client-profile-name {
    display: flex;
    align-items: center;
}

.client-location {
    color: #7f7f7f;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-left: 35px;
    margin: 0;
}

    .client-location svg.icon-map-pin {
        fill: #7f7f7f;
        width: 15px;
        height: 15px;
        margin-right: 5px;
        display: inline-block;
    }

.client-profile-name h4 {
    font-size: 21px;
    color: #202020;
    font-weight: 600;
}

.pract-profile-para-text {
    color: #7f7f7f;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}

.client-profile-about-txt {
    margin: 0;
    margin-top: 25px;
}

.contact-head {
    color: #202020;
    text-transform: uppercase;
    font-size: 15px;
    margin: 25px 0 15px;
    font-weight: 700;
}

.pdl-0 {
    padding-left: 0;
}

.contact-inner-div::after {
    content: '';
    display: table;
    clear: both;
}

.fovarites-pract-name h3 {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 700;
}

.fovarites-pract-name small {
    color: #7f7f7f;
    font-size: 15px;
    font-weight: 500;
    padding-top: 3px;
    display: inline-block;
}

.favorite-image-wrapper {
    width: 153px;
    height: 153px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 8px 3px rgba(0,0,0,.25);
    margin: 42px auto 17px;
}

    .favorite-image-wrapper img {
        height: 100%;
    }

.content-header > h1.content-head-favorite {
    color: var(--dash-primary-color);
    font-size: 21px;
    font-weight: 600;
}

.content-head-package {
    color: var(--dash-primary-color);
    font-size: 21px;
    font-weight: 600;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.favorite-heart {
    color: #d75a4a;
    font-size: 18px !important;
    padding-left: 3px;
}

.packages-div tr:nth-child(n+2):hover {
    box-shadow: 0 0 8px 1px rgba(0,0,0,0.1);
}

.packages-box-div {
    box-shadow: 0 0 17px 0 rgba(0,0,0,.15);
    border-radius: var(--default-border-radius);
    padding: 15px;
}

.packages-div tr td:first-child, .packages-div tr th:first-child {
    padding-left: 20px;
}

.icon.icon-chev-left-pack, .icon.icon-chev-right-pack {
    fill: var(--dash-primary-color);
    border: 1px solid var(--dash-primary-color);
    width: 23px;
    height: 23px;
}

.control-package-inner-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.package-next-control {
    padding-right: 20px;
}

.menu-top-dashbrd {
    display: grid;
    grid-template-columns: max-content max-content;
    width: 100%;
    align-items: center;
    justify-content: center;
}

/*css form prat*/
.recent-blogs-div-prac {
    min-height: 320px;
    max-height: 320px;
}

/*css for certificate color-profile uploads*/

#DocumentUpload {
    margin-top: 50px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
}

.document-upload .btn-orange {
    background-color: transparent;
    border-color: #777 !important;
    color: #777;
    text-align: left;
    width: 100%;
}

.document-upload input.form-control {
    height: 54px;
    border: none;
    margin-bottom: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
}

.document-upload .form-control:focus {
    border-color: #ff4d0d;
    box-shadow: none;
    outline: none;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.document-upload .btn-new, .document-upload .btn-next {
    margin: 30px 0px;
    border-radius: 0px;
    background-color: #333;
    color: #f5f5f5;
    font-size: 16px;
    width: 155px;
}

.document-upload .btn-next {
    background-color: #ff4d0d;
    color: #fff;
}

.document-upload .btn-check {
    cursor: pointer;
    line-height: 54px;
    color: red;
}

.document-upload .uploadDoc {
    margin-bottom: 20px;
}

.document-upload .uploadDoc {
    margin-bottom: 20px;
}

.document-upload .btn-orange img {
    width: 30px;
}

.document-upload p {
    font-size: 16px;
    text-align: center;
    margin: 30px 0px;
}

.document-upload #uploader .docErr {
    position: absolute;
    right: auto;
    left: 10px;
    top: -56px;
    padding: 10px;
    font-size: 15px;
    background-color: #fff;
    color: red;
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);
    display: none;
}

    .document-upload #uploader .docErr:after {
        content: '\f0d7';
        display: inline-block;
        font-family: FontAwesome;
        font-size: 50px;
        color: #fff;
        position: absolute;
        left: 30px;
        bottom: -40px;
        text-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    }


.items-certificates-wrapper {
    background-color: rgba(187, 187, 187, 0.07);
    box-shadow: 0 1px 6px rgba(202, 202, 202, 0.38);
    border-radius: var(--default-border-radius);
    border: 1px solid rgba(127, 142, 142, 0.12941176470588237);
    padding: 3%;
}

/*css ends for certificate color-profile uploads*/

.dashboard-default-box {
    box-shadow: 0 0 17px 0 rgba(0,0,0,.15);
    border-radius: var(--default-border-radius);
    padding: 30px;
}

.img-wrapper-docs {
    width: 100%;
    max-height: 300px;
    min-height: 300px;
    margin-bottom: 0;
    border: 1px solid #b5b5b5;
    border-radius: var(--default-border-radius);
    box-sizing: border-box;
    overflow: hidden;
}

.docuemnt-upload-img {
    object-fit: cover;
    height: 300px;
    width: 100%;
}

.ceritficate-row .fileUpload {
    width: 100%;
    margin: 0;
    background-color: var(--dash-primary-color);
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

    .ceritficate-row .fileUpload span {
        cursor: pointer;
    }

.ceritficate-row .certi-cols:last-child .dashboard-certificate-box .img-wrapper-docs {
}

    .ceritficate-row .certi-cols:last-child .dashboard-certificate-box .img-wrapper-docs .docuemnt-upload-img {
        padding: 35px;
    }

.ceritficate-row .fileUpload input.upload {
    width: 100%;
}

.dashboard-certificate-box {
    position: relative;
    box-shadow: none;
    background-color: #f5f5f5;
}

.grid-items-certificates .overlay {
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

    .grid-items-certificates .overlay:hover {
        opacity: 1;
    }

.action-btn-certi .dashboard-hc-btn:first-child {
    margin-right: 20px;
}

.ceritficate-row .thumb_info {
    margin: 15px 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.dashboard-certificate-box .thumb_info .fa-trash {
    color: #e23535;
}

.package-details-table {
}

    .package-details-table table {
        width: 100%;
    }

        .package-details-table table tr td {
            padding: 10px 0;
            text-align: left;
        }

        .package-details-table table tr th {
            color: #2d2d2d;
            font-weight: 700;
            font-size: 14px;
            border-top: 0 !important;
            border-bottom: 1px solid #e6e6e6;
            text-align: left;
            padding: 10px 0px;
        }

        .package-details-table table tr:nth-child(1) td {
            padding-top: 20px;
        }

.d-grid-billing-det {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.default-text {
    color: #7f7f7f;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}

.fw-800 {
    font-weight: 800;
}

.wt-btn {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

    .wt-btn .hc-default-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.paypal-id, .current-balance {
    padding: 7px 15px;
    border-radius: 3px;
}

.billing-details-wrapper label {
    margin-bottom: 0;
}

.paypal-id {
    background-color: #f7f7f7;
}

.current-balance {
    background-color: #dff0d8;
}

.billing-details-wrapper .fw-800 {
    font-weight: 800;
    color: #252525;
    font-size: 17px;
    margin-bottom: 0;
}

.my-wallet table tr th {
    width: 20%;
}

.wallet-note-modifier {
    padding-top: 9px;
    padding-left: 15px;
}

.profile-image-wrapper img, .upload-profile {
    border: 1px solid #eee;
}

.upload-profile {
    min-height: 28vh;
    margin-top: 25px;
}

.contact-inner-div .pdl-0 p {
    font-weight: 700;
    color: #494949;
}

.upload-profile {
    display: flex;
    justify-content: center;
    align-items: center;
}

p.pract-profile-para-text.label-text {
    color: #7f7f7f;
    font-weight: 500;
}

.mb-0 {
    margin-bottom: 5px;
}

.my-profile-content .form-contact-new {
    margin-bottom: var(--default-gap);
}

/*.conditions-alignments-wrapper .conditions-new-dashbrd {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 10px;
}*/

.dropdown-item.cus-dropdown-item-edit {
    position: sticky;
    bottom: 0;
    background-color: var(--chat-dark-bg-2);
    border-bottom-right-radius: 0.25rem;
    border-top: 1px solid var(--primary-border-color);
    padding: 0.45rem 0.8rem;
    color: var(--primary-dark-color2);
    font-weight: 600;
}

    .dropdown-item.cus-dropdown-item-edit:hover {
        background-color: var(--light-new-blue);
    }

.conditions-alignments-wrapper {
    padding: 10px;
    border-radius: 5px;
    margin: 0px 0 20px;
    background-color: rgba(133, 231, 234, 0.16);
    box-shadow: 0px 2px 1px 1px rgba(125, 125, 125, 0.17);
}

.df-jcsb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.billing-details-wrapper, .default-text {
    letter-spacing: 1px;
}

.package-wrapper h3.dashboard-heading {
    padding-bottom: 0;
}

.default-text-with-check {
    position: relative;
    padding-left: 28px;
}

    .default-text-with-check i.fa-check {
        color: var(--dash-primary-color);
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 1px;
    }

table.new-dashboard-package tr th {
    text-align: center;
    font-size: 16px;
}

table.new-dashboard-package tr td {
    border-top: 0;
    text-align: center;
    padding: 15px 10px;
}

table.new-dashboard-package tr:first-child td,
table.new-dashboard-package tr th {
    padding-bottom: 16px;
    padding-top: 16px;
}

table.new-dashboard-package tr td {
    color: #7f7f7f;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 500;
    border: 1px solid rgba(48, 149, 152, 0.19) !important;
}

    table.new-dashboard-package tr th,
    table.new-dashboard-package tr td.pckg-center {
        color: #2d2d2d;
        font-weight: 700;
        font-size: 15px;
        border: 1px solid rgba(48, 149, 152, 0.19) !important;
    }

    table.new-dashboard-package tr td:nth-child(n+3) {
        border: 0 !important;
        border-right: 1px solid rgba(48, 149, 152, 0.19) !important;
    }

table.new-dashboard-package tr:last-child td:nth-child(n+3) {
    border-bottom: 1px solid rgba(48, 149, 152, 0.19) !important;
}

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 30px;
    padding: 3px;
    /*background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);*/
    border-radius: 18px;
    /*box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
    cursor: pointer;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}

    .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        box-sizing: content-box;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 11px;
        top: 16px;
        color: #aaaaaa;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    }

    .switch-label:after {
        content: attr(data-on);
        left: 11px;
        color: #FFFFFF;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 0;
        top: 16px;
    }

.switch-input:checked ~ .switch-label {
    background: rgb(102, 201, 203);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .switch-handle:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
        background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
        border-radius: 6px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    }

.switch-input:checked ~ .switch-handle {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.new-dashboard-package .form-group {
    margin-bottom: 0px;
}

.df-jcc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.label-wrapper-enb-dsbl label {
    margin: 0;
    padding-right: 5px;
}

.client-wallet-dashboard tr th:first-child {
    width: 10%;
}

.client-wallet-dashboard tr th:nth-child(2) {
    width: 10%;
}

.client-wallet-dashboard tr th:nth-child(4) {
    width: 10%;
}

.package-details-table table tr:last-child td {
    padding-bottom: 0;
}

.inbox-content-section .inbox-dash tr td {
    vertical-align: middle;
    padding: 12px 20px 12px 30px;
}

.inbox-content-section table > tbody > tr {
    box-shadow: none;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.inbox-dash {
    padding: 0 0px;
    background-color: #fff;
}

    .inbox-dash table {
        text-align: left;
        border-collapse: separate;
    }

.sender-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

    .sender-image img {
        width: 100%;
    }

.sender-name-wrapper label {
    margin-bottom: 0;
}

.wd-2p {
    width: 2%;
}

.wd-10p {
    width: 10%;
}

.wd-20p {
    width: 20%;
}

.wd-25p {
    width: 25%;
}

.vertical-dot {
    text-align: right;
}

    .vertical-dot:after {
        content: '\2807';
        font-size: 24px;
        color: #cccccc;
    }

.inbox-content-section .slimScrollDiv {
    padding-right: 0px;
}

.recent-msg-head {
    font-size: 14px;
    color: #626262;
    font-weight: 500;
    margin-bottom: 0px;
    letter-spacing: 1px;
}

.fw-700 {
    font-weight: 700;
    color: #32333a;
}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1) !important;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important
}


.fixed-table-loading {
    display: none;
}

.fixed-table-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.pagination li a {
    padding: 0.5rem;
    color: var(--on-primary-color);
}

ul.pagination li.active a {
    color: var(--white-color);
    padding: 2px 7px 5px;
    border-radius: 3px;
}

.pagination-detail .btn.btn-default {
    padding: 3px 10px 5px;
    border-radius: var(--bs-border-radius);
    background-color: var(--theme-border-layout);
    margin: 0 5px 0 10px;
    color: var(--theme-primary-color);
    font-size: var(--base-font-size);
}

.fixed-table-pagination .pagination-detail,
.fixed-table-pagination div.pagination {
    margin-top: 20px;
    margin-bottom: 0;
}

.pagination-detail .dropdown-menu {
    top: -110px;
    padding: 11px 8px;
    font-size: 14px;
    box-shadow: var(--dropdown-boxshadow);
    border: none;
    overflow-y: auto;
}

    .pagination-detail .dropdown-menu li {
        line-height: 26px;
    }

        .pagination-detail .dropdown-menu li a {
            display: block;
            cursor: pointer;
        }


.fixed-table-pagination .pagination-info,
.pull-left.pagination-detail span.page-list {
    color: var(--on-primary-color);
    font-size: 0.85rem;
    line-height: 34px;
}

table tr td,
table tr th {
    color: var(--primary-color);
}

table tr th {
    font-size: var(--base-font-size);
}

.fixed-table-body {
    overflow: hidden;
    overflow-x: auto;
}

.fixed-table-toolbar tr th .th-inner {
    text-align: left;
}

.pull-left.pagination-detail span.btn-group.dropdown {
    margin-right: 5px;
}

.adj_wid thead tr th {
    width: 20%;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .msg-text-time-seperation {
        width: 53px;
    }

    .msg-info-time p {
        font-size: 9px !important;
    }

    .down-arrow-delete-chat, .dropdown-toggle-chat-menu {
        width: 16px;
        height: 16px;
    }

    .down-arrow-delete-chat-wrapper {
        top: -2px;
    }

    .fixed-table-pagination {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }
}

.emojionearea .emojionearea-editor {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

@media (max-width: 1500px) {
    .side-msg-list {
        max-width: 370px;
    }
}

@media (min-width: 993px) {
    .profile-image-wrapper, .upload-profile {
        max-width: 80%;
    }
}

@media (min-width: 1280px) {
    .profile-image-wrapper, .upload-profile {
        max-width: 95%;
    }
}

@media (max-width: 992px) {
    .upload-profile {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {

    .send-message-btn {
        width: 30px;
        padding: 0;
    }

    .msger-inputarea .emoji-picker-icon {
        right: 53px !important;
    }

    .msger-inputarea {
        width: 100%;
    }
}

/*old css ends*/

.ba-nav-wrapper ul li {
    width: 100%;
}

    .ba-nav-wrapper ul li:not(:last-child) {
        margin-right: 15px;
    }

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    padding: 0.5rem 0.75rem;
    border-radius: calc(var(--bs-border-radius));
    background-color: var(--bg-default);
    line-height: 1;
}

.dx-datagrid-pager.dx-pager {
    font-size: var(--base-font-size-xxs);
}

.dx-pager .dx-pages .dx-next-button, .dx-pager .dx-pages .dx-prev-button {
    font-size: var(--base-font-size-h5);
    vertical-align: middle;
}

    .dx-pager .dx-pages .dx-next-button::before, .dx-pager .dx-pages .dx-prev-button::before {
        margin-top: -12.5px;
        margin-left: -9px;
    }

.favourite-therapist-img {
    max-width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
}

.forgot-password .form-group.ph-pract-cp input {
    font-size: 17px !important;
    display: inline-block;
    width: initial !important;
    margin-top: 30px;
}

.forgot-password .form-group {
    margin-bottom: 30px !important;
}

.main-header {
    min-height: 45px;
}

.ph-brand-link img {
    max-width: 85px;
}

.ph-al-header {
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
}

.js-ph-af-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 0.5s forwards;
    width: 100%;
    z-index: 888;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

#gridContainer .dx-datagrid .dx-link {
    text-decoration: none;
}

.no-msg-class::before {
    visibility: hidden;
    opacity: 0;
}

.learn-search--overlay.teams-body header.headerinner-wrapper.headerinner-wrapper-learn.learn-header-wrapper-al {
    position: initial;
}


button#CompleteProfileRegistration {
    min-width: 221px;
}

/*new dashboard customization*/

.live-class-row {
    margin-bottom: 35px;
}

.daily-affirmation-para {
    font-weight: 500;
    font-size: calc(var(--base-font-size-h2) * 0.88);
    text-align: center;
    color: var(--primary-color);
    font-style: italic;
    max-width: 85%;
    margin: 0 auto;
    margin-top: 3.4rem;
    letter-spacing: 0.2px;
    line-height: 1.65;
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}

div#DivAffirmative {
    width: 100%;
}



html[color-mode="dark"] .daily-aff-wrapper {
    background: var(--chat-dark-bg-2);
}

.new-ebbok-wrapper .nd-ebook-wrapper {
    position: relative;
    padding: 15px 15px 15px;
    border: 2px solid var(--white-color);
}

.new-ebbok-wrapper .slick-center .nd-ebook-wrapper {
    transition: 0.3s;
    position: relative;
    transform: scale(1.03);
    top: 16px;
    background-color: #96CCF9;
    z-index: 999;
    padding: 15px 15px 15px;
    margin: -25px;
}

.new-ebbok-wrapper .slick-list, .new-ebbok-wrapper .slick-track {
    height: 100%;
}

.nd-ebook-wrapper hr {
    margin: 10px 0;
    border: 0.5px solid #359BEC;
    width: 100%;
}

.new-ebbok-wrapper .slick-list {
    padding: 1rem 0 1px !important;
}

.nd-label-head span {
    position: relative;
    font-size: var(--base-font-size-h5);
    font-weight: 500;
}

.new-ebbok-wrapper .nd-label-head span::after {
    width: 22px;
}

.nd-label-head-wbg-line span::after, .nd-label-head-w-line span::after {
    display: none;
}

.nd-label-head-wbg-line.nd-label-head span {
    text-shadow: 1px 1px 3px rgb(0 0 0 / 42%);
    color: var(--white-color);
}

.new-ebbok-wrapper .slick-prev {
    left: 17px;
    bottom: 0;
    top: inherit;
}

.new-ebbok-wrapper .slick-next {
    right: 17px;
    bottom: 0;
    top: inherit;
}

.nd-live-classes-wrapper-table-inner .live-classes-row {
    display: grid;
    grid-template-columns: 60% repeat(2, auto);
    align-items: center;
    margin-bottom: 0px;
}

.nd-live-classes-wrapper-table-inner tr td {
    border: 1px solid #efefef;
}


.nd-live-classes-wrapper-table .need-to-change {
    color: var(--on-primary-color);
    font-size: 15px;
    margin-top: 17px;
}

@media(max-width: 1400px) {
    .nd-label-head span {
        font-size: var(--base-font-size-h5);
    }
}
/*css for emoji dashboard*/

.emojis-wrapper-item {
    font-size: 40px;
}

.p-db-mtr .emojis-wrapper-item {
    font-size: 38px;
}

.feedback {
    --normal: #ffffff;
    --normal-sad-shadow: #FF6D3F;
    --normal-sad-shadow-top: #FF6D3F;
    --normal-ok-shadow: #7946DB;
    --normal-ok-shadow-top: #7946DB;
    --normal-good-shadow: #39A361;
    --normal-good-shadow-top: #39A361;
    --normal-happy-shadow: #F9D52E;
    --normal-happy-shadow-top: #F9D52E;
    --hover-sad-shadow: #FF6D3F;
    --hover-ok-shadow: #7946DB;
    --hover-good-shadow: #39A361;
    --hover-happy-shadow: #F9D52E;
    --hover: #f8da69;
    --hover-shadow-top: #f4b555;
    --normal-mouth: #39A361;
    --normal-eye: #39A361;
    --active: #f8da69;
    --active-shadow: #f4b555;
    --active-shadow-top: #fff6d3;
    --active-mouth: #f05136;
    --active-eye: #313036;
    --active-tear: #76b5e7;
    --active-shadow-angry: #e94f1d;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

    .feedback .emojis-wrapper {
        position: relative;
        transition: transform 0.3s;
        cursor: pointer;
    }

        .feedback .emojis-wrapper:not(:last-child) {
            margin-right: 20px;
        }

        .feedback .emojis-wrapper input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            outline: none;
            border: none;
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            left: 0;
            top: 0;
            margin: 0;
            padding: 0;
            border-radius: 50%;
            background: var(--sb, var(--normal));
            box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow)), inset -1px 1px 2px var(--sht, var(--normal-shadow-top));
            transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
            -webkit-tap-highlight-color: transparent;
        }

        .feedback .emojis-wrapper div {
            width: 40px;
            height: 40px;
            position: relative;
            transform: perspective(240px) translateZ(4px);
        }

            .feedback .emojis-wrapper div svg,
            .feedback .emojis-wrapper div:before,
            .feedback .emojis-wrapper div:after {
                display: block;
                position: absolute;
                left: var(--l, 9px);
                top: var(--t, 13px);
                width: var(--w, 8px);
                height: var(--h, 1px);
                transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
            }

            .feedback .emojis-wrapper div svg {
                fill: none;
                stroke: var(--s);
                stroke-width: 1.5px;
                stroke-linecap: round;
                stroke-linejoin: round;
                transition: stroke 0.4s;
            }

                .feedback .emojis-wrapper div svg.eye {
                    --s: var(--e, var(--normal-eye));
                    --t: 17px;
                    --w: 8px;
                    --h: 4px;
                }

                    .feedback .emojis-wrapper div svg.eye.right {
                        --l: 23px;
                    }

                .feedback .emojis-wrapper div svg.mouth {
                    --s: var(--m, var(--normal-mouth));
                    --l: 11px;
                    --t: 23px;
                    --w: 18px;
                    --h: 7px;
                }

            .feedback .emojis-wrapper div:before,
            .feedback .emojis-wrapper div:after {
                content: "";
                z-index: var(--zi, 1);
                border-radius: var(--br, 1px);
                background: var(--b, var(--e, var(--normal-eye)));
                transition: background 0.4s;
            }

        .feedback .emojis-wrapper.angry {
            --step-1-rx: -24deg;
            --step-1-ry: 20deg;
            --step-2-rx: -24deg;
            --step-2-ry: -20deg;
        }

            .feedback .emojis-wrapper.angry div:before {
                --r: 20deg;
            }

            .feedback .emojis-wrapper.angry div:after {
                --l: 23px;
                --r: -20deg;
            }

            .feedback .emojis-wrapper.angry div svg.eye {
                stroke-dasharray: 4.55;
                stroke-dashoffset: 8.15;
            }

            .feedback .emojis-wrapper.angry input:checked {
                -webkit-animation: angry 1s linear;
                animation: angry 1s linear;
            }

                .feedback .emojis-wrapper.angry input:checked + div:before {
                    --middle-y: -2px;
                    --middle-r: 22deg;
                    -webkit-animation: toggle 0.8s linear forwards;
                    animation: toggle 0.8s linear forwards;
                }

                .feedback .emojis-wrapper.angry input:checked + div:after {
                    --middle-y: 1px;
                    --middle-r: -18deg;
                    -webkit-animation: toggle 0.8s linear forwards;
                    animation: toggle 0.8s linear forwards;
                }

        .feedback .emojis-wrapper.sad {
            --step-1-rx: 20deg;
            --step-1-ry: -12deg;
            --step-2-rx: -18deg;
            --step-2-ry: 14deg;
        }

            .feedback .emojis-wrapper.sad div:before,
            .feedback .emojis-wrapper.sad div:after {
                --b: var(--active-tear);
                --sc: 0;
                --w: 5px;
                --h: 5px;
                --t: 15px;
                --br: 50%;
            }

            .feedback .emojis-wrapper.sad div:after {
                --l: 25px;
            }

            .feedback .emojis-wrapper.sad div svg.eye {
                --t: 16px;
            }

            .feedback .emojis-wrapper.sad div svg.mouth {
                --t: 24px;
                stroke-dasharray: 9.5;
                stroke-dashoffset: 33.25;
            }

            .feedback .emojis-wrapper.sad input:checked + div:before,
            .feedback .emojis-wrapper.sad input:checked + div:after {
                -webkit-animation: tear 0.6s linear forwards;
                animation: tear 0.6s linear forwards;
            }

        .feedback .emojis-wrapper.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 .emojis-wrapper.ok div:before {
                --l: 12px;
                --t: 17px;
                --h: 4px;
                --w: 4px;
                --br: 50%;
                box-shadow: 12px 0 0 var(--e, var(--normal-eye));
            }

            .feedback .emojis-wrapper.ok div:after {
                --l: 13px;
                --t: 26px;
                --w: 14px;
                --h: 2px;
                --br: 1px;
                --b: var(--m, var(--normal-mouth));
            }

            .feedback .emojis-wrapper.ok input:checked + div:before {
                --middle-s-y: 0.35;
                -webkit-animation: toggle 0.2s linear forwards;
                animation: toggle 0.2s linear forwards;
            }

            .feedback .emojis-wrapper.ok input:checked + div:after {
                --middle-s-x: 0.5;
                -webkit-animation: toggle 0.7s linear forwards;
                animation: toggle 0.7s linear forwards;
            }

        .feedback .emojis-wrapper.good {
            --step-1-rx: -14deg;
            --step-1-rz: 10deg;
            --step-2-rx: 10deg;
            --step-2-rz: -8deg;
        }

            .feedback .emojis-wrapper.good div:before {
                --b: var(--m, var(--normal-mouth));
                --w: 5px;
                --h: 5px;
                --br: 50%;
                --t: 22px;
                --zi: 0;
                opacity: 0.5;
                box-shadow: 16px 0 0 var(--b);
                filter: blur(2px);
            }

            .feedback .emojis-wrapper.good div:after {
                --sc: 0;
            }

            .feedback .emojis-wrapper.good div svg.eye {
                --t: 15px;
                --sc: -1;
                stroke-dasharray: 4.55;
                stroke-dashoffset: 8.15;
            }

            .feedback .emojis-wrapper.good div svg.mouth {
                --t: 22px;
                --sc: -1;
                stroke-dasharray: 13.3;
                stroke-dashoffset: 23.75;
            }

            .feedback .emojis-wrapper.good input:checked + div svg.mouth {
                --middle-y: 1px;
                --middle-s: -1;
                -webkit-animation: toggle 0.8s linear forwards;
                animation: toggle 0.8s linear forwards;
            }

        .feedback .emojis-wrapper.happy div {
            --step-1-rx: 18deg;
            --step-1-ry: 24deg;
            --step-2-rx: 18deg;
            --step-2-ry: -24deg;
        }

            .feedback .emojis-wrapper.happy div:before {
                --sc: 0;
            }

            .feedback .emojis-wrapper.happy div:after {
                --b: var(--m, var(--normal-mouth));
                --l: 11px;
                --t: 23px;
                --w: 18px;
                --h: 8px;
                --br: 0 0 8px 8px;
            }

            .feedback .emojis-wrapper.happy div svg.eye {
                --t: 14px;
                --sc: -1;
            }

        .feedback .emojis-wrapper.happy input:checked + div:after {
            --middle-s-x: 0.95;
            --middle-s-y: 0.75;
            -webkit-animation: toggle 0.8s linear forwards;
            animation: toggle 0.8s linear forwards;
        }

        .feedback .emojis-wrapper input:checked {
            --sb: var(--active);
            --sh: var(--active-shadow);
            --sht: var(--active-shadow-top);
            border: 1px solid var(--active-shadow) !important;
        }

            .feedback .emojis-wrapper input:checked + div {
                --m: var(--active-mouth);
                --e: var(--active-eye);
                -webkit-animation: shake 0.8s linear forwards;
                animation: shake 0.8s linear forwards;
            }

        .feedback .emojis-wrapper input:not(:checked):hover {
            --sb: var(--hover);
            --sht: var(--hover-shadow-top);
        }

        .feedback .emojis-wrapper input:not(:checked):active {
            transform: scale(0.925);
        }

            .feedback .emojis-wrapper input:not(:checked):active + div {
                transform: scale(0.925);
            }

        .feedback .emojis-wrapper:hover {
            transform: scale(1.08);
        }

@-webkit-keyframes shake {
    30% {
        transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
    }

    60% {
        transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
    }

    100% {
        transform: perspective(240px) translateZ(4px);
    }
}

@keyframes shake {
    30% {
        transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
    }

    60% {
        transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
    }

    100% {
        transform: perspective(240px) translateZ(4px);
    }
}

@-webkit-keyframes tear {
    0% {
        opacity: 0;
        transform: translateY(-2px) scale(0) translateZ(0);
    }

    50% {
        transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
    }

    20%, 80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
    }
}

@keyframes tear {
    0% {
        opacity: 0;
        transform: translateY(-2px) scale(0) translateZ(0);
    }

    50% {
        transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
    }

    20%, 80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
    }
}

@-webkit-keyframes toggle {
    50% {
        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% {
        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% {
        box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
    }
}

@keyframes angry {
    40% {
        background: var(--active);
    }

    45% {
        box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
    }
}

.feedback .emojis-wrapper.sad input {
    box-shadow: 0px 0px 2px var(--sh, var(--normal-sad-shadow)), 0px 1px 2px var(--sht, var(--normal-sad-shadow-top));
    border: 1px solid var(--normal-sad-shadow);
}

.feedback .emojis-wrapper.ok input {
    box-shadow: 0px 0px 2px var(--sh, var(--normal-ok-shadow)), 0px 1px 2px var(--sht, var(--normal-ok-shadow-top));
    border: 1px solid var(--normal-ok-shadow);
}

.feedback .emojis-wrapper.good input {
    box-shadow: 0px 0px 2px var(--sh, var(--normal-good-shadow)), 0px 1px 2px var(--sht, var(--normal-good-shadow-top));
    border: 1px solid var(--normal-good-shadow);
}

.feedback .emojis-wrapper.happy input {
    box-shadow: 0px 0px 2px var(--sh, var(--normal-happy-shadow)), 0px 1px 2px var(--sht, var(--normal-happy-shadow-top));
    border: 1px solid var(--normal-happy-shadow);
}
/*eyes*/
.feedback .emojis-wrapper.sad div svg.eye {
    --s: var(--e, var(--normal-sad-shadow));
}

.feedback .emojis-wrapper.ok div svg.eye {
    --s: var(--e, var(--normal-ok-shadow));
}

.feedback .emojis-wrapper.ok div:before {
    box-shadow: 12px 0 0 var(--e, var(--normal-ok-shadow));
    background: var(--b, var(--e, var(--normal-ok-shadow)));
}

.feedback .emojis-wrapper.ok div:after {
    --b: var(--m, var(--normal-ok-shadow));
}

.feedback .emojis-wrapper.good div svg.eye {
    --s: var(--e, var(--normal-good-shadow));
}

.feedback .emojis-wrapper.happy div svg.eye {
    --s: var(--e, var(--normal-happy-shadow));
}
/*mouth*/
.feedback .emojis-wrapper.sad div svg.mouth {
    --s: var(--e, var(--normal-sad-shadow));
}

.feedback .emojis-wrapper.ok div svg.mouth {
    --s: var(--e, var(--normal-ok-shadow));
}

.feedback .emojis-wrapper.good div svg.mouth {
    --s: var(--e, var(--normal-good-shadow));
}

.feedback .emojis-wrapper.happy div svg.mouth {
    --s: var(--e, var(--normal-happy-shadow));
}

.feedback .emojis-wrapper.happy div:after {
    --b: var(--m, var(--normal-happy-shadow));
}

.feedback .emojis-wrapper.good div:before, .feedback .emojis-wrapper.good div:after {
    display: none;
}

.feedback-emoji-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}

#MoodEmoji br {
    display: none;
}

.mood-head-text {
    margin-bottom: 0;
    font-weight: 500;
    color: var(--primary-color);
    font-size: var(--base-font-size-lg);
}

.nd-emoji-main-wrapper {
    margin-bottom: 0;
    font-size: 0.93rem;
    letter-spacing: 0.2px;
}

.main-wrapper-mood-track-step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#EmojiDiv.main-wrapper-mood-track-step {
    position: absolute;
    left: 0;
    top: 46%;
}

.p-db-mtr {
    min-height: 24em;
}

.mood-inner-boxes {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    height: 100%;
}

.view-history-link {
    text-align: center;
    display: inline-block;
}

.feedback {
    width: 100%;
}

.mood-track-step-feeling {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 1rem;
}

    .mood-track-step-feeling span {
        flex-grow: initial;
        max-width: initial;
        box-sizing: border-box;
        font-family: var(--primary-font);
        padding: 0.4rem 1.25rem;
        display: inline-block;
        font-size: var(--base-font-size);
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        color: var(--primary-color);
        min-width: 7em;
        float: left;
        cursor: pointer;
        font-weight: 400;
        border-radius: 25px;
        background: var(--white-color);
        border: 1px solid var(--primary-border-color);
    }

    .mood-track-step-feeling .mood-track-active {
        background: #FFF4BF;
        border: 1px solid #F9D52E;
    }

@media(min-width: 1253px) {
    .mood-track-step-feeling span:hover {
        background: #FFF4BF;
        border: 1px solid #F9D52E;
    }
}

.mood-track-textarea-actions {
    display: grid;
    grid-template-columns: auto;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
}

.mood-track-text-area {
    min-height: 8em;
    width: 100%;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    resize: none;
    padding: 0.5rem 0.7rem;
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
}

.back-placeholder {
    min-width: 32px;
}

.mood-track-text-area:focus {
    border-color: var(--input-border-1);
    box-shadow: 0 0 0 0.12rem var(--sec-light-color4);
}

.nd-affirmation-load {
    width: 85%;
    margin: 0 auto;
}

.nd-affirmation-load .placeload {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    background: transparent !important;
    box-shadow: none !important;
}

.nd-affirmation-load .placeload > * {
    flex: 1;
}

.nd-affirmation-load.nd-placeload-preloader-oc .placeload .image-placeholder:nth-child(2) {
    max-width: 75%;
    margin: 12px auto;
}

.nd-affirmation-load.nd-placeload-preloader-oc .placeload .image-placeholder {
    height: 9px;
}

.mood-history-report br {
    display: none;
}

.mood-history-report > span {
    text-align: left;
    display: inline-block;
}

.feedback-emoji-main-wrapper {
    flex-direction: column;
    display: flex !important;
    border-radius: 0 !important;
}

.feedback-emoji-wrapper .image-placeholder {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.smily-emoji-wrapper {
    min-height: 100%;
    align-items: center;
}

.feedback-emoji-wrapper .image-placeholder {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}

.feedback-emoji-main-wrapper .loads {
    max-width: 70%;
}


.p-db-md-tr-mw .nd-placeload-preloader-oc {
    flex: 1;
}

.nd-placeload-preloader-oc .smily-emoji-wrapper {
    display: flex;
    align-items: center;
}

.p-loader-emojee {
    display: grid;
    grid-template-rows: auto 1fr auto;
    flex: 1;
}

.nd-placeload-preloader-oc .view-history-placeholder {
    margin: 0 auto;
}

.p-loader-emojee .view-history-placeholder {
    width: 80px !important;
}
/*emoji ends here*/
.ph-ma-action-btns-wrapper {
    padding-top: 55px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    align-items: center;
    grid-gap: 22px;
}

    .ph-ma-action-btns-wrapper .dashboard-hc-btn {
        color: var(--primary-color);
        padding: 7px 18px;
    }

        .ph-ma-action-btns-wrapper .dashboard-hc-btn:hover {
            color: var(--white-color);
        }

.nd-upcoming-div-main-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 2.5rem;
    gap: 2rem;
}

.nd-upcoming-div-top {
    background-color: var(--sec-light-color5);
    border-radius: 5px;
    padding: 15px;
}

.nd-upcoming-div-inner-wrapper {
    padding: 1rem 1rem;
}

.ph-manage-appointment-inner-wrapper {
    background-color: var(--card-bg-color);
    padding: 20px;
    border-radius: 5px;
}

.ph-manage-appointment-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 15px;
}

.no-app-main-wrapper .ph-manage-appointment-wrapper {
    grid-template-columns: auto;
}

.exclaimation-icon {
    color: #DC143C;
    font-size: 14px;
    line-height: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 2px;
    left: -1px;
    cursor: pointer;
}

.exclaimation-icon-svg {
    width: 14px;
    height: 14px;
    fill: #dd0e0e;
}

.dash-appo-the-name img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-position: top;
}

.ph-manage-appointment-inner-wrapper .dash-appo-the-name img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

.dash-appo-the-name .ph-ma-therapist-nd .nd-doctor-name {
    color: var(--primary-color);
    font-weight: 600;
}


.dash-appo-the-name .ph-ma-therapist-nd .nd-doctor-name {
    font-size: var(--base-font-size-h3);
}

.ph-ma-therapist-nd label {
    font-weight: 400;
    margin-top: 5px;
    display: block;
    line-height: 15px;
    font-size: var(--base-font-size-xs);
}

label.dash-appo-the-date {
    line-height: 1.35;
    font-size: var(--base-font-size-xxs);
}

.see-all-umcom-app {
    margin-bottom: -0.5rem;
}

.ph-ma-therapist-nd-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ph-manage-appoint-actions {
    text-align: center;
}

.ph-ma-actions-nd-btns {
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 0.7rem;
    margin-left: auto;
    margin-right: auto;
    gap: 1.4rem;
}

@media(min-width: 361px) {
    .ph-manage-appoint-actions label.dash-appo-the-date {
        text-align: left;
        display: block;
    }
}

@media(min-width: 1250px) {
    .ph-ma-actions-nd-btns .dashboard-hc-btn {
        min-width: 135px;
    }
}

@media(max-width: 1550px) {
    .ph-ma-actions-nd-btns {
        max-width: initial;
        gap: 0.9rem;
    }

        .ph-ma-actions-nd-btns .dashboard-hc-btn {
            font-size: 0.9rem;
            flex: 1;
        }
}

@media(max-width: 1300px) {
    .ph-ma-actions-nd-btns .dashboard-hc-btn {
        font-size: 0.88rem;
        flex: 1;
        padding: 6px 8px;
    }
}

@media(max-width: 1270px) {
    .ph-ma-actions-nd-btns {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ph-ma-actions-nd-btns {
        max-width: initial;
    }
}

.ph-ma-upcoming-head {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    color: var(--primary-color);
}

.ph-ma-therapist-nd-btns .dashboard-hc-btn {
    min-width: 8rem;
}

.ph-ma-res-can-btn {
    display: flex;
    align-items: center;
    gap: 1.3rem;
}

.ph-manage-appoint-actions .dash-appo-the-date {
    font-weight: 500;
    color: var(--on-primary-color);
}

.dashboard-user-inner .dashboard-hc-btn.dashborad-mt-btn {
    font-size: 14px;
    min-width: initial;
    margin-top: 3px;
    width: 136px;
    padding: 6px 8px;
}

.nd-live-classes-wrapper.appointment-div .hc-live-dates {
    font-size: 14px;
    margin-bottom: 0;
}

.ph-lc-dashboard {
    margin: 4px 0 60px;
    padding: 0 20px;
}

    .ph-lc-dashboard .condition-tag {
        font-size: 13px;
        padding: 3px 15px 3px;
    }

    .ph-lc-dashboard tr.active-lc-row td {
        background-color: #F7F8FA;
    }

tr.active-lc-row::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 4px;
    top: 0;
    left: 0;
    background-color: var(--primary-color);
}

.active-lc-tag {
    position: relative;
}

    /*.active-lc-tag::after {
    content: '';
    position: absolute;
    background: linear-gradient( 180deg, rgba(76, 161, 248, 0.5) 0%, rgba(254, 254, 255, 0) 100%);
    left: 50%;
    transform: translateX(-50%);
    width: 46%;
    height: 28px;
    bottom: -39px;
}*/

    .active-lc-tag::before {
        content: '';
        position: absolute;
        background: var(--primary-color);
        border-radius: 28px;
        left: 50%;
        transform: translateX(-50%);
        width: 46%;
        height: 5px;
        bottom: -14px;
    }

.no-up-appointment img {
    margin: 0 auto 15px;
}

.no-up-appointment.nd-appointment-wrapper h3 {
    color: var(--primary-color);
    margin-bottom: 0;
    font-size: var(--base-font-size);
    font-weight: 500;
}

.no-app-main-wrapper .no-up-appointment {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.ba-statcis-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--box-padding);
}

.ba-statcis3-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--box-padding);
}

/*.mood-tracker-result-wrapper svg {
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
}*/

.mood-tracker-result-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 6.7rem;
    padding-bottom: 1rem;
}

.mood-tracker-action-btns {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
}

.p-db-mt-gr-wr {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mood-tracker-overview {
    position: relative;
    min-height: 250px;
}

.ba-statics-inner-rows {
    display: grid;
    grid-gap: 30px;
}

.ba-statics-inner-ar {
    margin-top: 30px;
    grid-template-columns: 40% 1fr;
}

.ba-statics-inner-fr {
    margin-top: 30px;
    grid-template-columns: 65% 1fr;
}

.ba-statics-inner-sr {
    margin-top: 30px;
    grid-template-columns: 65% 1fr;
}

.ba-statics-inner-tr {
    margin-top: 30px;
    grid-template-columns: repeat(1, 1fr);
}

.ba-statics-inne-fr-left {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.ba-sir-boxes {
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    background-color: var(--card-bg-color);
    padding: var(--box-padding);
    position: relative;
}

.ba-sir-boxes-count {
    min-height: 110px;
    padding-top: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
}

.ba-sir-boxes-headcount {
    min-height: 280px;
}

.ba-sir-boxes-count label {
    font-size: var(--base-font-size-h1-lg);
    line-height: 77px;
    color: var(--secondary-color);
    font-weight: 700;
}

.increase-icon {
    fill: #39A261;
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-left: 14px;
}

.last-month-increase {
    display: inline-block;
    align-items: center;
    border-radius: 23px;
    padding: 7px 25px;
    font-size: 18px;
}

.last-month-increase-green {
    color: #39A261;
    background: #DEFBEA;
}

.last-month-increase-pink {
    color: #F1646E;
    background: #FFD6E2;
}

    .last-month-increase-pink .increase-icon {
        fill: #F1646E;
    }

.ba-sir-boxes-add-user {
    background-color: var(--primary-color);
}

.ba-sir-boxes-book-cons {
    background-color: var(--light-green);
}

.add-book-icons {
    width: 25px;
    height: 25px;
    display: inline-block;
    z-index: 99;
    margin-right: 8px;
    fill: var(--primary-color);
}

.ba-sir-boxes-add-user, .ba-sir-boxes-book-cons {
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--box-padding);
    cursor: pointer;
}

    .ba-sir-boxes-add-user p, .ba-sir-boxes-book-cons p {
        margin-bottom: 0;
        margin-top: 5px;
    }

    .ba-sir-boxes-book-cons p {
        color: var(--primary-color);
        text-align: center;
    }

    .ba-sir-boxes-add-user .ba-sir-widget-heading {
        color: var(--white-color);
    }

html[color-mode="dark"] .ba-sir-boxes-add-user .ba-sir-widget-heading,
html[color-mode="dark"] .ba-sir-boxes-add-user {
    color: var(--primary-color);
}

.ba-sir-widget-heading {
    display: flex;
    align-items: center;
    margin-bottom: 0.4rem !important;
}

.ph-no-lc .no-live-classes-wrapper {
    min-height: initial;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ph-no-lc .no-live-classes-wrapper svg {
        max-width: 200px;
    }

.ph-no-lc .nd-live-classes-wrapper-table-inner tr td {
    border: none;
}

.nd-live-classes-wrapper-table {
    min-height: 195px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nd-live-classes-wrapper.appointment-div {
    padding-top: 45px;
    padding-left: 0;
    padding-right: 0;
}

.ph-lc-dashboard-placeload {
    padding-left: 0px;
    margin-top: 14px;
}

.placeload .ph-lc-dashboard-placeload .image-placeholder {
    width: 100%;
    margin-top: 0;
    height: 32px;
    border-radius: 25px;
}

.ph-lc-dashboard-placeload .condition-tag {
    font-size: 13px;
    padding: 0;
    background: transparent;
    border: 1px solid #dbe1ed;
}

.ph-lc-dashboard-placeload .active-lc-tag::before {
    background: #dde3ed;
}

.ph-lc-dashboard-placeload .active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(222 227 237 / 57%) 0%, rgba(254, 254, 255, 0) 100%);
}

.condition-tag-all.active-lc-tag::before {
    background: #01e1b4;
}

.ph-lc-dashboard-placeload a.condition-tag.condition-tag-addiction {
    min-width: 106px;
}

.ph-lc-dashboard-placeload a.condition-tag.condition-tag-relsp {
    min-width: 125px;
}

.ph-lc-dashboard-placeload a.condition-tag.condition-tag-pg {
    min-width: 159.73px;
}

.ph-lc-dashboard-placeload a.condition-tag.condition-tag-pastlive {
    min-width: 147.19px;
}

.ph-dash-default-head h4 {
    color: var(--primary-color);
    font-size: var(--base-font-size-h4);
    font-weight: 600;
    position: relative;
    margin-bottom: 2rem;
}

.ph-dash-default-head p {
    font-size: 15px;
    line-height: 22px;
    color: var(--on-primary-color);
    margin-top: 17px;
}

#Category, #Condition {
    width: 100%;
    max-width: 450px;
    height: 350px;
}

.ba-overview-data-content .ph-dash-default-head, .ba-usage-data-content .ph-dash-default-head {
    position: absolute;
    top: 15px;
}

.ba-statcis .ba-box-shadows {
    height: 100%;
}

.ba-statics-data-content .light-green-data {
    color: var(--light-green);
}

.ba-statics-data-content .light-yellow-data {
    color: var(--light-yellow);
}

.ba-statics-data-content .light-salmon-data {
    color: var(--plm-light-salmon);
}


/* My Skills */
.admin-progress-wrapper {
    height: 44px;
    border-radius: 5px;
    background-color: #F5F6F8;
}

.admin-progress-bar {
    text-align: left;
    border-radius: 5px;
    transition-duration: 3s;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin-progress-wrapper span {
    display: inline-block;
    position: relative;
    left: 5px;
}

.admin-progress-wrapper .admin-progress-bar[aria-valuenow="1"] span {
    left: 8px;
}

.admin-progress-bar-vaule {
    color: var(--primary-dark-color2);
}

.admin-progress-main-wrapper {
    display: grid;
    grid-template-columns: 190px 1fr;
    align-items: center;
    justify-content: flex-end;
    gap: 23px;
    max-width: 100%;
    margin-left: auto;
    padding-right: 30px;
    text-align: right;
}

    .admin-progress-main-wrapper label {
        line-height: 19px;
        font-size: var(--base-font-size);
    }

.ph-admin-category .admin-progress-main-wrapper:not(:last-child), .ph-admin-sub-category .admin-progress-main-wrapper:not(:last-child) {
    margin-bottom: 25px;
}

.ph-admin-sub-category .admin-progress-tags {
    text-transform: capitalize;
    line-height: 20px;
    word-break: break-word;
}

.admin-progress-wrapper .skill .val {
    float: right;
    font-style: normal;
    margin: 0 20px 0 0;
}

.admin-progress-tags {
    display: block;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--on-primary-color);
    line-height: 17px;
    margin-bottom: 0 !important;
}

.admin-view-more {
    box-shadow: none;
    border: none;
    background: none;
    color: var(--primary-color);
    text-decoration: underline;
    font-size: var(--base-font-size-lg);
    text-align: center;
    display: block;
    margin: 20px auto 0;
}


.phb-mw-icons path {
    stroke: #F9D52E;
}

.no-data-mt-grey-smily {
    top: 54%;
}

.create-pass-modal .password-hint {
    bottom: 20px;
    right: 0;
}

.create-pass-modal .tooltip-arrow {
    display: none;
}
/*loading text animation starts here*/
.admin-loader-loading-text {
    left: 50%;
    top: 54%;
    font-size: var(--base-font-size-xxl);
    font-weight: 400;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    position: absolute;
    overflow: hidden;
    transform: translate(-50%, -60%);
}

    .admin-loader-loading-text:before {
        color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5);
        content: attr(data-loading-text);
    }

    .admin-loader-loading-text:after {
        top: 0;
        left: 0;
        width: 0;
        opacity: 1;
        color: var(--theme-primary-color);
        overflow: hidden;
        position: absolute;
        content: attr(data-loading-text);
        -webkit-animation: loading 5s infinite;
        animation: loading 5s infinite;
    }

@-webkit-keyframes loading {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes loading {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}
/*loading text animation ends here*/

.ph-admin-ub-legends-inner {
    display: flex;
    align-items: center;
}

    .ph-admin-ub-legends-inner svg {
        width: 24px;
        height: 24px;
        fill: #ffffff;
        display: inline-block;
    }

.admin-legends-ub-icons {
    padding: 5px;
    border-radius: 9px;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-therapy-legends {
    background-color: var(--light-blue);
}

.video-therapy-legends {
    background-color: var(--light-yellow);
}

.courses-legends {
    background-color: var(--light-salmon);
}

.meditataion-therapy-legends {
    background-color: var(--light-green);
}

.ph-admin-ub-legends .ph-admin-ub-legends-inner:not(:last-child) {
    margin-bottom: 15px;
}

.admin-legends-ub-content {
    color: var(--secondary-color);
}

    .admin-legends-ub-content span {
        font-size: 19px;
        font-weight: 700;
        padding-right: 3px;
    }

.admin-legends-ub-content-count {
    line-height: 20px;
}

.admin-legends-ub-content small {
    font-size: var(--base-font-size-xxs);
    color: var(--on-primary-color);
}

.ph-admin-usage-breakdown {
    display: flex;
    align-items: center;
}

.ph-admin-ub-legends {
    margin-left: 25px;
}

.ph-admin-ub-legends {
    min-width: 180px;
}

.admin-legends-ub-content label {
    font-size: var(--base-font-size);
    color: var(--primary-color);
    font-weight: 500;
}

.triangle-rotate {
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform: rotate(22deg);
    transition-property: -webkit-transform;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
}

.ph-cust-therapy-session {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ph-cust-therapy-session svg {
        width: 190px;
        height: 190px;
    }

.guage-therapy-session {
    position: relative;
}

.ph-manage-appointment-wrapper.one-appt {
    grid-template-columns: auto;
    max-width: 400px;
    margin: 0 auto;
}

.one-appt .dash-appo-the-name img {
    width: 60px;
    height: 60px;
}

.MoodThoughts {
    color: var(--on-primary-color);
    max-width: 400px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    word-break: break-word;
    width: 100%;
    margin: 2px;
    position: relative;
}

.thought-quotes-icon em.icon {
    font-size: 20px;
    color: var(--secondary-color);
    opacity: 0.4;
    line-height: 16px;
}

.thought-quotes-icon {
    opacity: 0.8;
    position: absolute;
    top: -12px;
    left: -17px;
}

.thought-quotes {
    margin: 8px 0;
}

.thought-time {
    position: absolute;
    bottom: -10px;
    right: -6px;
    font-size: 11.5px;
    font-weight: 400;
}

label.thought-quotes {
    min-width: 80px;
}

#DivMoodTrackerLoad.nd-placeload-preloader-oc .feedback-emoji-main-wrapper {
    min-height: 240px;
    justify-content: space-between;
}

.boxes-newdash-1.boxes-newdash-pract .table-responsive.table-appointments {
    max-height: calc(100% - 30px);
}

.ph-ad-count-small {
    color: var(--on-primary-color);
    font-size: var(--base-font-size-lg);
    margin-left: 5px;
    position: relative;
    top: -3px;
}

#AvgNoData {
    color: var(--secondary-color);
    margin-bottom: 0;
    font-size: 15px;
    letter-spacing: 0.2px;
    font-weight: 700;
}

#export_Overview.js-disabled-btn-download-report, #export_Usage.js-disabled-btn-download-report {
    background-color: var(--disabled-color) !important;
    box-shadow: none;
    cursor: not-allowed !important;
    color: var(--white-color) !important;
}

    #export_Overview.js-disabled-btn-download-report .dx-button-content, #export_Usage.js-disabled-btn-download-report .dx-button-content {
        background-color: var(--disabled-color) !important;
        cursor: not-allowed !important;
    }

.js-disabled-btn-download-report .dx-button-text {
    cursor: not-allowed !important;
}

.sucidal-input-wrapper {
    z-index: 1000;
    width: calc(100% + 22px);
    padding: 4px 23px 6px;
    margin: 0 -11px;
    background: #FEF0F4;
    line-height: 1.25;
    margin-top: -10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E9EBF4;
    position: relative;
    top: -11px;
}

.sucidal-input-inner-wrapper {
    display: flex;
}

span.sucidal-important-label {
    color: #DC143C;
    font-weight: 600;
    padding-right: 4px;
    font-size: 13px;
}

.sucidal-input-inner-wrapper em.icon {
    color: var(--on-secondary-color);
    font-size: 18px;
    line-height: 22px;
    cursor: pointer;
}

.clinical-notes-profile-mw-inner .sucidal-input-text {
    margin-bottom: 13px;
}

.sucidal-input-text {
    color: var(--on-primary-color);
    font-size: 0.97rem;
    font-weight: 400;
}

.ph-manage-appointment-wrapper .dash-appo-the-name {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 15px;
}

#custom_markup_container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ba-green-label, .ba-yellow-label {
    display: none;
}

.daterangepicker .drp-buttons .btn {
    float: none;
    font-weight: 500 !important;
    font-size: var(--base-font-size-xxs) !important;
    border-radius: calc(var(--bs-border-radius) * 1.8);
    padding: 0.15rem 0.55rem !important;
}

    .daterangepicker .drp-buttons .btn.applyBtn {
        background-color: var(--theme-primary-color);
    }

.ba-main-wrapper .dx-header-row > td[role="columnheader"] > div.dx-datagrid-text-content {
    font-weight: bold;
}

.ba-main-wrapper .phb-mw-icons {
    width: 200px;
    height: 200px;
    display: inline-block;
}

#phb-chat-therapy, #phb-online-course, #phb-learn, #phb-meditation {
    width: 24px;
    height: 24px;
}

#monthlyUsage {
    height: 290px;
    flex: 1;
}

.appointment-time {
    font-size: 0.85rem;
}

.daterangepicker .drp-buttons {
    border-top: 1px solid var(--primary-border-color) !important;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 0px !important;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 0 !important;
}

.daterangepicker .ranges ul {
    width: initial !important;
    display: flex;
}

.daterangepicker .drp-buttons .btn.cancelBtn {
    background: transparent;
    color: var(--primary-color);
}

@media (min-width: 730px) {
    .daterangepicker.show-calendar .drp-calendar.left {
        clear: both !important;
    }

    .daterangepicker.show-calendar {
        min-width: 520px;
    }
}


/*@media(min-width: 1025px) {
    .daterangepicker {
        max-width: 625px !important;
        width: 100% !important;
    }

        .daterangepicker .ranges ul {
            width: initial !important;
            display: flex;
        }
}

@media(min-width: 564px) {

    .daterangepicker .ranges {
        float: left;
        width: 100%;
    }

    .daterangepicker .drp-calendar {
        width: 100%;
        max-width: 315px;
    }
}*/

@media(max-width: 1025px) {
    .ba-date-range-picker .ba-dp-from {
        display: grid;
        grid-template-columns: auto;
    }

    .daterangepicker {
        max-width: 700px !important;
    }

    .ph-ma-actions-nd-btns {
        justify-content: center;
        align-items: center;
        margin-top: 0.7rem;
        max-width: initial;
        row-gap: 1rem;
        flex-wrap: wrap;
        column-gap: 1rem;
    }

        .ph-ma-actions-nd-btns .dashboard-hc-btn {
            flex: initial;
        }

    .ph-app-time {
        display: block;
        margin-top: 0.2rem;
    }
}


@media(max-width: 1600px) {

    .admin-progress-wrapper {
        height: 41px;
        border-radius: 5px;
        background-color: #F5F6F8;
    }

    .ba-sir-boxes-count label {
        font-size: 43px;
        line-height: 36px;
    }

    .ph-manage-appointment-wrapper.one-appt {
        max-width: 380px;
    }

    .admin-legends-ub-icons {
        padding: 10px;
        margin-right: 12px;
        width: 40px;
        height: 40px;
    }

    .last-month-increase {
        padding: 7px 20px;
        font-size: 15px;
    }

    .increase-icon {
        width: 16px;
        height: 16px;
        margin-left: 9px;
    }

    .ba-statics-head {
        margin-bottom: 40px;
    }

    .ba-sir-boxes-count {
        min-height: 120px;
    }

    .ba-sir-widget-heading {
        display: flex;
        align-items: center;
    }

    .nd-live-classes-wrapper.appointment-div .hc-live-dates {
        font-size: 13px;
    }


    .ph-manage-appointment-inner-wrapper {
        padding: 20px;
    }

    .nd-upcoming-div-inner-wrapper {
        padding: 1rem 0.1rem;
    }

    .dash-appo-the-name img {
        width: 55px;
        height: 55px;
    }

    .dash-appo-the-name {
        grid-gap: 12px;
    }

    .one-appt .ph-ma-therapist-nd-btns .dashboard-hc-btn {
        min-width: 145px;
        padding: 6px 6px;
        letter-spacing: 0.3px;
    }

    .dashboard-user .nd-dash-user img {
        width: 70px;
        height: 70px;
    }

    .icons-share-therp .icon.ni {
        font-size: 16px;
    }

    .dashboard-user-inner label {
        font-size: 15px;
        line-height: 16px;
    }

    .dashboard-user-inner .dashboard-hc-btn.dashborad-mt-btn {
        font-size: 13px;
        width: 110px;
        padding: 4px 9px;
    }

    .dashboard-user {
        grid-gap: 15px;
    }

    .live-classes-row-details-inner h5 {
        font-size: 14px;
    }
}

@media(max-width: 1300px) {
}

@media(max-width: 1199px) {



    .new-ebbok-wrapper {
        margin-top: 21px;
    }

    .moodtracker-main-wrapper, .nd-top-right-wrapper, .appointment-div.nd-dash-therapist {
        margin-top: 30px;
    }

    .nd-top-right-wrapper {
        margin-top: 0px;
    }

    .daily-aff-min-height {
        margin-bottom: 30px;
    }
}

@media(max-width: 1024px) {
    a.condition-tag.condition-tag-mind.active-lc-tag {
        background: var(--tag-bg-mind-border-color);
        color: var(--white-color);
    }

    a.condition-tag.condition-tag-body.active-lc-tag {
        background: var(--tag-bg-body-border-color);
        color: var(--white-color);
    }

    a.condition-tag.condition-tag-work.active-lc-tag {
        background: var(--tag-bg-work-border-color);
        color: var(--white-color);
    }

    a.condition-tag.condition-tag-addiction.active-lc-tag {
        background: var(--tag-bg-addiction-border-color);
        color: var(--white-color);
    }

    a.condition-tag.condition-tag-relsp.active-lc-tag {
        background: var(--tag-bg-relsp-border-color);
        color: var(--white-color);
    }

    a.condition-tag.condition-tag-pg.active-lc-tag {
        background: var(--tag-bg-pg-border-color);
        color: var(--white-color);
    }

    .mood-tracker-action-btns > .ph-default-link {
        align-self: center;
    }

    #MoodHistoryContent span {
        line-height: 20px;
        font-size: 14px;
        display: inline-block;
    }

    .ba-sir-boxes-add-user p, .ba-sir-boxes-book-cons p {
        text-align: center;
    }
}

@media(max-width: 1300px) {
    .hc-live-top-categories {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

        .hc-live-top-categories .condition-tag:not(:last-child) {
            margin-right: 15px;
        }

        .hc-live-top-categories .condition-tag {
            margin: 0;
            min-width: initial;
        }

        .hc-live-top-categories > * {
            flex: 1;
        }
}

@media(max-width: 1000px) {
    .ba-statics-inner-fr {
        grid-template-columns: auto;
    }

    .ba-statics-inner-sr {
        grid-template-columns: 55% 1fr;
    }
}

@media(max-width: 991px) {
    .thid-dashboard-row {
        margin-top: 0;
    }

    .ph-cust-therapy-session svg {
        width: 190px;
        height: 190px;
    }

    .ba-category-breakdown {
        margin-bottom: 30px;
    }

    .nd-live-classes-wrapper-placeholder .hc-live-top-categories {
        padding-bottom: 0rem;
        overflow: hidden;
    }

    .nd-live-classes-wrapper-table-inner .live-classes-row {
        grid-template-columns: auto repeat(2, auto);
        gap: 15px;
    }

    .ph-lc-dashboard {
        margin: 4px 0 15px;
        padding: 0 25px;
    }

        .ph-lc-dashboard .condition-tag {
            min-width: initial;
        }

        .ph-lc-dashboard .condition-tag {
            padding: 6px 15px 6px;
            line-height: 15px;
            font-size: 12px;
        }

    .ba-statcis-row {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
    }

    .new-ebbok-wrapper .slick-dots {
        bottom: -40px;
        width: 100%;
        text-align: center;
    }

    .placeload.nd-live-classes-wrapper-placeholder {
        padding-top: 50px;
    }

    .ph-lc-dashboard-placeload .condition-tag {
        padding: 0;
    }

    .ph-lc-dashboard-placeload .condition-tag {
        min-width: 100px;
    }
}

@media(max-width: 576px) {

    .ph-ma-actions-nd-btns .dashboard-hc-btn {
        min-width: 135px;
    }

    .admin-progress-bar {
        font-size: 13px;
    }

    .mood-tracker-result-wrapper {
        font-size: 4rem;
        min-height: 241px;
    }

    .p-loader-emojee {
        min-height: 22em;
    }

    .ph-lc-dashboard.ph-lc-dashboard-placeload {
        padding: 0 0px;
    }

    .nd-live-classes-wrapper-placeholder .head-hc-live-placeholder {
        display: none;
    }

    .nd-live-classes-wrapper-placeholder .live-class-row .live-classes-row-profile {
        margin-bottom: 5px;
    }

    .nd-live-classes-wrapper-placeholder .live-class-row .live-classes-row-details-inner {
        margin-bottom: 15px;
    }

    .nd-live-classes-wrapper-placeholder .live-class-row .live-classes-row-details-inner {
        margin-bottom: 10px;
    }

    .nd-live-classes-wrapper-placeholder .live-classes-row {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .ph-lc-dashboard-placeload .placeload .image-placeholder, .hc-live-placeholder-head {
        margin-left: auto;
        margin-right: auto;
    }

    .nd-live-classes-wrapper-placeholder .live-classes-row-details {
        margin-bottom: 15px;
    }

    .nd-placeload-preloader-oc .nd-loader-learn-para-content-footer {
        margin-right: auto;
        position: initial;
    }

    .ph-admin-category .admin-progress-main-wrapper:not(:last-child), .ph-admin-sub-category .admin-progress-main-wrapper:not(:last-child) {
        margin-bottom: 20px;
    }

    .ph-ma-action-btns-wrapper {
        grid-template-columns: auto;
        margin-bottom: 10px;
    }

    .ph-manage-appointment-wrapper {
        grid-template-columns: auto;
    }

    .feedback-emoji-wrapper {
        max-width: 100%;
        padding: 0 15px;
    }

    .feedback .emojis-wrapper:not(:last-child) {
        margin-right: 10px;
    }

    .mood-track-step-feeling {
        grid-template-columns: repeat(2, auto);
        margin: 24px 0;
    }

    .ph-ma-action-btns-wrapper {
        padding-top: 40px;
    }

    .ph-ma-therapist-nd {
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .nd-upcoming-div-main-wrapper .slick-dots {
        bottom: -4px;
    }

    .ph-admin-usage-breakdown {
        flex-direction: column;
        align-items: flex-start;
    }

    .ph-admin-ub-legends {
        margin-left: 0px;
        margin-top: 20px;
    }

    .ph-admin-ub-legends {
        min-width: 180px;
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 15px;
    }

    .admin-legends-ub-icons {
        width: 35px;
        height: 35px;
        padding: 5px;
    }

    .ph-admin-ub-legends-inner svg {
        width: 20px;
        height: 20px;
    }

    .ph-admin-ub-legends .ph-admin-ub-legends-inner:not(:last-child) {
        margin-bottom: 0;
    }

    .ba-statics-inner-fr, .ba-statics-inner-sr, .ba-statics-inne-fr-left {
        grid-template-columns: auto;
    }

    .ba-main-wrapper {
        margin-top: 15px;
    }

    .new-dashboard-head-wrapper .ba-nav-wrapper {
        grid-template-rows: auto;
    }

        .new-dashboard-head-wrapper .ba-nav-wrapper ul {
            margin-bottom: 0 !important;
        }

    .emojis-wrapper-item,
    .p-db-mtr .emojis-wrapper-item {
        font-size: 32px;
    }

    .hc-live-top-categories {
        grid-template-columns: repeat(2, 1fr);
    }

    .live-class-row .ph-lc-dashboard {
        padding: 0 15px;
    }

    .nd-live-classes-wrapper-placeholder .ph-lc-dashboard.ph-lc-dashboard-placeload {
        padding: 0 0px;
    }

    .live-class-row .nd-live-classes-wrapper-table-inner .live-classes-row {
        grid-template-columns: auto;
    }

    .live-class-row .nd-live-classes-wrapper .live-classes-row-details {
        padding-right: 0px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .live-class-row .live-classes-row-profile {
        width: 85px;
        height: 85px;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .live-class-row .nd-live-classes-wrapper-table-inner .live-classes-row {
        justify-content: center;
    }

    .live-class-row .live-classes-row-details-inner {
        text-align: center;
        margin-right: 0;
    }

    .live-class-row .nd-live-classes-wrapper.appointment-div .hc-live-dates {
        text-align: center;
        margin: 12px 0;
        font-size: 14px;
    }

    .live-class-row .live-classes-row-actions-default {
        max-width: 130px;
        font-size: 15px;
        margin: 0 auto;
    }

    .live-class-row .live-classes-row-details-time-progress {
        margin-right: 0;
        display: flex;
    }

    label.nd-tag {
        padding: 5px 9px 6px;
        white-space: nowrap;
    }

    .nd-live-classes-wrapper.appointment-div {
        padding-top: 50px;
    }

    .new-ebbok-wrapper {
        margin-top: 0px;
    }
}

/*css for clinical notes starts here*/

.clinical-notes-main-wrapper {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: var(--card-bg-color);
    overflow: hidden;
    border-left: 1px solid #f2f2f2;
    transition: 0.5s;
}

.question-answer-wrapper {
    display: grid;
    grid-template-columns: 1.3rem 1fr;
    gap: 8px;
}

.question-answer-content {
    margin-bottom: 1.2rem;
}

.question-answer-wrapper label {
    position: relative;
    line-height: 1.3rem;
}

.question-answer-wrapper h4 {
    font-size: 0.95rem;
    line-height: 1.35rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 3px;
}

    .question-answer-wrapper h4 label {
        margin-right: 6px;
    }

.question-answer-wrapper p {
    font-size: 1rem;
    margin-bottom: 0;
}

.sidenav-view-profile .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.clinical-notes-main-wrapper.open-nav-wrapper {
    width: 50%;
}

.msg-side-nav-header svg {
    opacity: 1;
    cursor: pointer;
    stroke: var(--primary-color);
}

.msg-side-nav-header-text {
    font-weight: 600;
    font-size: var(--base-font-size-h3);
    color: var(--primary-color);
    margin: 0;
}

.msg-sidebar-profile-details .msg-side-nav-header-text, .clinical-chat-therapist h5 {
    margin-bottom: 0.3rem;
}

.clinical-notes-profile-mw {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.clinical-chat-therapist {
    display: flex;
    align-items: center;
}

    .clinical-chat-therapist h5, .clinical-chat-therapist p {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .clinical-chat-therapist h5 {
        margin-right: 0.5rem;
    }

.clinical-notes-profile-mw-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 6px;
    overflow-y: scroll;
    padding: 1rem;
    padding-bottom: 5.3rem;
}

.clinical-about-para {
    color: var(--on-primary-color);
    letter-spacing: normal;
    font-size: 0.95rem;
}

.clinical-notes-profile {
    margin-bottom: 1.6rem;
    margin-top: 0.4rem;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.msg-side-nav-body .userProfileDiv {
    overflow: hidden;
    margin: 0px auto;
}

.clinical-notes-profile-img img, .clinical-notes-profile-mw.placeload .clinical-notes-profile-img .placeload-img-default {
    height: 4.5rem;
    width: 4.5rem;
    position: relative;
    border-radius: 50%;
    object-fit: cover;
}

.clinical-notes-main-wrapper .pact-profile-name {
    display: block;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: normal;
    margin: 0;
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 6px;
}

.clinical-notes-profile .pact-profile-name small {
    margin-top: 0px;
}

.main-message-wrapper {
    background-attachment: fixed;
}

.msger-chat {
    min-height: 100%;
}

.cp-accredation #pr_accreditations {
    margin-top: 0;
    position: relative;
    top: -1px;
    padding: 1px;
}

.clinical-profile-company {
    margin-left: 1.4rem;
}

.cp-accredation {
    display: flex;
    align-items: center;
    line-height: 15px;
    color: var(--on-primary-color);
    font-size: 0.95rem;
}

#pr_name {
    font-size: 0.95rem;
}

/*css for placeholder clinical notes starts here*/
.clinical-notes-profile-mw.placeload .pact-profile-name {
    max-width: 210px;
    width: 100%;
}

    .clinical-notes-profile-mw.placeload .pact-profile-name .loads:nth-child(1) {
        max-width: 90%;
        margin-bottom: 4px;
    }


    .clinical-notes-profile-mw.placeload .pact-profile-name .loads:nth-child(2) {
        max-width: 50%;
    }

.clinical-notes-profile-mw.placeload .clinical-chat-therapist {
    max-width: 40%;
}

.clinical-notes-profile-mw.placeload .clinical-profile-company {
    display: flex;
    flex-direction: column;
}

    .clinical-notes-profile-mw.placeload .clinical-profile-company .pact-profile-name:nth-child(2) {
        max-width: 260px;
        margin-top: 6px;
    }

.clinical-notes-profile-mw.placeload .clinical-chat-therapist .loads:nth-child(1) {
    max-width: 50%;
    margin-bottom: 4px;
}

.clinical-notes-profile-mw.placeload .clinical-chat-therapist {
    display: block;
    margin-bottom: 13px;
}

.clinical-notes-profile-mw.placeload .clinical-chat-therapist-about {
    max-width: 60%;
}

.clinical-notes-profile-mw.placeload .clinical-about-para {
    max-width: 100%;
}

    .clinical-notes-profile-mw.placeload .clinical-about-para .loads:nth-child(2) {
        max-width: 85%;
        margin-top: 5px;
    }

.clinical-notes-profile-mw.placeload .question-answer-main-wrapper {
    margin-top: 30px;
}

.clinical-notes-profile-mw.placeload .question-answer-wrapper > .loads {
    width: 11px;
    height: 14px;
}

.clinical-notes-profile-mw.placeload .question-answer-content .loads:nth-child(2) {
    max-width: 85%;
    margin-top: 5px;
}

.clinical-notes-profile-mw.placeload .question-answer-main-wrapper .question-answer-wrapper:not(:last-child) {
    margin-bottom: 20px;
}

.clinical-notes-profile-mw.placeload .clinical-notes-profile-mw-inner {
    max-width: 80%;
    overflow: hidden;
}

/*css for placeholder clinical notes ends here*/
@media(max-width: 767px) {
    .clinical-notes-main-wrapper.open-nav-wrapper, .clinical-notes-profile-mw.placeload .clinical-notes-profile-mw-inner {
        width: 100%;
    }
}

/*css for clinical notes starts here*/

/*my chat therapy starts here*/

.ph-my-chat-therapy .dashboard-user-inner label {
    text-decoration: none;
}

.ph-my-chat-therapy-user {
    text-align: left;
}

    .ph-my-chat-therapy-user .review-name-date-wrapper h5 {
        font-size: 1rem;
    }

    .ph-my-chat-therapy-user .review-name-date-wrapper {
        margin-bottom: 5px;
    }

    .ph-my-chat-therapy-user p {
        margin-bottom: 0.7rem;
    }

.ph-my-chat-therapy-inner.placeload {
    position: initial;
}

    .ph-my-chat-therapy-inner.placeload .nd-label-head {
        padding: 0;
        position: absolute;
        top: 16px;
        left: 15px;
        max-width: 130px;
        min-width: initial;
        width: 100%;
    }

    .ph-my-chat-therapy-inner.placeload .placeload-img-default {
        width: 90px;
        height: 90px;
        border-radius: 50%;
    }

    .ph-my-chat-therapy-inner.placeload .review-name-date-wrapper .loads:nth-child(1) {
        max-width: 350px;
    }

    .ph-my-chat-therapy-inner.placeload .review-name-date-wrapper .loads:nth-child(2) {
        max-width: 50px;
    }

.ph-placeload .dashboard-hc-btn {
    padding: 0;
    min-height: 37px;
    background: transparent;
}

.placeload-btn-dashboard {
    width: 100%;
    height: 37px !important;
    border-radius: 5px;
}

.pl-mt-para {
    margin: 15px 0;
}

.ph-my-chat-therapy-user img {
    width: 6.1rem;
    height: 6.1rem;
    border-radius: 50%;
}

.ph-my-chat-therapy-user .review-name-date-wrapper label {
    line-height: 18px;
    white-space: nowrap;
    margin-left: 6px;
}

.ph-my-chat-therapy-user .dashboard-user {
    grid-gap: 12px;
}

.ph-my-chat-therapy-user .review-name-date-wrapper h5 {
    font-size: 0.94rem;
}

@media(max-width: 1600px) {
    .ph-my-chat-therapy-inner.placeload .placeload-img-default {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 767px) {
    .ph-my-chat-therapy-user img {
        width: 3.7rem;
        height: 3.7rem;
    }

    .ph-my-chat-therapy-user p, .ph-start-chat-therapy-para {
        line-height: 1.3rem;
        width: 230px;
    }
}
/*my chat therapy ends here*/

/*Start therapy starts here*/
.ph-start-chat-therapy-icon {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
}

.call-chat-therapist-dash, .ph-placeload .call-chat-therapist-dash {
    width: 5rem;
    height: 5rem;
}

.ph-start-chat-therapy-para {
    color: var(--on-primary-color);
}

.ph-my-chat-therapy-user p, .ph-start-chat-therapy-para {
    margin: 0.2rem 0 0.7rem;
    font-size: var(--base-font-size-xs);
}

.ph-start-chat-therapy-placeload .loads:not(:last-child) {
    margin-bottom: 0.7rem;
}

.ph-placeload .call-chat-therapist-dash {
    border-radius: 50%;
}

.ph-placeload .ph-start-chat-therapy-content .dashboard-hc-btn {
    margin-top: 1rem;
}

.chat-therapy-welcome-txt p {
    margin: 0 !important;
}

.admin-progress-wrapper .admin-progress-bar[aria-valuenow="0"] span {
    position: relative;
    left: 16px;
}

.over-all-statics-wrapper {
    display: inline-block;
    position: absolute;
    right: 60px;
    top: 30px;
}

.over-all-statics-label {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.15rem;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
}

.overall-graph-icon {
    width: 160px;
    height: 160px;
}

.boxes-newdash-pract .dash-appo-the-name {
    margin-right: 8px;
    display: inline-block;
}

@media(max-width: 1600px) {
    .overall-graph-icon {
        width: 135px;
        height: 135px;
    }

    .over-all-statics-wrapper {
        right: 20px;
        top: 10px;
    }
}

@media(max-width: 767px) {
    .call-chat-therapist-dash, .ph-placeload .call-chat-therapist-dash {
        width: 3.5rem;
        height: 3.5rem;
    }

    .ph-start-chat-therapy-icon {
        gap: 1rem;
    }
}
/*my chat therapy starts here*/
@media(max-width: 1400px) {
    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        font-size: 0.8rem;
        min-width: 102px;
    }

    .boxes-newdash-1.boxes-newdash-pract {
        height: 100%;
    }
}

@media(max-width: 1200px) {
    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        min-width: 110px;
    }

    .boxes-newdash-pract .appointment-div {
        margin-bottom: 30px;
    }

    .admin-progress-main-wrapper {
        grid-template-columns: 1fr;
        padding-right: 0;
        justify-content: flex-start;
        text-align: left;
        grid-gap: 8px;
    }


    .admin-progress-wrapper {
        height: 30px;
    }

    .mood-tracker-result-wrapper {
        font-size: 4.5rem;
    }

    .overall-graph-icon {
        width: 100px;
        height: 100px;
    }

    .over-all-statics-wrapper {
        right: 20px;
        top: 20px;
    }

    .over-all-statics-label {
        line-height: 1rem;
        font-size: 0.76rem;
    }

    .ba-usage-data-content .ba-box-shadows {
        min-height: 300px;
    }
}

.hr-admin-team {
    margin-bottom: 30px;
}

.hr-admin-team-img-wrapper {
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .hr-admin-team-img-wrapper img {
        max-width: 4.6rem;
    }

.hr-admin-team {
    padding-top: 52px;
}

.hr-admin-team-content {
    display: grid;
    grid-template-columns: 100px auto;
    grid-gap: 25px;
    align-items: flex-start;
}

    .hr-admin-team-content .audio-dash-new p {
        line-height: 22px;
        margin-bottom: 5px;
    }

.ph-my-chat-therapy-user {
    text-align: left;
    overflow: hidden;
}

.chat-therapist-recent-msg, .nd-review-name-star-wrapper {
    overflow: hidden;
}

.nd-review-lists p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.review-name-inner-wrapper .exclaimation-icon {
    padding-left: 2px;
}

.add-unread-class {
    position: relative;
}

    .add-unread-class::after {
        content: '';
        position: absolute;
        top: 3px;
        margin-top: 0 !important;
        right: 7px;
        background-color: var(--notification-bg-color);
        padding: 3px;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        font-size: 9px;
        text-align: center;
        line-height: 12px;
        margin-bottom: 0 !important;
        display: flex;
        justify-content: center;
        color: #fff;
    }

.no-records-found td {
    text-align: center !important;
    padding-top: 2rem !important;
}

@media(max-width: 767px) {
    .hr-admin-team-content {
        grid-template-columns: 60px auto;
        grid-gap: 15px;
    }

    .hr-admin-team-img-wrapper img {
        max-width: 2.8rem;
    }

    .hr-admin-team-content .audio-dash-new p {
        line-height: 19px;
    }

    .hr-admin-team-img-wrapper {
        align-items: flex-start;
        position: relative;
        top: 7px;
    }

    .nd-views-stats label {
        font-size: 12px;
    }

    .nd-learn-views-stats-inner {
        grid-gap: 10px;
    }

    .nd-views-stats .icon.ni {
        font-size: 17px;
    }

    .oc-learn-dashboard .before-hover-text p, .audio-dash-new p, .audio-wrapper-dash {
        font-size: 14.5px;
    }

    .over-all-statics-wrapper {
        right: 10px;
        top: 10px;
    }

    .overall-graph-icon {
        width: 90px;
        height: 90px;
    }

    .over-all-statics-label {
        line-height: 0.9rem;
        font-size: 0.7rem;
    }

    .nd-blog-bg-img1 {
        background-position: 0 0px;
    }

    .dash-appo-the-name .nd-doctor-name {
        white-space: nowrap;
    }
}

@media(max-width: 1252px) {
    .hr-admin-team {
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .admin-head-exp-btn {
        align-items: center;
    }
}

@media(max-width: 1025px) {

    /*report download btn hide on mobile*/

    #export_Overview.expt-modi-btn, #export_Usage.expt-modi-btn,
    .teams-body .user-list-content #exportButton.export-btn-overview {
        display: none;
    }

    .teams-body .nd-blogs-wrapper-inner1 {
        pointer-events: none;
    }
}

.welcome-dash-moodal .dashboard-user {
    align-items: center;
}

.welcome-dash-moodal .chat-therapist-recent-msg {
    padding: 15px 0 15px;
}

.welcome-dash-moodal-link {
    text-align: center;
    margin-top: 15px;
}

.welcome-dash-moodal-names {
    text-align: left;
}

.welcome-dash-moodal-btns {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: auto auto;
    margin: 0 auto;
    text-align: center;
    gap: 20px;
}

.welcome-dash-moodal-link a {
    color: var(--on-secondary-color);
}

.welcome-dash-moodal-names label {
    color: var(--on-secondary-color);
}

.welcome-dash-moodal-names h5 {
    font-size: 1.11rem;
}

.welcome-dash-moodal-names label.nd-tag {
    font-weight: 400;
    border: 1px solid var(--primary-color);
    border-radius: 2px;
    color: #ffffff;
    padding: 1px 4px 1px;
    background-color: var(--primary-color);
    font-size: 8px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 6px !important;
}

.ph-manage-time-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .ph-manage-time-date label.dash-appo-the-date {
        margin: 0;
        align-self: flex-end;
    }

.my-appointment-btns-wrapper {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 15px;
    align-items: center;
}

@media(max-width: 360px) {
    .welcome-dash-moodal-btns {
        grid-template-columns: auto;
    }
}

@media(max-width: 767px) {
    .ph-ma-therapist-nd-btns {
        gap: 10px;
    }

    #welcomeDialog p.dashboard-user-inner-design {
        width: 100%;
    }

    .one-appt .ph-ma-therapist-nd-btns .dashboard-hc-btn {
        min-width: 135px;
    }

    .emergency-details.bg-cd-heading > .df-jcsb {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 15px;
    }

        .emergency-details.bg-cd-heading > .df-jcsb h3 {
            margin-bottom: 7px;
        }
}

.pract-container .table td,
.pract-container .table th {
    border: none;
}


.pract-container .dash-appo-the-name img {
    margin-left: 3px;
    width: 45px;
    height: 45px;
    object-fit: cover;
    margin-right: 5px;
    border-radius: 50%;
}

.pract-container .nd-completed-appointment .table-responsive.table-appointments td {
    padding: 7px 0px;
}

.pract-container .dash-appo-the-name {
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

.emergency-details.bg-cd-heading h3 {
    margin-bottom: 26px;
}

.secondary-header {
    margin-top: 35px;
}

.svg-green-zone {
    fill: rgb(118, 246, 221);
}

.svg-salmon-zone {
    fill: rgb(243, 167, 172);
}

.svg-yellow-zone {
    fill: rgb(249, 231, 145);
}

.session-available-svg-circle {
    fill: var(--light-grey-svg-color);
}

.session-available-svg-circle-stroke {
    stroke: var( --light-grey-svg-stroke);
}

.triangle-rotate {
    fill: var(--on-primary-color);
}

.session-available-svg-main-circle {
    fill: var(--light-grey-main-circle);
}

.dash-appo-the-name .nd-doctor-name {
    display: inline-block;
    word-break: break-word;
    min-width: 80px;
}

.ba-active-user-grid .icon.ni {
    font-size: 20px;
}

@media(max-width: 1024px) {
    .certificate-row .certf_size .fileUpload {
        top: calc(100% - 18px);
    }

    .certf_size .fileUpload span {
        font-size: 10px !important;
    }
}
/*dark mode css starts here*/
html[color-mode="dark"] .nd-ebook-wrapper {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .new-ebbok-wrapper .slick-center .nd-ebook-wrapper {
    background: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .nd-ebook-wrapper hr {
    border: 0.5px solid #403f3f;
}

html[color-mode="dark"] .slick-center .nd-ebook-wrapper hr {
    border: 0.5px solid var(--dark-primary-color);
}

html[color-mode="dark"] .admin-progress-wrapper {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .admin-progress-bar-vaule {
    color: var(--text-white);
}


html[color-mode="dark"] .ba-date-range-picker .report-range span {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .ba-active-user-grid {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .dx-datagrid-filter-row .dx-menu {
    margin-left: 0px;
    margin-top: 0px;
}

html[color-mode="dark"] .ba-upload-dd .drop {
    border: 1px solid var(--chat-dark-border-2);
    background: var(--chat-dark-border);
}

html[color-mode="dark"] .ba-active-user-grid .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid var(--chat-dark-border-2);
    border-left: 1px solid var(--chat-dark-border-2);
    border-right: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .ba-active-user-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .ba-active-user-grid .dx-datagrid .dx-column-lines > td {
    border-left: 1px solid var(--chat-dark-border-2);
    border-right: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-headers,
html[color-mode="dark"] .ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-rowsview,
html[color-mode="dark"] .ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid var(--chat-dark-border-2);
    border-right: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .dx-datagrid-borders > .dx-datagrid-filter-panel,
html[color-mode="dark"] .ba-active-user-grid .dx-datagrid-borders > .dx-datagrid-headers {
    border-top: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .hc-live-participants img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: -15px;
    border: 1px solid var(--chat-dark-border-1);
}

html[color-mode="dark"] .condition-tag {
    color: var(--light-grey-dark) !important;
}

    html[color-mode="dark"] .condition-tag:hover {
        color: var(--light-grey-dark) !important;
    }

html[color-mode="dark"] .ph-lc-dashboard-placeload .condition-tag {
    border: 1px solid var(--bg-default);
    background-color: initial;
}

html[color-mode="dark"] .placeload {
    background: var(--chat-dark-bg-2);
}

    html[color-mode="dark"] .placeload .dashboard-hc-btn {
        border-color: transparent;
        border: none;
    }


html[color-mode="dark"] .nd-blogs-wrapper-inner1 .nd-label-head-wbg-line.nd-label-head span {
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .main-head-steps-sp h1, html[color-mode="dark"] .nd-greetings-user, html[color-mode="dark"] .chat-text, html[color-mode="dark"] .meditation-oic-course-header-head {
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .live-classes-row-actions-default:hover {
    background-color: var(--input-focus-dark) !important;
    border: 1px solid var(--chat-dark-border-2) !important;
}

html[color-mode="dark"] .ph-lc-dashboard-placeload .active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(52 52 52) 0%, rgb(20 20 20) 100%);
}

html[color-mode="dark"] .ph-lc-dashboard-placeload .active-lc-tag::before {
    background: #7c7c7c;
}

/*html[color-mode="dark"] .active-lc-tag::before {
    background: #447cad;
}*/

html[color-mode="dark"] .ba-sir-boxes-add-user {
    background-color: var(--input-focus-dark);
}

html[color-mode="dark"] .ba-sir-boxes-book-cons {
    background-color: var(--salmon-dark-color);
}

html[color-mode="dark"] svg.ba-dp-down-arrow {
    background-color: var(--chat-dark-bg-2);
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .daterangepicker {
    background: var(--bg-default) !important;
    box-shadow: var(--bg-default-box-shadow) !important;
}

    html[color-mode="dark"] .daterangepicker .ranges li.active {
        background-color: var(--dark-primary-color) !important;
        color: var(--primary-color);
    }

    html[color-mode="dark"] .daterangepicker:after {
        border-bottom-color: var(--bg-default);
    }

    html[color-mode="dark"] .daterangepicker:before {
        border-bottom-color: var(--chat-dark-border-2);
    }

.daterangepicker:before {
    border-bottom-color: #fff !important;
}

.daterangepicker .calendar-table {
    font-family: var(--primary-font);
}

.daterangepicker .ranges li:hover {
    background-color: transparent !important;
    color: var(--primary-color);
}

html[color-mode="dark"] .daterangepicker:before {
    border-bottom-color: #2a2a2a !important;
}

html[color-mode="dark"] .dx-datagrid,
html[color-mode="dark"] ul.pagination li a,
html[color-mode="dark"] .pagination-detail .dropdown-menu li a {
    color: var(--on-primary-color) !important;
}

html[color-mode="dark"] ul.pagination li.active a {
    color: var(--chat-dark-bg-2) !important;
}

html[color-mode="dark"] .lc-start {
    border: 1px solid #ff4065;
    color: var(--primary-color);
    background-color: #ff4065;
}

html[color-mode="dark"] .hc-live-progress {
    background-color: var(--light-grey-dark);
    color: var(--bg-default) !important;
    padding-left: 14px;
}

html[color-mode="dark"] label.hc-live-progress::before {
    left: 12px;
}

html[color-mode="dark"] .hc-live-placeholder .hc-live-card-bottom-wrapper .hc-live-participants .hc-live-participant {
    border: 1px solid var(--chat-dark-bg-2);
}

html[color-mode="dark"] .headerinner-wrapper-learn.header-wrapper .drop-down-link > p {
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .header-wrapper .drop-down-link > p em {
    color: var(--primary-color);
}


html[color-mode="dark"] .ui-menu-item.ui-state-focus,
html[color-mode="dark"] .ui-menu-item.ui-state-hover,
html[color-mode="dark"] .ui-menu-item.ui-widget-content .ui-menu-item.ui-state-focus,
html[color-mode="dark"] .ui-menu-item.ui-widget-content .ui-state-hover,
html[color-mode="dark"] .ui-menu-item.ui-widget-header .ui-state-focus,
html[color-mode="dark"] .ui-menu-item.ui-widget-header .ui-state-hover {
    background: var(--bg-default) !important;
}

html[color-mode="dark"] .hc-cp-main-wrapper ul.nav a.nav-link.active {
    background: var(--primary-color);
    color: var(--bg-default) !important;
}

html[color-mode="dark"] .hc-cp-main-wrapper ul.nav li a.nav-link {
    background-color: var(--card-bg-color);
}

html[color-mode="dark"] .table td,
html[color-mode="dark"] .table th,
html[color-mode="dark"] .hc-client-profile-tou table {
    border-color: var(--chat-inbox-border-color) !important;
}

html[color-mode="dark"] .hc-cp-help-support-tab .snj-panel .panel::after {
    background-color: var(--chat-dark-border-2);
}

html[color-mode="dark"] .modal-header {
    background-color: var(--chat-dark-bg-1);
    border-bottom: 1px solid var(--card-bg-color);
}

html[color-mode="dark"] .modal-content {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .modal .modal-dialog .btn {
    color: var(--bg-default);
}

html[color-mode="dark"] #localMediaErrorText {
    color: var(--on-primary-color);
}

html[color-mode="dark"] .modal-title {
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .video-page-message {
    background-color: var(--chat-dark-bg-1);
}

    html[color-mode="dark"] .video-page-message .video-msg-inner p {
        color: var(--secondary-color);
    }

html[color-mode="dark"] .dx-scheduler-work-space {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .img-thumbnail {
    background-color: var(--chat-dark-bg-1);
    border: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .form-group .chek-para, .form-group .para-text {
}

html[color-mode="dark"] .dx-button-mode-contained .dx-icon {
    color: var(--light-grey-dark);
}

html[color-mode="dark"] .dx-loadpanel-content-wrapper .dx-loadpanel-message {
    color: var(--light-grey-dark);
}

/*border color*/
html[color-mode="dark"] .dx-scheduler-date-table-cell,
html[color-mode="dark"] .clinical-notes-main-wrapper {
    border-color: var(--disabled-light-color);
}

html[color-mode="dark"] .cus-default-box-for-pract-profile {
    border: 1px solid var(--chat-dark-border);
}

html[color-mode="dark"] #div_clinical_notes_placeload {
    border-radius: 0;
}

html[color-mode="dark"] .ba-com-profile {
    background-color: var(--ot-bg-color);
}

html[color-mode="dark"] .ph-admin-ub-legends-inner svg {
    fill: #1f1f1f;
}

html[color-mode="dark"] .meditataion-therapy-legends {
    background-color: #62e3ca;
}

html[color-mode="dark"] .courses-legends {
    background-color: #fc969d;
}

html[color-mode="dark"] .video-therapy-legends {
    background-color: #f4e07f;
}

html[color-mode="dark"] .chat-therapy-legends {
    background-color: #81c3fa;
}

@media (min-width: 1253px) {
    html [color-mode="dark"] .mood-track-step-feeling span:hover, html [color-mode="dark"] .mood-track-step-feeling .MoodFeelingsStyle.mood-track-active {
        background: var(--dark-primary-color);
        border: 1px solid var(--dark-primary-color);
        color: var(--primary-color);
    }
}

@media (min-width: 1025px) {
    html[color-mode="dark"] .sidebar-mini .main-sidebar .nav-item svg, html[color-mode="dark"] .saved-classes em.icon {
        fill: var(--light-grey-dark);
    }
}


/*dark mode logo*/
.nd-ebook-wrapper .dark-mode-logo {
    display: none;
}

html[color-mode="dark"] #reportrange #Path_1278 {
    stroke: var(--on-primary-color);
}


@media(max-width: 1350px) {
    .active-lc-tag::before, .active-lc-tag::after {
        top: -20px;
    }

    .hc-live-top-categories {
        padding-top: 2rem;
        overflow-y: hidden;
    }
}

.prac-dash-tou .text-title {
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #343434;
    text-align: center;
    width: 100%;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 10px;
}

.prac-dash-tou .trm_con {
    height: 400px;
    overflow-y: Scroll;
    overflow-x: hidden;
}

.active-lc-tag::before {
    background: var(--tag-bg-mind-border-color);
}

.condition-tag-body.active-lc-tag::before {
    background: var(--tag-bg-body-border-color);
}

.condition-tag-body.active-lc-tag::after {
    background: linear-gradient( 180deg, #7946db5c 0%, rgba(254, 254, 255, 0) 100%);
}

.condition-tag-work.active-lc-tag::before {
    background: var(--tag-bg-work-border-color);
}

.condition-tag-work.active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(46 204 113 / 51%) 0%, rgba(254, 254, 255, 0) 100%);
}

.condition-tag-addiction.active-lc-tag::before {
    background: var(--tag-bg-addiction-border-color);
}

.condition-tag-addiction.active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(255 108 152 / 62%) 0%, rgba(254, 254, 255, 0) 100%);
}

.condition-tag-relsp.active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(255 109 63 / 44%) 0%, rgb(255 109 63 / 0%) 100%);
}

.condition-tag-relsp.active-lc-tag::before {
    background: var(--tag-bg-relsp-border-color);
}

.condition-tag-pg.active-lc-tag::before {
    background: var(--tag-bg-pg-border-color);
}

.condition-tag-pastlive.active-lc-tag::before {
    background: var(--tag-bg-pastlive-border-color);
}

.condition-tag-pg.active-lc-tag::after {
    background: linear-gradient( 180deg, rgb(225 154 46 / 49%) 0%, rgba(254, 254, 255, 0) 100%);
}

.nd-blogs-wrapper.placeload, .ebook-placeholder.placeload {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: none;
    margin: 0;
}

    .nd-blogs-wrapper.placeload .nd-learn-wrapper {
        background-color: #f4f5f9;
        background-image: none;
    }

        .nd-blogs-wrapper.placeload .nd-learn-wrapper::after,
        .nd-blogs-wrapper.placeload .nd-creator-hc-inner::after {
            background-color: rgb(255 255 255);
        }

    .nd-blogs-wrapper.placeload .nd-label-head span::after {
        background-color: var(--tag-bg-color);
    }

    .nd-blogs-wrapper.placeload .nd-label-head span.loads {
        width: 75px;
        display: inline-block;
    }

    .nd-blogs-wrapper.placeload .nd-blogs-wrapper-tags {
        display: flex;
        align-items: center;
        max-width: 255px;
    }

    .nd-blogs-wrapper.placeload label.nd-tag-white.loads.image-placeholder {
        margin: 0;
        padding: 15px;
    }

    .nd-blogs-wrapper.placeload .nd-learn-wrapper-content {
        max-width: 80%;
        width: 100%;
    }

.ebook-placeholder.placeload {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .ebook-placeholder.placeload .slick-prev {
        left: 20px;
        bottom: -4px;
        top: initial;
    }

    .ebook-placeholder.placeload .slick-next {
        display: flex;
        bottom: -4px;
        top: initial;
        right: 20px;
    }

    .ebook-placeholder.placeload .slick-arrow {
        border: 1px solid #dee3ee;
        background-color: #d9e0ef;
        background-blend-mode: luminosity;
    }

    .ebook-placeholder.placeload .nd-ebook-wrapper {
        background-color: #fff;
    }

.ebook-header-placeload {
    position: absolute;
    left: 15px;
    top: 5px;
    width: 70px !important;
}

.ebook-placeload-header-content {
    display: inline-block;
    width: 100%;
    max-width: 400px;
}

    .ebook-placeload-header-content .image-placeholder:nth-child(2) {
        max-width: 250px;
    }

.ebook-author-placeload {
    max-width: 75px;
}

.ebook-logo-placeload {
    max-width: 65px;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.ebook-placeholder.placeload .nd-ebook-wrapper hr {
    margin: 10px 0;
    border: 0.5px solid var(--chat-inbox-border-color);
    width: 100%;
}

.nd-blogs-wrapper-inner1 {
    height: 100%;
    width: 100%;
}

.nd-blogs-wrapper-inner1-center {
    transform: scale(1.02);
    position: relative;
    top: -4px;
    width: calc(100% + 180px);
    border: 0px solid var(--chat-inbox-border-color);
    border-radius: 15px;
    z-index: 9;
    box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 5%);
}

.ebook-placeloader-main-wrapper {
    height: 100%;
}

html[color-mode="dark"] .ebook-placeholder.placeload .slick-arrow {
    border: 1px solid #141414;
    background-color: #141414;
    background-blend-mode: luminosity;
}

html[color-mode="dark"] .ebook-placeholder.placeload .nd-ebook-wrapper {
    background-color: var(--chat-dark-bg-2);
}

    html[color-mode="dark"] .ebook-placeholder.placeload .nd-ebook-wrapper hr {
        border: 0.5px solid var(--chat-dark-bg-1);
    }

html[color-mode="dark"] .nd-blogs-wrapper-inner1-center {
    box-shadow: 0px 0px 3px 2px rgb(18 18 18);
}

@media(max-width: 1024px) {
    .ebook-placeholder.placeload {
        margin-top: 38px;
    }
}

@media(max-width: 767px) {
    .nd-blogs-wrapper-inner1-center {
        transform: scale(1.02);
        width: calc(100% - 80px);
        position: absolute;
    }

    .ebook-placeholder.placeload {
        margin-top: 38px;
        position: relative;
    }
}

html[color-mode="dark"] .nd-blogs-wrapper.placeload .nd-blogs-wrapper.placeload {
    background: transparent !important;
}

html[color-mode="dark"] .nd-blogs-wrapper.placeload .nd-learn-wrapper,
html[color-mode="dark"] .placeload {
    background-color: transparent;
}

    html[color-mode="dark"] .nd-blogs-wrapper.placeload .nd-learn-wrapper::after,
    html[color-mode="dark"] .nd-blogs-wrapper.placeload .nd-creator-hc-inner::after {
        background-color: var(--chat-dark-bg-2);
    }

html[color-mode="dark"] .nd-blogs-wrapper.placeload .nd-label-head span::after {
    background-color: #141414;
}

html[color-mode="dark"] .nd-blogs-wrapper.placeload label.nd-tag-white.loads.image-placeholder {
    margin: 0;
    padding: 15px;
    border: transparent;
}

html[color-mode="dark"] .nd-live-classes-wrapper-placeholder {
    background-color: var(--chat-dark-bg-2) !important;
    margin-bottom: 30px;
}

html[color-mode="dark"] .new-dashboard-head-wrapper .nd-live-classes-wrapper-placeholder {
    box-shadow: none;
}

.qr-code-plumm-app {
    position: absolute;
    top: -26px;
    right: 15px;
    padding: 5px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .qr-code-plumm-app p {
        margin-bottom: 2px;
        text-align: left;
        max-width: 185px;
        color: var(--primary-color);
        line-height: 1.2;
        font-size: 0.85rem;
    }

img.qr-scan-plumm-app {
    max-width: 75px;
    background-color: #fff;
    border-radius: 2px;
    padding: 0.08rem;
}

.condition-tag-all {
    color: #173571 !important;
    background: #76f6dd6e;
    border: 1px solid #13ebc0;
}

    .condition-tag-all:hover {
        background: #76F6DD;
    }


html[color-mode="dark"] .condition-tag-all,
html[color-mode="dark"] .condition-tag-all:hover {
    color: #173571 !important;
    background: #76F6DD;
    border: 1px solid #76F6DD;
}

@media(max-width: 991px) {
    img.qr-scan-plumm-app {
        max-width: 39px;
        top: -9px;
        padding: 3px;
    }

    .qr-code-plumm-app {
        display: none;
    }
}


/*wallet payment logo wise stripe logo starts here*/
.blue-wise-logo {
    fill: #00B9FF;
}

.dark-blue-wise-logo {
    fill: #2E4369;
}

.wise-logo {
    width: 123px;
    height: 28px;
}

.wallet-payment-stri-wis-wrapper {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

    .wallet-payment-stri-wis-wrapper .para-text {
        margin: 0;
    }

.stripe-accountdiv {
    margin-bottom: 0.8rem;
}

.wallet-update-msg a {
    font-weight: 500;
}

/*.payment-summary-modal .table > tbody > tr > td,
.payment-summary-modal .table > thead > tr > th {
    text-align: center;
}*/

.payment-summary-placeload {
    background-color: transparent;
    border-width: 0;
}


html[color-mode="dark"] .dark-blue-wise-logo {
    fill: #F7F8FA;
}

html[color-mode="dark"] .wallet-update-msg .con-hover {
    display: inline;
}

html[color-mode="dark"] .payment-summary-modal .table > tbody > tr > td, html[color-mode="dark"] .payment-summary-modal .table > thead > tr > th {
    text-align: center;
    color: var(--on-primary-color);
}

@media(max-width: 1500px) {
    .wise-logo {
        width: 100px;
        height: 22px;
    }
}

@media(max-width: 576px) {
    .wallet-payment-stri-wis-wrapper {
        gap: 0.6rem;
    }
}
/*wise logo starts here*/

.payment-summary-btn {
    cursor: pointer;
}

.payment-summary-modal .modal-header .close {
    font-weight: 200;
    font-size: 45px;
    margin-top: -10px;
    margin-right: 46px;
}

.payment-summary-modal .modal-body {
    min-height: 400px;
    max-height: 600px;
    overflow: auto;
}

.cur_re .badge {
    font-size: 20px;
    float: right;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.payment-summary-btn em.icon {
    color: var(--primary-color);
    font-size: 21px;
}

tbody.placeload.payment-summary-placeload {
    box-shadow: none;
}

.payment-summary-placeload tr:nth-child(2n+1) .image-placeholder:nth-child(1) {
    max-width: 100px;
}


.certificate-row .img-thumbnail {
    min-height: 202px;
    width: 100%;
    max-height: 202px;
    border-radius: var(--bs-border-radius);
    object-fit: contain;
}

.plm-past-classes-row {
    margin-top: 0;
}


.lpc-details-wrapper {
    position: absolute;
    left: 25px;
    bottom: 52px;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 14px;
}

.lcp-actions {
    min-height: 31px;
    position: absolute;
    left: 28px;
    bottom: 170px;
}

    .lcp-actions .learn-medi-detail-save-icon {
        flex-direction: column;
    }

    .lcp-actions .saved-icon {
        background-color: rgb(131 131 131 / 35%);
    }


.past-classes-live-video .wistia_embed {
    height: 100vh !important;
}

.lcp-profile img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    object-fit: cover;
    object-position: top;
}

.lcp-content-wrapper {
    text-align: left;
    color: var(--white-color);
    text-shadow: 1px 1px 2px rgb(0 0 0 / 85%);
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-height: 35px;
}

.lcp-content-head {
    display: inline-block;
    margin-bottom: 0;
    font-size: 0.88rem;
    font-weight: 700;
}

p.lcp-content-para {
    margin-bottom: 0;
    font-size: 12px;
}

.meditation-past-classes.guided-meditation-main-wrapper .lcp-content-wrapper .learn-medi-detail-save-icon {
    justify-content: flex-start;
    margin-bottom: 0;
    margin-top: 0rem;
}

.lcp-actions {
    min-height: 31px;
}

.guided-meditation-main-wrapper .lcp-content-wrapper .learn-like-count em.icon.ni {
    font-size: 16px;
    top: 0;
    top: 1px;
    left: 2px;
    width: 20px;
    height: 18px;
}

    .guided-meditation-main-wrapper .lcp-content-wrapper .learn-like-count em.icon.ni.ni-heart-fill {
        font-size: 15px;
        top: 0;
        width: 18px;
        height: 15px;
    }

    .guided-meditation-main-wrapper .lcp-content-wrapper .learn-like-count em.icon.ni.ni-bookmark,
    .guided-meditation-main-wrapper .lcp-content-wrapper .learn-like-count em.icon.ni.ni-bookmark-fill {
        font-size: 1.05rem;
    }

.lcp-content-wrapper .saved-icon {
    width: 30px;
    height: 30px;
}

.lcp-content-wrapper .oc-dot {
    position: relative;
    top: -3px;
    margin: 4px;
}

.lcp-content-wrapper {
    color: #fff;
}

html[color-mode="dark"] .lcp-content-wrapper {
    color: #fff;
}


.plc-like-count {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.plc-saved-icon {
    border-radius: 50%;
    padding: 2px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(143 143 143 / 35%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: pointer;
}

    .plc-saved-icon em.icon {
        font-size: 1.18rem;
        color: #fff;
    }

        .plc-saved-icon em.icon.ni-eye {
            cursor: default;
        }

        .plc-saved-icon em.icon.ni-heart-fill,
        .plc-saved-icon em.icon.ni-heart {
            font-size: 1.035rem;
            position: relative;
            top: 1px;
        }

        .plc-saved-icon em.icon.ni-eye {
            font-size: 1.035rem;
        }

.plc-like-count span {
    color: var(--white-color);
    font-size: 0.95rem;
    line-height: 15px;
    display: inline-block;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 77%);
}

.hc-live-box .ctf-pract-details {
    word-break: break-word;
    display: grid;
    grid-template-columns: 10px auto;
    gap: 0.4rem;
}

.hc-live-box .learn-list-instr-item .ctf-pract-details .oc-dot {
    position: relative;
    top: 1px;
}

.save-list-therapist .hc-live-data-inner-top {
    gap: 1rem;
}

@media(max-width: 1024px) {
    .lpc-details-wrapper {
        bottom: 62px;
    }
}

@media(max-width: 1100px) {
    .lcp-actions .learn-medi-detail-save-icon {
        flex-direction: inherit;
        gap: 30px;
    }

    .lcp-actions {
        bottom: 128px;
    }

    .plc-like-count {
        flex-direction: initial;
    }
}

@media(max-width: 767px) {
    .hc-live-box .ctf-pract-details {
        display: initial;
    }

    .hc-live-box .learn-list-instr {
        justify-content: center;
    }

    .lpc-details-wrapper {
        left: 50%;
        transform: translateX(-50%);
        align-items: flex-start;
        gap: 0.6rem;
        width: 100%;
        padding: 0 15px;
    }

    .lcp-content-head {
        font-size: 13px;
    }

    p.lcp-content-para {
        font-size: 13px;
        line-height: 1.25;
    }

    label.lcp-content-time-date {
        font-size: 13px;
    }

    .lcp-actions {
        left: 15px;
    }

    .fr strong {
        margin-bottom: 0.4rem;
        display: inline-block;
    }
}

html[color-mode="dark"] .plc-like-count span {
    color: var(--primary-color);
}

.chat-therapy-welcome-txt, p.chat-therapy-welcome-txt p {
    width: 100% !important;
}

    .chat-therapy-welcome-txt span {
        background-color: initial !important;
    }

.chat-therapy-welcome-video {
    margin-top: 1rem;
}

    .chat-therapy-welcome-video video {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

.nd-live-classes-wrapper .hc-live-profile-image img {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px;
    object-fit: cover;
    object-position: top;
    margin-right: 18px;
}

.nd-live-classes-wrapper .hc-live-box {
    box-shadow: none;
    border-radius: 0;
    padding: 0px;
}

.nd-live-classes-wrapper .hc-live-profile-image {
    margin-right: 0 !important;
}

.nd-live-classes-wrapper .hc-live-cards-row-wrapper .hc-live-therap-head {
    margin: 0;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 0.93rem;
    line-height: 20px;
}

.nd-live-classes-wrapper .hc-live-profile-data .hc-live-time-date, .nd-live-classes-wrapper p.hc-live-therap-name {
    font-size: 14px;
    color: var(--on-primary-color);
    margin: 0;
}

.nd-live-classes-wrapper .hc-live-cards-row-inner-wrapper {
    display: flex;
    align-items: flex-start;
}

.nd-live-classes-wrapper .hc-live-data-inner-top {
    margin-bottom: 0;
}

.nd-live-classes-wrapper .hc-live-box {
    padding: 10px 20px !important;
}

.nd-live-classes-wrapper .col-md-12.hc-live-cards-cols {
    padding: 0;
}

html[color-mode="dark"] .modal-footer {
    border-color: var(--card-bg-color);
}

.modal-content button.btn-primary.end-session-popup {
    background-color: #fff;
    border-color: var(--input-focus-dark) !important;
    margin-right: 1rem;
    color: var(--primary-color);
    border: 1px solid var(--input-border-1) !important;
}

    .modal-content button.btn-primary.end-session-popup:hover {
        background: var(--theme-primary-color);
        color: #fff;
    }

html[color-mode="dark"] .modal-content button.btn-primary.end-session-popup {
    background-color: var(--input-focus-dark) !important;
    border-color: var(--input-focus-dark) !important;
}

.fam-acc-three-mem strong {
    font-style: normal;
}

.fam-acc-three-mem {
    display: block;
    color: #d50000 !important;
    font-style: italic;
    margin-top: 1.8rem !important;
}

.p-userlist #grid-reassign-selection .dx-button-content,
.p-userlist #grid-remove-user .dx-button-content,
.p-userlist #grid-clear-selection .dx-button-content {
    background-color: var(--p-btn-bg);
    min-width: 173px;
    color: var(--p-btn-txt);
    width: initial !important;
    border-radius: var(--border-radius-default);
    font-weight: 400;
    box-shadow: 0 1px 4px rgb(66 66 66 / 18%);
    Padding: 0.55rem 0.9rem;
    font-size: var(--base-font-size-lg);
}

.p-userlist #grid-reassign-selection,
.p-userlist #grid-remove-user,
.p-userlist #grid-clear-selection {
    margin-bottom: 1rem;
    background-color: initial;
    margin-right: 1rem;
}

.ba-active-user-grid #grid-remove-user .dx-button-content,
.ba-active-user-grid #grid-clear-selection .dx-button-content {
    margin-left: 10px;
}

    .ba-active-user-grid #grid-reassign-selection .dx-button-content .dx-button-text,
    .ba-active-user-grid #grid-remove-user .dx-button-content .dx-button-text,
    .ba-active-user-grid #grid-clear-selection .dx-button-content .dx-button-text {
        line-height: 1.5;
    }

html[color-mode="dark"] #grid-clear-selection {
    background-color: initial;
}

.reassign-chat-therapist-mod textarea {
    width: 100%;
    resize: none;
    height: 100px;
}

.reassign-chat-therapist-mod .modal-footer {
    justify-content: center;
    border: none;
}

.dob-input-rc {
    max-width: 200px;
    cursor: pointer;
}

.ctrm-grid {
    display: grid;
    grid-template-columns: 175px auto;
    align-items: center;
    gap: 0.6rem;
}

    .ctrm-grid label {
        margin-bottom: 0 !important;
    }

html[color-mode="dark"] .close, html[color-mode="dark"] .mailbox-attachment-close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #a3a3a3;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

html[color-mode="dark"] .dx-checkbox-checked .dx-checkbox-icon::before {
    content: "";
    position: absolute;
    display: block;
    width: 16px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    color: #524a4a;
}

.calendely-csm-modal .modal-content {
    background-color: transparent;
    border: none;
    backdrop-filter: initial;
}

.calendely-csm-modal .modal-header {
    border: none;
}

    .calendely-csm-modal .modal-header .close {
        top: 70px;
        right: 30px;
        z-index: 999;
        color: #000;
        opacity: 1;
        font-weight: 600;
        position: absolute;
        text-shadow: none;
    }

html[color-mode="dark"] .calendely-csm-modal .modal-content,
html[color-mode="dark"] .calendely-csm-modal .modal-header {
    background-color: transparent;
    border-bottom: transparent;
}


@media(max-width: 991px) {
    .ba-active-user-grid #grid-clear-selection .dx-button-content {
        margin-left: 0;
    }

    .ba-active-user-grid #grid-reassign-selection .dx-button-content,
    .ba-active-user-grid #grid-remove-user .dx-button-content,
    .ba-active-user-grid #grid-clear-selection .dx-button-content {
        min-width: 261px;
        padding: 9px 13px !important;
        font-size: 16px !important;
    }

    #exportButton.expt-modi-btn {
        min-width: 261px;
    }

    #grid-remove-user .dx-button-content {
        margin-left: 0 !important;
    }

    #RemoveUserFromScheduling table tr th {
        white-space: nowrap;
    }

    #ReassignmentModal .modal-title,
    #RemoveUserFromScheduling .modal-title {
        font-size: 19px;
        max-width: 100%;
        width: 100%;
    }
}

.snap-no-session-circle-wrapper-not-found-contract > div {
    font-weight: 600;
}

.snap-no-session-circle-wrapper-not-found-contract {
    font-size: 15px;
    min-height: 250px;
    color: #173571;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.2px;
}

.no-data-available-partner {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

html[color-mode="dark"] .ba-active-user-grid .dx-selection.dx-row:not(.dx-row-focused) .icon.ni {
    color: #333;
}

input::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

html[color-mode="dark"] input::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

p.verify-documents {
    margin-top: 10rem;
    font-size: 1.4rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.verify-documents:after {
    content: ".";
    animation: dots 2.5s steps(5, end) infinite;
    font-size: 2.4rem;
    line-height: 1;
    display: inline-block;
    margin-left: 0.4rem;
}

@keyframes dots {
    0%, 20% {
        color: rgba(0, 0, 0, 0);
        text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
    }

    40% {
        color: white;
        text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
    }

    60% {
        text-shadow: 0.25em 0 0 white, 0.5em 0 0 rgba(0, 0, 0, 0);
    }

    80%, 100% {
        text-shadow: 0.25em 0 0 white, 0.5em 0 0 white;
    }
}

.upload-progress {
    height: 18px;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background-color: transparent;
    margin-bottom: 0 !important;
    margin-top: 1px;
}

    .upload-progress .progress-bar {
        height: 100%;
        border-radius: 3px;
        background-color: #359bec !important;
    }


.sidebar-mini .main-sidebar .nav-item .virtual-assistance-icon p {
    margin-left: 24px !important;
}

.mood-length-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    align-items: center;
}

    .mood-length-wrapper label {
        font-size: var(--base-font-size);
    }

.mood-history-track-wrapper {
    min-height: 480px;
}

.dis-if-appointment-action-btn {
    display: inline-flex;
    gap: 15px;
    align-items: center;
}

.join-reschedule-thera-btn {
    gap: 0.6rem;
}

.nd-live-classes-wrapper-table-inner .live-classes-row-actions-default {
    min-width: 130px;
    max-width: 130px;
}

.ebook-main-container {
    height: calc(100% - 1.2rem);
}

.download-ebook-txt {
    text-align: center;
    display: block;
    margin-top: 0.3rem;
    font-size: 0.8rem;
}

@media(max-width: 576px) {
    .ph-manage-appointment-inner-wrapper .dash-appo-the-name img {
        margin: 0 auto;
    }

    .ph-ma-therapist-nd .nd-doctor-name {
        font-size: 0.9rem;
    }

    .live-classes-row-details-time {
        justify-content: center;
    }

    .live-class-row .live-classes-row-details-time-progress {
        flex-direction: column;
    }

    .live-classes-row-details-time-progress span.md-dots {
        display: none;
    }

    label.thought-quotes {
        max-width: 300px;
    }

    .live-classes-dashboard-avatar {
        margin-bottom: 0.9rem;
    }
}

@media(max-width: 360px) {
    .ph-manage-appointment-inner-wrapper .dash-appo-the-name img {
        width: 70px;
        height: 70px;
    }

    .ph-manage-appointment-wrapper .dash-appo-the-name {
        grid-template-columns: auto;
        justify-content: center;
        text-align: center;
    }

    .ph-my-chat-therapy-inner .dashboard-user {
        text-align: center;
        display: grid;
        grid-template-columns: auto;
        align-items: center;
        justify-content: center;
        grid-gap: 22px;
    }

    .ph-my-chat-therapy-user .review-name-date-wrapper {
        flex-direction: column;
        gap: 0.5rem;
    }

    .ph-my-chat-therapy-user {
        text-align: center;
    }

    .chat-therapist-recent-msg .plm-recent-msg-dashborad {
        justify-content: center;
    }

    .ph-my-chat-therapy-inner .dashboard-user .add-unread-class {
        margin: 0 auto;
    }

    .ph-manage-appoint-actions {
        text-align: center;
    }

    .review-name-date-wrapper,
    .ph-ma-therapist-nd-btns {
        flex-direction: column;
        gap: 0.2rem;
    }
}


@media(max-width: 330px) {
    label.thought-quotes {
        max-width: 270px;
    }
}

/*new sidebar modifier*/
.sidebar {
    width: 100%;
}

.plumm-icon {
    visibility: hidden;
    opacity: 0;
    margin: 0;
}

.main-header .navbar-nav .nav-item {
    margin: 0;
    display: flex;
    align-items: center;
}

.sidebar-collapse .plumm-icon {
    visibility: visible;
    opacity: 1;
}


.main-header.navbar-expand .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    padding-right: 0;
    padding-left: 0;
    cursor: pointer;
}

/*css for user profile starts here*/
.main-header {
    padding: 0 var(--default-container-gap);
}

.main-header .nav-wrapper {
    z-index: 9;
}

.top-nav-menu {
    gap: 1.2rem;
    align-items: center;
    justify-content: flex-end;
}

.p-header-icon-items {
    fill: var(--icon-color1);
    width: 1.45rem;
    height: 1.7rem;
}

.top-nav-menu-item .navbar-badge {
    right: -0.15em;
    top: 0.9em;
}

.top-nav-menu-item {
    width: 2.2rem;
    height: 2.2rem;
    justify-content: center;
    border-radius: 50%;
}

    .top-nav-menu-item .nav-link {
        padding: 0;
    }

.user-profile {
    padding-right: 0;
}

.pd-page-title {
    font-size: var(--base-font-size-h1);
    max-width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.user-profile > a {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.user-profile-image {
    width: 1.875rem;
    height: 1.875rem;
    display: inline-block;
    border-radius: 50%;
}

    .user-profile-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
        display: inline-block;
        border: 1px solid var(--primary-border-color);
    }

.gradient-img-border {
    display: inline-block;
    padding: 0.25em;
    border-radius: 50%;
    /*background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='70' height='69.996' viewBox='0 0 70 69.996'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Subtraction_1' data-name='Subtraction 1' d='M17254-4101a34.784,34.784,0,0,1-13.623-2.75,34.886,34.886,0,0,1-11.127-7.5,34.859,34.859,0,0,1-7.5-11.124A34.741,34.741,0,0,1,17219-4136a34.741,34.741,0,0,1,2.752-13.624,34.859,34.859,0,0,1,7.5-11.124,34.886,34.886,0,0,1,11.127-7.5A34.784,34.784,0,0,1,17254-4171a34.774,34.774,0,0,1,13.621,2.75,34.888,34.888,0,0,1,11.125,7.5,34.859,34.859,0,0,1,7.5,11.124A34.741,34.741,0,0,1,17289-4136a34.741,34.741,0,0,1-2.752,13.624,34.859,34.859,0,0,1-7.5,11.124,34.888,34.888,0,0,1-11.125,7.5A34.774,34.774,0,0,1,17254-4101Zm0-67a31.808,31.808,0,0,0-12.457,2.515,31.907,31.907,0,0,0-10.174,6.858,31.919,31.919,0,0,0-6.859,10.171A31.832,31.832,0,0,0,17222-4136a31.832,31.832,0,0,0,2.514,12.456,31.916,31.916,0,0,0,6.859,10.172,31.907,31.907,0,0,0,10.174,6.858A31.808,31.808,0,0,0,17254-4104a31.806,31.806,0,0,0,12.455-2.515,31.9,31.9,0,0,0,10.172-6.858,31.916,31.916,0,0,0,6.859-10.172A31.832,31.832,0,0,0,17286-4136a31.832,31.832,0,0,0-2.514-12.456,31.919,31.919,0,0,0-6.859-10.171,31.89,31.89,0,0,0-10.172-6.858A31.806,31.806,0,0,0,17254-4168Z' transform='translate(-15959 4191)' fill='%23359bec'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_6' data-name='Mask Group 6' transform='translate(-1260 -20.002)' clip-path='url(%23clip-path)'%3E%3Cg id='Blobs' transform='translate(1295 55) rotate(56)'%3E%3Cg id='Group_9033' data-name='Group 9033' transform='translate(-83.563 -78.108)'%3E%3Cpath id='Caminho_1655' data-name='Caminho 1655' d='M670.776,228.066c-10.415-2.851-10.6-19.4-8.723-30.5s5.611-25.628,1.833-47.549-3.346-34.594,2.268-45.383a25.6,25.6,0,0,1,25.419-13.877c8.975.982,22.252,10.073,25.755,31.7,3.962,24.447-.294,46.49-9.844,68.179C698.7,210.582,681.19,230.916,670.776,228.066Z' transform='translate(-585.217 -80.215)' fill='%23f9e791'/%3E%3Cpath id='Caminho_1657' data-name='Caminho 1657' d='M249.991,1.387c11.369,6.4,9.726,24.595,6.379,36.17S247.206,63.881,249,89.1s-.117,38.968-7.623,49.025c-7.612,10.2-20.373,11.01-30.081,7.21-9.963-3.9-23.847-18.042-25.36-42.85-1.712-28.042,5.529-50.863,18.673-71.628C216.691,11.761,238.622-5.014,249.991,1.387Z' transform='translate(-164.36 0)' fill='%2396cdfa'/%3E%3Cpath id='Caminho_1655-2' data-name='Caminho 1655-2' d='M32.5,191.85c-10.709-.023-14.467-16.073-15.051-27.368s-.108-26.419-8.513-46.75S-1.788,84.957,1.318,72.976A27.134,27.134,0,0,1,22.946,52.757c8.909-1.416,23.742,3.922,31.816,24.04,9.129,22.74,9.775,45.313,5.214,68.939C55.782,167.459,43.21,191.872,32.5,191.85Z' transform='translate(0 -46.509)' fill='%2376f6dd'/%3E%3Cpath id='Caminho_1658' data-name='Caminho 1658' d='M914.711,230.6c-9.78-5.545-8.362-23.533-5.481-35.126s7.889-26.473,6.355-51.139.11-38.306,6.57-48.685c6.551-10.522,17.529-12.16,25.88-9.063,8.57,3.179,20.51,16.166,21.807,40.448,1.466,27.447-4.768,50.351-16.08,71.623C943.36,218.219,924.49,236.146,914.711,230.6Z' transform='translate(-802.927 -75.407)' fill='%23f3a7ac'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");*/
    background-size: 100%;
}

.gradient-img-border-sm {
    padding: 0.21em;
}

.gradient-img-border img {
    border: none !important;
}

.user-name {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
}

    .user-name label {
        font-size: 0.98rem;
        color: var(--secondary-color);
    }

    .user-name span {
        font-size: 0.75rem;
        color: var(--on-primary-color);
    }

.un-dd {
    color: var(--primary-color);
    font-size: var(--base-font-size-h4);
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.125rem;
}

.p-emma-ai {
    font-size: 0.76rem;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.35rem;
    width: 6.3rem;
    height: 2rem;
    flex-shrink: 0;
    font-weight: 500;
    cursor: pointer;
    gap: 0.32rem;
    border-radius: calc(var(--bs-border-radius) * 0.5);
    border: 1px solid var(--theme-border-layout);
}

    .p-emma-ai span {
        text-align: left;
    }

    .p-emma-ai svg {
        fill: #007be1;
        width: 1.25rem;
        height: 1.25rem;
        flex-shrink: 0;
    }

    .p-emma-ai:hover svg {
        fill: #fff;
    }

    .p-emma-ai.p-btn-tn-wt {
        background: var(--background1);
    }

.p-emma-ai.p-btn-tn-wt svg {
        fill: initial;
        stroke: #ffffff;
}

    .p-emma-ai:hover {
        color: #fff;
        background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

/*.p-emma-ai.p-btn-tn-wt span {
    color: var(--p-icon-color);
}*/

.p-menu-icon-nav {
    cursor: pointer;
    position: relative !important;
    width: 1.95rem;
    height: 1.95rem;
    justify-content: space-evenly;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--theme-border-layout);
}

.p-menu-icon-nav:hover,
.p-ani-sec-btn .p-ani-btn.p-add-btn:hover,
.p-ani-sec-btn-active .p-ani-btn.p-add-btn {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    color: #fff;
}

.p-menu-icon-nav:hover svg:not(.no-data-upd),
.p-ani-sec-btn-active .p-ani-btn.p-add-btn svg {
    stroke: #fff !important;
}

.p-ani-sec-btn .p-ani-btn.p-add-btn:hover svg {
    fill: #fff;
}

.p-menu-icon-nav svg:not(.no-data-upd) {
    width: 1.32rem;
    height: 1.32rem;
    stroke: var(--theme-primary-color);
}

.p-menu-icon-nav .nav-link svg {
    width: 1.2rem;
    height: 1.2rem;
}

.p-menu-icon-nav:has(.nav-link[aria-expanded="true"]) {
    background-color: var(--theme-primary-color);
}

.p-menu-icon-nav:has(.nav-link[aria-expanded="true"]) .nav-link svg{
    stroke: #fff;
}

/*default avatars*/
.avatar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

.avatar-3xs {
    height: 1.6rem;
    width: 1.6rem;
}

.avatar-xxs {
    height: 1.75rem;
    width: 1.75rem;
}

.avatar-xs {
    height: 2rem;
    width: 2rem;
}

.avatar-sm {
    height: 2.25rem;
    width: 2.25rem;
}

.avatar-sm-1 {
    height: 2.55rem;
    width: 2.55rem;
}

.avatar-md {
    height: 2.75rem;
    width: 2.75rem;
}

.avatar-md-1 {
    height: 2.95rem;
    width: 2.95rem;
}

.avatar-lg {
    height: 3.2rem;
    width: 3.2rem;
    max-width: 3.2rem;
}

.avatar-xl {
    height: 4rem;
    width: 4rem;
}

.avatar-xlh {
    height: 5rem;
    width: 5rem;
}

.avatar-xlh2 {
    height: 6rem;
    width: 6rem;
}

.avatar-xxl {
    height: 7rem;
    width: 7rem;
}

.avatar-2xl {
    height: 8.5rem;
    width: 8.5rem;
}

.avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--sec-light-color7);
}

@media(max-width: 1600px) {
    .avatar-2xl {
        height: 7rem;
        width: 7rem;
    }
}


@media(max-width: 576px) {
    .avatar-2xl {
        height: 5.8rem;
        width: 5.8rem;
    }
}


/*deafult switches starts*/

.custom-control-input {
    width: 1.25rem;
}

.p-switch-multi-label {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

    .p-switch-multi-label > label {
        padding-top: 0.3rem;
    }

.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 0.625rem;
    padding-top: 0.33rem;
    cursor: pointer;
    margin-block: 0;
}

.custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1.35rem;
    width: 2.188rem;
    border-radius: 2rem;
    cursor: pointer;
    background-color: var(--input-border-1);
    border: 1px solid var(--input-border-1);
    border-color: transparent;
}

.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-switch.custom-switch-sm[disabled="disabled"] .custom-control-label::before,
.custom-switch.custom-switch-sm[disabled="disabled"] .custom-control-label::after {
    cursor: not-allowed;
}

.custom-switch.custom-switch-sm .custom-control-label::after {
    width: 1.05rem;
    height: 1.05rem;
    border-radius: calc(1rem - (1rem / 2));
    cursor: pointer;
    top: 0.39rem;
    left: -2.1rem;
    background-color: var(--chat-dark-bg-2);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1rem - 0.2rem));
}

.form-group .p-switch-multi-label label {
    font-weight: 400;
    color: var(--on-primary-color);
}
/*default switches ends*/

.dropdown-profile {
    min-width: 18.3125rem;
}

.up-comp-name {
    font-size: var(--base-font-size-xxs);
}

.dropdown-menu-list-icon {
    font-size: var(--base-font-size-lg);
    color: var(--on-primary-color);
    margin-top: 0.64rem;
    box-shadow: var(--default-border);
}

.dropdown-menu-list-icon.dropdown-menu-lg {
    max-width: 284px;
    width: 284px;
}

.top-nav-menu-item .dropdown-menu {
    margin-top: calc(1rem + -1px);
}

.dropdown-menu-list-icon li a {
    color: var(--primary-color);
    flex: 1;
}

    .dropdown-menu-list-icon li a svg,
    .dropdown-menu-list-icon li a .p-smiw,
    .dropdown-menu-list-icon li a > em,
    .p-dd-notifications svg {
        width: 1.4rem;
        height: 1.4rem;
        fill: var(--primary-color);
    }

    .dropdown-menu-list-icon li a.nav-link {
        gap: 0.7rem;
    }

.main-header.navbar-expand .navbar-nav .dropdown-menu-list-icon .nav-link {
    padding: 1rem 1.5rem;
    height: initial;
}

/*.main-header.navbar-expand .navbar-nav .dropdown-menu-list-icon .nav-link:hover {
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--border-radius-default) * 0.5);
    color: var(--primary-color);
}*/

.dropdown-menu-list-icon .nav-link {
    z-index: 1600;
    position: relative;
}

.logout-user {
    padding: 1rem 1.8rem 1rem;
    border-top: 1px solid var(--border-layout);
}

.logout-user .btn {
    background-color: var(--p-btn-bg);
    color: #ffffff;
    font-size: var(--base-font-size);
    margin: 0 auto;
    border-radius: var(--border-radius-default);
    padding: 0.738rem 1.25rem;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    width: 100%;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.logout-user .btn:hover {
    background: var(--theme-btn-hover);
    color: #fff;
}

.logout-user .btn:hover svg {
    stroke: #fff;
}

.logout-user svg {
    margin-right: 0.7rem;
    width: 1.4rem;
    height: 1.4rem;
    stroke: #ffffff;
    fill: none;
    stroke-width: 0.12rem;
}

html[color-mode="dark"] .logout-user .btn:hover {
    background-color: var(--p-btn-bg);
}

.dropdown-menu-list-icon li .logout-user .btn:hover > em {
    fill: var(--chat-dark-bg-2);
}

.user-ptc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.2rem 0 0;
    gap: 0.3rem;
}

    .user-ptc a {
        font-size: var(--base-font-size-sm);
        color: var(--primary-color);
        padding: 0.2rem;
    }

@media(max-width: 991.98px) {
    .dropdown-position-fix .dropdown-menu {
        margin-top: 0;
    }

    .dropdown-position-fix.dropdown {
        position: initial;
    }

    .dropdown-position-fix .dropdown-menu-right {
        right: var(--default-gap);
        left: auto;
    }
}
/*css for user profile ends here*/
/*css for notification msg*/
.notification-header {
    padding: 1.2rem 1.2rem 0.74rem;
    border-bottom: 1px solid var(--chat-inbox-border-color);
    margin-right: 0.4em;
}

    .notification-header a {
        font-size: 0.88rem;
    }

    .notification-header h5 {
        color: var(--primary-color);
        font-size: var(--base-font-size-h5);
        font-weight: 600;
    }

    .notification-header .btn,
    .view-all-txt a {
        font-size: 0.88rem;
    }

.notification-msg-list-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--on-primary-color);
    padding: 0.94rem 1.2rem;
    border-bottom: 1px solid var(--chat-inbox-border-color);
    cursor: pointer;
    margin-right: 0;
    position: relative;
}

.notification-msg-list-item > * {
    flex: 0 0 auto;
}

.notification-msg-list-item.unread::before,
.unread-msg::after {
    content: '';
    width: 0.35rem;
    height: 0.35rem;
    background-color: var(--theme-primary-color);
    right: 0.55rem;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
}


.unread {
    position: relative;
}

.unread p, .unread h5, .unread label {
    cursor: pointer;
}

.loader-notification {
    min-height: 27rem;
}

.nc-inner {
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nc-inner h5 {
    font-size: var(--base-font-size-lg);
    margin-bottom: 0;
    font-weight: 500;
    color: var(--on-primary-color);
}

.nc-inner p {
    position: absolute;
    right: 0.5rem;
    top: 8px;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.01888rem;
    text-transform: uppercase;
}

.notification-msg-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.2rem;
}

.dropdown-menu:has(.notification-mw) {
    overflow: hidden;
}

.notification-msg-list-item.unread {
    background-color: var(--theme-secondary-color);
}

.notification-msg-list-item.unread .nc-inner h5,
.notification-msg-list-item.unread .nc-inner p,
.notification-msg-list-item.unread .recent-msg-para,
.unread-msg .p-email-sender,
.unread-msg .p-email-date,
.unread-msg .p-email-msg-body,
.unread-msg .p-email-date {
    font-weight: 500;
    color: var(--primary-color);
}

.unread-msg .p-email-sender,
.unread-msg .p-email-date,
.unread-msg .p-email-msg-body,
.unread-msg .p-email-date {
    font-weight: 400;
}

.unread-msg .p-email-subject {
    font-weight: 600;
}

.msg-att-date {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.msg-inb-actions {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    display: none;
}

    .msg-inb-actions .p-str-none-fill-pri {
        fill: var(--theme-primary-color);
    }

.p-email-list li:hover .msg-inb-actions {
    opacity: 1;
    visibility: visible;
    display: block;
}

.p-email-list li:hover .msg-att-date {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.p-email-list li:hover .msg-inb-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.notification-mw {
    max-width: calc(100% - 0);
}

.notification-msg-content label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 280px;
    font-size: var(--base-font-size-xxs);
    font-weight: 300;
}

.loading-skeleton .notification-msg-list-item {
    flex: 1;
}

.loading-skeleton .notification-msg-list-item .skeleton-img {
    border-radius: 50%;
    border: 1px solid var(--primary-border-color);
    height: 2.6rem;
    width: 2.6rem;
    overflow: hidden;
}

.loading-skeleton .notification-msg-content {
    gap: 0.4rem;
}

.loading-skeleton .nc-inner h5 {
    width: 100%;
    max-width: 110px;
}

.p-email-container-sb .p-icon-circle {
    background: transparent !important;
}

.p-email-container-sb .p-icon-circle:hover {
    background: var(--btn-light-bg) !important;
}

/*css for notification msg*/
.main-footer {
    background-color: transparent;
    border-top: 1px solid var(--border-default);
    color: var(--on-primary-color);
    padding: 0.5rem;
    font-size: 0.85rem;
    letter-spacing: 0.3px;
    text-align: center;
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-header, .brand-link {
    min-height: var(--nav-min-height);
}

a.brand-link {
    display: flex;
    align-items: center;
}

.brand-link .brand-image {
    max-width: 90px;
    margin-top: 0;
}


.main-footer {
    position: relative;
}

@media(max-width: 767px) {
    .main-footer {
        flex-direction: column;
    }

    .plumm-version-text {
        position: initial;
        transform: none;
        font-size: 0.75rem;
    }
}


@media(max-width: 1200px) {
    .main-header {
        gap: 1.2rem;
        min-height: var(--nav-min-height);
    }

    .pd-page-title {
        padding-left: 1.5rem;
    }

    .user-profile {
        padding-right: 0;
    }

    .main-header.navbar-expand a.nav-link[data-widget="pushmenu"] {
        padding: 0;
    }

    .navbar-expand .navbar-nav .nav-link em {
        font-size: 1.5rem;
        color: var(--theme-primary-color);
    }

    .main-sidebar .nav-sidebar {
        margin-top: 0;
    }
}

@media(max-width: 991px) {
    .main-footer {
        width: 100%;
    }
}

/*profile image uploader*/

/*avatar banner UI*/

.p-bp-grid {
    display: grid;
    grid-template-columns: 1fr 0.35fr;
    align-items: center;
    gap: var(--default-gap);
}

.p-bp-content {
    text-align: left;
    position: absolute;
}

.profile-cover {
    position: relative;
    height: 100%;
    padding: 1rem 1rem;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.profile-cover-content {
    position: relative;
    z-index: 1
}

.profile-cover-uploader {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    overflow: hidden;
    margin-bottom: 0;
    padding: 0 !important;
    cursor: pointer;
}

.profile-cover-content svg.p-icon.p-icon-sm {
    position: relative;
    top: -0.05em;
}

.profile-cover-img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7.5rem;
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
}

.profile-cover-avatar {
    display: -ms-flexbox;
    display: flex;
    background-color: var(--chat-dark-bg-2);
    border: 0.1em solid var(--chat-dark-bg-2);
    margin: -5.9rem 0 0.5rem 2rem;
    border-radius: 50%;
}

    .profile-cover-avatar.avatar img {
        border-color: var(--chat-dark-bg-2);
        border-width: var(--border-width-layout);
    }

.avatar-uploader-trigger {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
}

.profile-upd-mw:hover .avatar-uploader-trigger {
    opacity: 1;
    visibility: visible;
}

.profile-cover-img {
    width: 100%;
    object-fit: cover;
}

.avatar-uploader-icon, .cust-dx-upload-btn .dx-button-has-text .dx-button-content {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--chat-dark-bg-2);
    border-radius: 50%;
    transition: .2s;
    width: 1.8rem;
    height: 1.8rem;
}

.avatar-uploader-trigger .icon.ni {
    font-size: 0.98rem;
}

.user-profile-container .dx-fileuploader-input {
    display: none;
}

.user-profile-container .dx-fileuploader-container,
.user-profile-container .dx-fileuploader-content {
    display: flex;
}

.profile-cover-content .dx-fileuploader-wrapper {
    padding: 0;
}

.user-profile-container .dx-fileuploader-input-wrapper {
    padding: 0;
    border: 3px dashed transparent;
}

.cust-dx-upload-btn .dx-button-has-text .dx-button-content {
    padding: 0.2rem 0.5rem;
}

.user-profile-container .icon.ni-camera {
    color: var(--on-primary-color);
    cursor: pointer;
    font-size: 1.1rem;
}

.user-profile-container .list-inline-item span {
    display: inline-block;
    font-size: var(--base-font-size);
    line-height: 1;
}

.user-profile-container .avatar .iconly--icon {
    width: 1.05rem;
    height: 1.05rem;
}

h5.page-header-title {
    color: var(--primary-color);
    font-weight: 700;
    font-size: var(--base-font-size-h2);
    margin-bottom: 0.5rem;
}

.p-mpc {
    margin-top: 6rem;
}

.user-profile-content-wrapper {
    margin-left: 2rem;
}

    .user-profile-content-wrapper .list-inline {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.4rem 1rem;
        flex-wrap: wrap;
    }

    .user-profile-content-wrapper .list-inline-item {
        display: flex;
        align-items: center;
        line-height: 1.5;
        margin: 0;
        gap: 0.35rem;
    }

    .user-profile-content-wrapper .btn-status,
    .p-pro-sts .btn-status,
    .p-tal-stat-txt {
        border-radius: calc(var(--border-radius-default)) !important;
        padding: 0.3rem 0.55rem;
        font-size: calc(var(--base-font-size-xs)* 0.9) !important;
        line-height: 1.125;
        min-width: 5.25rem;
    }

        .p-tal-stat-txt span.btn-status {
            font-weight: 400;
        }

.user-profile-content-wrapper {
    margin-top: 0.6rem;
}

.icon-status-def {
    stroke: #31800b;
}

.p-tal-pro-cols-pro .avatar {
    height: 4.5rem;
    width: 4.5rem;
    max-width: 4.5rem;
}

    .p-tal-pro-cols-pro .avatar img {
        border: 1px solid var(--chat-dark-bg-2);
    }

.profile-main-container .dx-button-text {
    display: none;
}

.profile-main-container .dx-fileuploader-input-wrapper .dx-button,
.profile-main-container .dx-fileuploader-wrapper,
.avatar-uploader-trigger .dx-button-has-text .dx-button-content {
    background-color: transparent;
    padding: 0;
}

.profile-cover-img-wrapper {
    height: 100%;
}

.profile-cover-img {
    height: 100%;
}

.p-banner-stats {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    gap: 2.5rem;
}

.p-bs-left {
    display: grid;
    gap: 0.8rem;
}

.p-bs-left-con-item {
    display: grid;
    gap: 0.2rem;
}

.p-feat-legends-items {
    display: grid;
    gap: 0.75rem;
}

.p-bs-left-con-item h6 {
    font-size: var(--base-font-size-sm);
}

.p-bs-left-con-item p {
    font-size: var(--base-font-size-xxs);
}

.p-pb-gr-circle {
    --pb-gr-cricle-wh: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: var(--pb-gr-cricle-wh);
    height: var(--pb-gr-cricle-wh);
}

.p-bs-gr .skeleton-img {
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
}

.p-bp-gr-leg {
    display: grid;
    gap: 0.35rem;
}

    .p-bp-gr-leg .p-fli-box {
        width: 0.8rem;
        height: 0.8rem;
    }

.p-banner-profile .ph-card {
    padding: calc(var(--box-padding) * 0.85);
}


@media(max-width: 1700px) {
    .p-bp-grid {
        grid-template-columns: 1fr 0.4fr;
    }

    .profile-cover {
        min-height: 15em;
    }

    .nd-label-head span {
        font-size: var(--base-font-size-xxl);
    }

    .p-bp-gr-leg {
        gap: 0.65rem;
    }

    h5.page-header-title {
        font-size: var(--base-font-size-h2);
    }
}


@media(min-width: 1701px) {
    .profile-cover {
        min-height: 16em;
    }
}

@media(min-width: 2100px) {
    .profile-cover {
        min-height: 19em;
    }

    .p-bp-grid {
        grid-template-columns: 1fr 0.4fr;
    }

    .p-pb-gr-circle {
        --pb-gr-cricle-wh: 10.5rem;
    }

    .p-feat-legends-items label {
        font-size: calc(var(--base-font-size));
    }

    .p-bp-gr-leg {
        gap: 0.45rem;
    }
}

@media(max-width: 1600px) {

    .p-pb-gr-circle {
        --pb-gr-cricle-wh: 7rem;
    }
}


@media(max-width: 991.98px) {
    .profile-cover-avatar {
        border: 0.15rem solid var(--chat-dark-bg-2);
        margin: -1.5rem 0 0.5rem 2rem;
    }

    .avatar-xxl {
        height: 4.5rem;
        width: 4.5rem;
    }

    .user-profile-content-wrapper .list-inline {
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0.4rem;
        flex-direction: column;
    }

    .user-profile-container .list-inline-item span {
        font-size: 0.85rem;
    }

    .user-profile-content-wrapper {
        margin-left: 1.05rem;
    }

    .avatar-uploader-icon, .cust-dx-upload-btn .dx-button-has-text .dx-button-content {
        width: 1.7rem;
        height: 1.7rem;
    }

    .profile-cover {
        min-height: 12em;
    }

    .profile-cover-avatar.avatar img {
        border-width: 1px;
    }
}

/*avatar banner UI*/

/*dafualt grid css starts here*/
.p-dg-cl {
    display: grid;
    grid-template-columns: calc(100% - var(--default-sidebar-width) - var(--default-gap)) var(--default-sidebar-width);
    gap: var(--default-gap);
}

    .p-dg-cl.p-dg-cl-reverse {
        grid-template-columns: var(--default-sidebar-width) calc(100% - var(--default-sidebar-width) - var(--default-gap));
    }

/*.p-dg-cl-left {
    overflow-x: hidden;
}*/

.p-dg-cl-left > .ph-card,
.p-dg-cl-right > .ph-card {
    height: 100%;
}

.p-dg-cl-right .ph-card h3 {
    margin-bottom: 0;
    padding-bottom: 2.2rem;
}
/*dafualt grid css starts here*/
/*css for horizontal menu starts*/
.ph-card h2,
.dashboard-heading {
    font-size: var(--base-font-size-h3);
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 1.4rem;
    position: relative;
    left: -1px;
}


.ph-4 {
    font-size: var(--base-font-size-h4);
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 1.2rem;
    position: relative;
    left: -1px;
}

.ph-2 {
    font-size: var(--base-font-size-h2);
    color: var(--primary-color);
    font-weight: 600;
}

.ph-3 {
    font-size: var(--base-font-size-h3);
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 1.1rem;
}

.ph-sub-box h4,
.ph-card h4,
.attendance-main-container h4,
.ph-5 {
    font-size: var(--base-font-size-h5);
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.ph-6 {
    font-size: var(--base-font-size-h6);
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.p-para-head {
    color: var(--primary-color);
    font-size: var(--base-font-size-xxl);
}

.pg-grid-layout {
    display: flex;
    align-items: flex-start;
    gap: var(--default-gap);
}

.pg-grid-layout-left {
    flex: 1;
    max-width: calc(100% - var(--default-sidebar-width) - var(--default-gap));
}

.pg-grid-layout-right {
    flex: 0 0 var(--default-sidebar-width);
    position: sticky;
    top: calc(var(--nav-min-height) + var(--default-gap));
    align-self: flex-start;
    min-height: calc(100vh - calc(var(--default-gap)* 2) - var(--nav-min-height));
}

    .pg-grid-layout-right .ph-card {
        flex: 1;
    }

.pg-grid-layout-reverse .pg-grid-layout-left {
    flex: 1;
    max-width: calc(100% - 320px - var(--default-gap));
}

.pg-grid-layout-reverse .pg-grid-layout-right {
    flex: 0 0 320px;
    max-width: 320px;
    z-index: 99;
}

/*.innerscroll-content-tab .innerscroll-activate {
    height: calc(100vh - var(--default-gap) - 51.5px);
    overflow: auto;
    padding: var(--box-padding);
    margin: calc(var(--box-padding)* -1);
}*/

.pggl-left-hf {
    display: flex;
    flex-direction: column;
}

.pggl-right-hf {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - calc(var(--default-container-gap) * 2) - var(--nav-min-height));
    top: calc(calc(var(--nav-min-height)) + var(--default-container-gap));
}

.pw-main-container .pggl-right-hf {
    height: 100%;
}


.pggl-right-hf > *,
.pggl-left-hf-f1 {
    flex: 1;
}

.p-without-nav .pggl-right-hf {
    min-height: initial;
    align-self: stretch;
}

    .p-without-nav .pggl-right-hf .ph-card {
        height: 100%;
    }

.mb-1p8 {
    margin-bottom: var(--default-gap);
}

.ph-card.profile-main-container {
    padding: 2.2rem;
}

.pmenu-wrap {
    position: sticky;
    top: 61px;
    z-index: 9;
    /*border-radius: 0;
    background-color: var(--sec-light-color4);*/
    color: var(--primary-color);
}

    .pmenu-wrap.js-main-header-fix {
        top: calc(var(--nav-min-height) - var(--default-gap));
        z-index: 9;
        color: var(--primary-color);
        padding-top: var(--default-gap);
        display: flex;
        align-items: flex-end;
        background-color: var(--bg-default);
        margin-bottom: 0;
        /*transition: all 0.3s;*/
    }

    .pmenu-wrap .nav-link:not(.active):hover {
        color: var(--primary-color);
    }

/*html[color-mode="dark"] .pmenu-wrap.js-main-header-fix {
    transition: none;
}*/

.js-main-header-fix .ph-card {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.pmenu-wrap .ph-card {
    padding: 0.5rem 0.5rem;
    overflow: hidden;
    position: relative;
    flex: 1;
}

.pmenu-wrap .nav-item .nav-link {
    border: none;
    background-color: transparent;
    display: inline-block;
    min-width: initial;
    color: var(--primary-color);
    font-size: var(--base-font-size-lg);
    padding: 0.35rem 1rem;
}

.pmenu-wrap .nav-item:last-child .nav-link {
    margin-right: 0.6rem;
}

.pmenu-wrap .nav-item .nav-link.active {
    background-color: var(--sec-light-color7);
    color: var(--primary-color);
    border-radius: calc(var(--border-radius-default) * 0.7);
}

.pg-grid-layout-left .ph-card:not(last-child), .p-mb-grid {
    margin-bottom: var(--default-gap);
}

.cp-btns-wrapper {
    margin-top: 0.6rem;
}

.custom-item {
    display: flex;
    gap: 0.6rem;
    align-items: center;
}

.cata-sub-nav {
    /*margin: 0 1.8rem 0 1.8rem;*/
    /* Make this scrollable when needed */
    overflow-x: auto;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* Make an auto-hiding scroller for the 3 people using a IE */
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: touch;
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* Remove the default scrollbar for WebKit implementations */
}

    .cata-sub-nav::-webkit-scrollbar {
        display: none;
    }

    .cata-sub-nav ul {
        margin: 0;
        display: flex;
        -webkit-padding-start: 0px;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .cata-sub-nav li {
        display: inline-table;
    }

.nav-prev, .nav-next {
    width: 25px;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.nav-prev {
    left: 0;
    display: none;
}

.prev-active.nav-prev,
.next-active.nav-next {
    display: flex;
}

.nav-next {
    right: 0rem;
}

.nav-prev,
.next-active {
    opacity: 0.4;
    cursor: default;
}

.prev-active,
.next-active {
    opacity: 1;
    cursor: pointer;
}

.nav-menu-arrow em.icon {
    line-height: 0.8;
    display: inline-block;
    cursor: pointer;
    z-index: 3;
    font-size: 1.6rem;
    color: var(--on-primary-color);
}

.cata-sub-nav .next-active::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: calc(100% - 0.2rem);
    background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0, var(--chat-dark-bg-2) 45%);
}

.cata-sub-nav .prev-active::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: calc(100% - 0.2rem);
    background: linear-gradient(90deg, var(--chat-dark-bg-2) 45%, rgb(255 255 255 / 0%));
}

@media(min-width: 1700px) {
    .nav-menu-arrow {
        display: none !important;
    }

    nav.cata-sub-nav::after,
    nav.cata-sub-nav .prev-active::before {
        display: none;
    }
}

.user-profile-content {
}
/*css for recent activity starts*/
.step-activity {
    position: relative;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-right: calc(1.5rem / -2);
    margin-left: calc(1.5rem / -2);
}

.step-activity-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-bottom: 2.25rem;
}

    .step-activity-item .step-avatar {
        font-size: .875rem;
        font-weight: 600;
        width: 2.3rem;
        height: 2.3rem;
        border-radius: 50%;
        margin-right: 1rem;
    }

    .step-activity-item:not(:last-child) .step-avatar::after {
        position: absolute;
        top: 3.375rem;
        left: 1.15rem;
        height: calc(100% - 1.875rem);
        border-left: 0.1rem solid var(--primary-border-color);
        content: "";
    }

.step-content-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    align-items: center;
}

.step-divider {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    height: 1rem;
    font-size: calc(var(--base-font-size-xxs));
    font-weight: 500;
    color: var(--on-primary-color);
}

    .step-divider::after {
        position: absolute;
        top: 1.75rem;
        left: 1.3125rem;
        height: calc(100% - 0.25rem);
        border-left: 0.1rem solid var(--primary-border-color);
        content: "";
    }

.step-content h5 {
    font-size: var(--base-font-size-xl);
    color: var(--primary-color);
    font-weight: 600;
}

.step-content p {
    font-size: var(--base-font-size-sm);
    font-weight: 300;
    color: var(--on-primary-color);
}

/*css for recent activity*/

/*css for form profile*/
.display_none {
    display: none;
}

.imgDiv,
.reports-user-icon,
.dropdown-container img {
    --img-wid-poup-manag: 2rem;
    max-width: var(--img-wid-poup-manag);
    width: var(--img-wid-poup-manag);
    height: var(--img-wid-poup-manag);
    background-color: var(--sec-light-color4);
    border-radius: 50%;
    flex: 0 0 auto;
}

    .imgDiv img,
    .reports-user-icon img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        /*border: 1px solid var(--input-border-1);*/
    }

.select-userlist-avatar {
    --img-wid-poup-manag: 2rem;
    max-width: var(--img-wid-poup-manag);
    width: var(--img-wid-poup-manag);
    height: var(--img-wid-poup-manag);
}

    .select-userlist-avatar .def-avat-name-ini {
        font-size: 0.68rem;
    }

.custom-field,
.dx-selectbox-popup-wrapper .dx-item-content,
.dropdown-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 400;
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

    .custom-field img {
        width: 1.9rem;
        height: 1.9rem;
        border-radius: 50%;
        background-color: var(--bg-default);
        object-fit: cover;
    }

span.addUpdateIdProof,
span.uploadedIdProof,
.link-text,
.addUpdateDoc {
    display: flex;
    align-items: center;
    color: var(--primary-color);
    gap: 0.4rem;
    font-size: var(--base-font-size-lg);
    cursor: pointer;
}

.p-inline-upload {
    --p-inline-upload: 1.22rem;
    width: var(--p-inline-upload);
    height: var(--p-inline-upload);
    stroke: var(--primary-color);
}

.p-inline-delete {
    --p-inline-delete: 1.26rem;
    width: var(--p-inline-delete);
    height: var(--p-inline-delete);
    stroke: var(--p-icon-color);
}

.link-primary {
    color: var(--primary-color);
    font-size: var(--base-font-size-xxs);
}

.img-uploder em.icon {
    color: var(--primary-color);
    font-size: 1.05rem;
}

/*.ph-sub-box {
    padding: 1.18rem;
    background-color: rgb(245 246 250 / 51%);
    border-radius: 0.5rem;
    margin-bottom: var(--default-gap);
}*/

.p-pro-tabs-mw .p-progress-def {
    flex: 1;
    min-width: 140px;
}


.img-uploder {
    display: flex;
    gap: 0.5rem 1rem;
    align-items: center;
    border: 0.1rem dashed var(--primary-border-color);
    padding: 0.5rem;
    border-radius: var(--bs-border-radius);
    min-height: 12.5rem;
    background-color: var(--grey-bg-1);
    position: relative;
}

.file-remove svg.p-grid-icon {
    --icon-v1: 1.4rem;
}

span.file-remove {
    position: absolute;
    right: 0.61rem;
    top: 50%;
    transform: translateY(-50%);
}

.uploadedIdProof {
    max-width: calc(100% - 1.5rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.img-uploder span.uploadedDoc {
    word-break: break-all;
    max-width: 75%;
}

.label-note {
    font-size: var(--base-font-size);
}

.btn-submit-profile {
    text-align: right;
}

.ph-sub-box .img-uploder,
.inline-img-upoad .img-uploder {
    min-height: calc(1.5em + 0.75rem + 0.825em);
}

/*css for form profile*/
@media(min-width: 992px) {
    .js-search-icon, .close-emma-icon {
        display: none !important;
    }
}

@media(max-width: 1400px) {
    .pg-grid-layout-left {
        max-width: calc(100% - var(--default-sidebar-width) - var(--default-gap));
    }

    .pg-grid-layout-right {
        flex: 0 0 var(--default-sidebar-width);
    }
}

@media(max-width: 1024px) {
    .pg-grid-layout-left {
        max-width: 100%;
    }

    .pg-grid-layout-right {
        flex: 1;
    }
}

@media(max-width: 991.98px) {

    .img-uploder {
        flex-wrap: wrap;
    }

        .img-uploder span.uploadedDoc {
            max-width: 85%;
        }

    .global-serach-emma {
        display: none;
    }

    .js-global-emma-search {
        position: fixed;
        max-width: 100%;
        width: 100%;
        z-index: 999;
        min-height: 43px;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
        background-color: var(--card-bg-color);
        padding: 0.4rem 0.93rem;
        gap: 0.9rem;
    }

    .js-search-icon em.icon {
        font-size: 1.15rem;
        position: relative;
        left: 1px;
    }

    .js-global-emma-search .emma-search-input {
        width: 100%;
    }

        .js-global-emma-search .emma-search-input input {
            max-width: 100%;
        }

    .pg-grid-layout {
        flex-direction: column;
    }

    .pg-grid-layout-left {
        max-width: 100%;
    }

    .pg-grid-layout-right {
        flex: 1;
    }

    .emergency-form-main-wrapper > .df-jcsb {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }

    .hc-cp-help-support-tab .snj-panel .panel::after {
        width: 3px;
    }
}

/*css for dx*/

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background: var(--theme-primary-color);
}

.dx-radiobutton-icon::before {
    border: 1px solid var(--input-border-1);
}

.dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-active.dx-editor-outlined, .dx-texteditor.dx-state-active.dx-editor-underlined, .dx-texteditor.dx-state-focused.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-outlined, .dx-texteditor.dx-state-focused.dx-editor-underlined {
    border-color: var(--theme-primary-color);
}

.dx-master-detail-row .dx-datagrid {
    background-color: #FFF;
    padding-top: 2px;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
    padding-bottom: 15px;
}


.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell, .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
    -webkit-box-shadow: inset 0 0 0 1px var(--on-primary-color);
    box-shadow: inset 0 0 0 1px var(--on-primary-color);
}

.dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused {
    background-color: var(--theme-secondary-color);
}

.dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
    background-color: var(--btn-light-bg);
}

.p-dx-search-left .dx-datagrid-focus-overlay {
    border: none;
}

.p-dx-search-left .dx-datagrid .dx-toolbar-after .dx-toolbar-item,
.p-dx-search-left .dx-datagrid .dx-toolbar-after .dx-toolbar-item:last-child {
    padding: 0 0 0 0;
}

.dx-mention {
    background-color: transparent !important;
    color: var(--theme-primary-color) !important;
    font-weight: 500;
}

.dx-datagrid .dx-column-indicators {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.dx-datagrid-headers .dx-header-row .dx-command-select .dx-datagrid-checkbox-size .dx-checkbox-icon,
.dx-datagrid-checkbox-size .dx-checkbox-icon {
    height: 22px;
    width: 22px;
}

.dx-datagrid-headers .dx-header-row .dx-command-select .dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon,
.dx-datagrid-table .dx-checkbox-checked .dx-checkbox-icon {
    font-size: 16px;
}

.dx-datagrid .dx-datagrid-header-panel .dx-datagrid-search-panel .dx-icon-clear::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23404040'%3E%3Cpath d='M6 6L18 18' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M18 6L6 18' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    font-size: 0;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
    background-color: var(--sec-light-color4);
}

.dx-list.dx-empty-collection .dx-empty-message {
    border-top: 0;
}

.dx-empty-message {
    text-align: center !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dx-popup-content {
    padding: 20px;
}

.dx-header-filter-menu .dx-popup-content {
    padding: 10px;
}


.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper .dx-item.dx-list-item {
    padding: 0 0.7rem;
}

.dx-selectbox-popup-wrapper .dx-list-select-all {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper .dx-list .dx-empty-message,
.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper .dx-list-item-content {
    padding: 8px;
}

.dx-header-filter-menu .dx-item.dx-list-item {
    border: none;
}

.dx-searchbox .dx-icon-search {
    left: 5px;
}

.dx-datagrid-header-panel .dx-searchbox .dx-icon-search {
    left: 0;
}

.dx-searchbox .dx-placeholder::before, .dx-searchbox .dx-texteditor-input {
    padding-left: 42px;
}

.pl-align .dx-texteditor-input-container input {
    padding-left: 0;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid var(--theme-primary-color);
}

.dx-header-filter-menu .dx-treeview-node {
    padding-left: 20px;
}

.dx-header-filter-menu .dx-treeview-item-with-checkbox .dx-checkbox {
    left: 24px !important;
    top: 6px;
}

.dx-header-filter-menu .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before {
    margin-left: -7px;
}

.dx-treeview-toggle-item-visibility {
    width: 25px;
}

.dx-treeview-item-with-checkbox .dx-checkbox {
    top: 6px;
    left: 8px;
}

.dx-treeview-node-container .dx-treeview-node {
    padding-left: 0;
}

.dx-treeview-item-with-checkbox .dx-treeview-item {
    padding: 8px 6px;
    padding-left: 36px;
}

.p-dx-treeview-mw .dx-popup-content {
    padding: 8px;
}

.dx-treeview-toggle-item-visibility::before {
    margin-left: -9px;
    font-size: 0;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light-Outline/Arrow - Right 2%3C/title%3E%3Cg id='Iconly/Light-Outline/Arrow---Right-2' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Arrow---Right-2' transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(4.000000, 7.500000)' fill='%23404040' fill-rule='nonzero'%3E%3Cpath d='M0.469669914,0.469669914 C0.735936477,0.203403352 1.15260016,0.1791973 1.44621165,0.397051761 L1.53033009,0.469669914 L8,6.939 L14.4696699,0.469669914 C14.7359365,0.203403352 15.1526002,0.1791973 15.4462117,0.397051761 L15.5303301,0.469669914 C15.7965966,0.735936477 15.8208027,1.15260016 15.6029482,1.44621165 L15.5303301,1.53033009 L8.53033009,8.53033009 C8.26406352,8.79659665 7.84739984,8.8208027 7.55378835,8.60294824 L7.46966991,8.53033009 L0.469669914,1.53033009 C0.176776695,1.23743687 0.176776695,0.762563133 0.469669914,0.469669914 Z' id='Stroke-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    transition: all .3s;
}

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before {
    transform: rotate(90deg);
    transition: all .3s;
    width: 20px;
    height: 20px;
}

.dx-header-filter-menu .dx-popup-bottom.dx-toolbar {
    padding-bottom: 1.2rem;
}


.dx-toast-message {
    font-size: var(--base-font-size-xxl);
}

.dx-header-filter-menu .dx-list-select-all {
    padding: 11px 0px;
    border-bottom:1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5);
    margin-bottom: 0.6rem;
    width: 100%;
}

/*.dx-header-filter-menu .dx-button-has-text .dx-button-content,
.dx-header-filter-menu .dx-toolbar-item-content .dx-state-hover,
.dx-header-filter-menu .dx-toolbar-item-content .dx-button-mode-contained.dx-state-focused,
.dx-popup-cancel.dx-button-mode-contained.dx-state-focused,
.dx-popup-cancel.dx-button-mode-contained.dx-state-hover,
.dx-popup-cancel[aria-label="Cancel"] {
    background-color: transparent !important;
    color: var(--primary-color) !important;
    border: none !important;
    font-weight: 500;
    min-width: initial !important;
    padding: 0 !important;
}
*/

.dx-header-filter-menu .dx-popup-bottom .dx-toolbar-item-content .dx-button {
    min-width: 90px;
}

.dx-header-filter-menu .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    align-items: flex-end;
    gap: 1.5rem;
}

/*.dx-popup-bottom .dx-toolbar-item-content .dx-button[aria-label="Cancel"] .dx-button-content span {
    color: var(--on-secondary-color);
}*/

/*.p-tree-veiw-dd {
    padding: 0 1rem;
}
*/

.p-tree-veiw-dd {
    max-height: 400px;
}

.p-tree-veiw-dd.p-dd-mh-ini {
    max-height: initial;
}

.dx-command-select .dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
    font-size: 9px;
}

.dx-datagrid {
    overflow: hidden;
}

.p-input-append .dx-dropdowneditor-button,
.p-input-append .dx-dropdowneditor-icon {
    border-radius: var(--bs-border-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.p-input-append .dx-datebox-list .dx-dropdowneditor-icon {
    width: 40px;
    height: calc(100% + 4px);
    border-radius: 0px;
    position: relative;
    left: -7px;
    top: -2px;
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    padding: 0.7rem;
}

.dx-widget input, .dx-widget textarea, .dx-widget {
    font-family: var(--primary-font);
    line-height: 1.35715;
}

.dx-dropdownlist-popup-wrapper .dx-popup-content {
    padding: 0;
}

.dx-overlay-content {
    font-family: var(--primary-font);
}

.dx-list .dx-empty-message, .dx-list-item {
    color: var(--primary-color);
    font-weight: 400;
}

.pp-userList-selected .dx-list-select-all {
    padding: 9px 0px;
    width: 100%;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base-active-bg));
    color: var(--primary-color);
}

.dx-popover-wrapper .dx-popover-arrow::after, .dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow::after {
    background: var(--chat-dark-bg-2);
    border-color: var(--input-border-1);
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
    background-color: transparent;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: var(--light-new-blue);
    color: var(--primary-color);
}

.dx-scheduler-all-day-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-all-day-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-timeline .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-work-space-month .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before {
    background-color: rgb(23 53 113 / 21%);
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: var(--theme-secondary-color);
    color: var(--theme-primary-color);
    border-radius: calc(var(--bs-border-radius) * 0.55);
}

.dx-loadpanel {
    min-height: 170px;
}

.dx-scheduler-header {
    background-color: var(--table-head-bg);
    border: 1px solid var(--theme-border-2);
}

.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected, .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected::before {
    background-color: var(--chat-dark-bg-2);
}

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell, .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
    background-color: #FFF;
}

.dx-datagrid-group-closed,
.dx-datagrid-group-opened {
    transition: all .3s;
    min-height: 100%;
}

    .dx-datagrid-group-closed::before,
    .dx-datagrid-group-opened::before {
        font-size: 0;
        background-size: 1.1rem;
        background-repeat: no-repeat;
        position: absolute;
        height: 0.6rem;
        width: 1.3rem;
        top: 50%;
        left: 0.3rem;
        transform: translateY(-50%);
        background-position: center center;
    }

.dx-datagrid-group-closed {
    padding-top: 0;
}

.dx-datagrid-group-opened {
    padding-top: 0;
}

.dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
    padding-top: 0;
    vertical-align: middle !important;
}

.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell, .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space {
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
}

.dx-master-detail-row .dx-datagrid {
    background-color: #FFF;
}

.dx-master-detail-row .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
    background-color: var(--sec-light-color8);
}

.dx-datagrid-group-opened::before {
    background-image: 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");
    transform: translateY(-50%) rotate(180deg);
}

.dx-datagrid-group-closed::before {
    background-image: 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");
}

html[color-mode="dark"] .dx-datagrid-group-opened::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Bold/Arrow - Right 2%3C/title%3E%3Cg id='Iconly/Bold/Arrow---Right-2' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Arrow---Right-2' transform='translate(7.000000, 6.000000)' fill='%2378829A' fill-rule='nonzero'%3E%3Cpath d='M9.63078422,7.131 C9.57428154,7.189 9.36093522,7.437 9.16220166,7.641 C7.99707745,8.924 4.95762299,11.024 3.36678032,11.665 C3.12518266,11.768 2.51436922,11.986 2.18801754,12 C1.87530443,12 1.57720409,11.928 1.29274233,11.782 C0.938139308,11.578 0.653677545,11.257 0.497808086,10.878 C0.397467121,10.615 0.241597662,9.828 0.241597662,9.814 C0.0857282026,8.953 0,7.554 0,6.008 C0,4.535 0.0857282026,3.193 0.213346322,2.319 C0.227959084,2.305 0.383828544,1.327 0.554310765,0.992 C0.867023868,0.38 1.47783731,0 2.13151486,0 L2.18801754,0 C2.613736,0.015 3.5090112,0.395 3.5090112,0.409 C5.01412567,1.051 7.98343887,3.048 9.17681442,4.375 C9.17681442,4.375 9.51290794,4.716 9.65903556,4.929 C9.88699464,5.235 10,5.614 10,5.993 C10,6.416 9.87238188,6.81 9.63078422,7.131'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

html[color-mode="dark"] .dx-datagrid-group-closed::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Bold/Arrow - Right 2%3C/title%3E%3Cg id='Iconly/Bold/Arrow---Right-2' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Arrow---Right-2' transform='translate(7.000000, 6.000000)' fill='%2378829A' fill-rule='nonzero'%3E%3Cpath d='M9.63078422,7.131 C9.57428154,7.189 9.36093522,7.437 9.16220166,7.641 C7.99707745,8.924 4.95762299,11.024 3.36678032,11.665 C3.12518266,11.768 2.51436922,11.986 2.18801754,12 C1.87530443,12 1.57720409,11.928 1.29274233,11.782 C0.938139308,11.578 0.653677545,11.257 0.497808086,10.878 C0.397467121,10.615 0.241597662,9.828 0.241597662,9.814 C0.0857282026,8.953 0,7.554 0,6.008 C0,4.535 0.0857282026,3.193 0.213346322,2.319 C0.227959084,2.305 0.383828544,1.327 0.554310765,0.992 C0.867023868,0.38 1.47783731,0 2.13151486,0 L2.18801754,0 C2.613736,0.015 3.5090112,0.395 3.5090112,0.409 C5.01412567,1.051 7.98343887,3.048 9.17681442,4.375 C9.17681442,4.375 9.51290794,4.716 9.65903556,4.929 C9.88699464,5.235 10,5.614 10,5.993 C10,6.416 9.87238188,6.81 9.63078422,7.131'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.dx-page[aria-label="Page >"] {
    font-size: 0;
}

.dx-datagrid-table-fixed .dx-data-row:hover {
    background-color: transparent;
}

.dx-master-detail-row .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed,
.dx-master-detail-row .dx-datagrid-content-fixed tr.dx-row,
.dx-master-detail-row .dx-datagrid-content-fixed tr.dx-row td:hover {
    background-color: transparent;
}
/*.dx-datagrid-table-fixed .dx-data-row td:nth-child(2) {
    box-shadow: -4px 0px 5px -4px rgba(13, 38, 58, 0.12);
}*/
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
    border-left: 0px solid var(--primary-border-color);
    border-right: 0px solid var(--primary-border-color);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: var(--bg-default);
    color: var(--primary-color);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    border-bottom: none;
    border-top: none;
}

.dx-scheduler-work-space {
    border: 1px solid var(--theme-border-2);
}

.dx-datagrid-header-panel .dx-datagrid-search-panel .dx-texteditor-container {
    position: relative;
}

.dx-datagrid-header-panel .dx-datagrid-search-panel .dx-texteditor-container .dx-texteditor-buttons-container {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.dx-show-clear-button .dx-icon-clear {
    color: var(--theme-primary-color);
    font-size: var(--base-font-size-h5);
}

.dx-header-filter-menu .dx-checkbox-icon,
.dx-list-search .dx-checkbox-container .dx-checkbox-icon,
.dx-popup-content .dx-checkbox-icon {
    border: 1px solid var(--input-border-1);
    background-color: #fff;
}

.dx-header-filter-menu .dx-item-content.dx-list-item-content {
    padding-left: 4px;
}

.dx-checkbox-indeterminate .dx-checkbox-icon::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 0.25rem;
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    position: absolute;
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon::before, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon::before {
    border: 1px solid var(--primary-border-color);
}

.dx-checkbox-checked .dx-checkbox-icon {
    font: 13px / 16px DXIcons;
}

.dx-treeview-item-with-checkbox .dx-treeview-item {
    color: var(--primary-color);
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon::before, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon::before {
    border-color: var(--input-border-1) !important;
}

.p-input-append .dx-invalid .custom-field > div {
    color: var(--placeholder-color);
}

.dob-input-rc {
    padding-right: 0.75rem !important;
}

.p-input-append .dx-datebox-list .dx-dropdowneditor-icon::before,
input::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9838 0.639648C12.3814 0.639648 12.7038 0.962003 12.7038 1.35965V1.98504C13.8351 2.07694 14.8257 2.45677 15.5657 3.16231C16.4303 3.98669 16.8592 5.16658 16.8554 6.57409V9.38952C16.8554 9.78716 16.533 10.1095 16.1354 10.1095C15.7377 10.1095 15.4154 9.78716 15.4154 9.38952V8.28473H1.77374V14.1562C1.77374 15.2897 2.11067 16.0751 2.63079 16.5793C3.15448 17.0869 3.95498 17.3975 5.05158 17.3975H7.11589C7.51354 17.3975 7.83589 17.7199 7.83589 18.1175C7.83589 18.5152 7.51354 18.8375 7.11589 18.8375H5.05158C3.6869 18.8375 2.48848 18.4468 1.62857 17.6133C0.765091 16.7763 0.33374 15.5811 0.33374 14.1562V6.57332C0.33374 5.16467 0.767277 3.9852 1.63358 3.16159C2.37446 2.45723 3.36435 2.07734 4.49316 1.98518V1.35965C4.49316 0.962003 4.81552 0.639648 5.21316 0.639648C5.61081 0.639648 5.93316 0.962003 5.93316 1.35965V1.96289H11.2638V1.35965C11.2638 0.962003 11.5861 0.639648 11.9838 0.639648ZM11.2638 4.11705V3.40289H5.93316V4.11705C5.93316 4.51469 5.61081 4.83705 5.21316 4.83705C4.81552 4.83705 4.49316 4.51469 4.49316 4.11705V3.43114C3.67457 3.51737 3.05576 3.79642 2.62578 4.20522C2.10848 4.69702 1.77374 5.46277 1.77374 6.57332V6.84473H15.4154V6.57332L15.4154 6.57121C15.4186 5.4601 15.0867 4.69526 14.572 4.2045C14.1438 3.79617 13.5253 3.51694 12.7038 3.43093V4.11705C12.7038 4.51469 12.3814 4.83705 11.9838 4.83705C11.5861 4.83705 11.2638 4.51469 11.2638 4.11705ZM10.2591 14.9322C10.2591 13.2821 11.5968 11.9439 13.2464 11.9439C14.8971 11.9439 16.2347 13.2822 16.2347 14.9322C16.2347 16.5819 14.8973 17.9195 13.2464 17.9195C11.5966 17.9195 10.2591 16.582 10.2591 14.9322ZM13.2464 10.5039C10.801 10.5039 8.81909 12.4873 8.81909 14.9322C8.81909 17.3773 10.8013 19.3595 13.2464 19.3595C15.6924 19.3595 17.6747 17.3774 17.6747 14.9322C17.6747 12.4872 15.6926 10.5039 13.2464 10.5039ZM13.2259 12.9688C13.6235 12.9688 13.9459 13.2911 13.9459 13.6888V14.7869L14.7675 15.2779C15.1088 15.4819 15.2201 15.924 15.0161 16.2654C14.8122 16.6067 14.3701 16.718 14.0287 16.514L12.8565 15.8134C12.639 15.6834 12.5059 15.4487 12.5059 15.1954V13.6888C12.5059 13.2911 12.8282 12.9688 13.2259 12.9688ZM4.84317 10.1836C4.44552 10.1836 4.12317 10.5059 4.12317 10.9036C4.12317 11.3012 4.44552 11.6236 4.84317 11.6236H4.85317C5.25081 11.6236 5.57317 11.3012 5.57317 10.9036C5.57317 10.5059 5.25081 10.1836 4.85317 10.1836H4.84317ZM4.12317 14.2415C4.12317 13.8438 4.44552 13.5215 4.84317 13.5215H4.85317C5.25081 13.5215 5.57317 13.8438 5.57317 14.2415C5.57317 14.6391 5.25081 14.9615 4.85317 14.9615H4.84317C4.44552 14.9615 4.12317 14.6391 4.12317 14.2415ZM8.36441 10.1836C7.96676 10.1836 7.64441 10.5059 7.64441 10.9036C7.64441 11.3012 7.96676 11.6236 8.36441 11.6236H8.37441C8.77205 11.6236 9.09441 11.3012 9.09441 10.9036C9.09441 10.5059 8.77205 10.1836 8.37441 10.1836H8.36441Z' fill='%23404040'/%3E%3C/svg%3E%0A");
    font-size: 0;
    height: 1.25rem;
    font-size: 0;
    height: 1.25rem;
    background-size: 0.95rem;
    background-position: center center;
}

input::-webkit-calendar-picker-indicator {
    width: 0.7rem;
}

.dx-datagrid .dx-header-filter::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='18' viewBox='0 0 13 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9171 11.0577C11.4816 10.6474 10.7816 10.6474 10.3461 11.0577L6.50001 14.6812L2.65393 11.0577L2.65392 11.0577C2.2185 10.6474 1.51834 10.6474 1.08291 11.0577C0.639029 11.4759 0.639029 12.1604 1.08291 12.5786L1.08292 12.5786L5.71454 16.9423C6.14998 17.3526 6.85005 17.3526 7.28548 16.9423L11.9171 12.5786C12.361 12.1604 12.361 11.4759 11.9171 11.0577Z' fill='%23404040'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.08293 6.19225C1.51836 6.6025 2.21843 6.6025 2.65386 6.19225L6.49999 2.56872L10.3461 6.19225L10.3461 6.19225C10.7815 6.6025 11.4817 6.6025 11.9171 6.19225C12.361 5.77403 12.361 5.08953 11.9171 4.6713L11.9171 4.6713L7.28546 0.307626C6.85002 -0.102623 6.14995 -0.102622 5.71452 0.307626L1.08293 4.6713C0.639026 5.08953 0.639026 5.77403 1.08293 6.19225Z' fill='%23404040'/%3E%3C/svg%3E%0A");
    font-size: 0;
    width: 0.9rem;
    height: 0.9rem;
    display: inline-block;
    background-size: 0.6rem;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -13px;
    right: -1.2rem;
}

.dx-datagrid .dx-header-filter:not(.dx-header-filter-empty)::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9687 5.40639C12.1581 5.59865 12.2499 5.83542 12.2499 6.07119C12.2499 6.35349 12.1171 6.63479 11.8593 6.83412C11.6386 7.0047 11.3632 7.08667 11.0917 7.0834L1.07999 7.0835V7.08199C0.833888 7.07016 0.589789 6.98836 0.390589 6.83412C-0.0840112 6.46682 -0.132911 5.82834 0.281189 5.40639L5.26359 0.347086C5.48039 0.126532 5.79489 7.72297e-06 6.12499 7.72297e-06C6.45499 7.72297e-06 6.76949 0.126532 6.98629 0.347086L11.9687 5.40639Z' fill='%23404040'/%3E%3Cpath d='M0.28125 11.5936C0.09179 11.4014 0 11.1646 0 10.9288C0 10.6465 0.13281 10.3652 0.39062 10.1659C0.61133 9.9953 0.88672 9.91333 1.1582 9.9166L11.17 9.9165V9.91801C11.4161 9.92984 11.6602 10.0116 11.8594 10.1659C12.334 10.5332 12.3828 11.1717 11.9688 11.5936L6.98635 16.6529C6.76955 16.8735 6.45505 17 6.12495 17C5.79495 17 5.48045 16.8735 5.26365 16.6529L0.28125 11.5936Z' fill='%23404040'/%3E%3C/svg%3E%0A") !important;
}

.dx-context-menu.dx-datagrid .dx-submenu {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    box-shadow: none;
    border-radius: var(--bs-border-radius);
    color: var(--primary-color);
}

.dx-menu-base .dx-submenu .dx-menu-item-content {
    padding: 7px 5px 7px;
}

.dx-menu-base .dx-submenu .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.dx-menu-base .dx-submenu .dx-menu-item.dx-state-hover {
    color: var(--primary-color);
    background-color: var(--sec-light-color5);
}

.p-dx-dd .dx-dropdowneditor-icon::before {
    font-size: 0;
}

.p-dx-dd .input-icon-append {
    right: 0.45rem;
}

html[color-mode="dark"] .p-input-append .dx-datebox-list .dx-dropdowneditor-icon::before,
html[color-mode="dark"] -webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9838 0.639648C12.3814 0.639648 12.7038 0.962003 12.7038 1.35965V1.98504C13.8351 2.07694 14.8257 2.45677 15.5657 3.16231C16.4303 3.98669 16.8592 5.16658 16.8554 6.57409V9.38952C16.8554 9.78716 16.533 10.1095 16.1354 10.1095C15.7377 10.1095 15.4154 9.78716 15.4154 9.38952V8.28473H1.77374V14.1562C1.77374 15.2897 2.11067 16.0751 2.63079 16.5793C3.15448 17.0869 3.95498 17.3975 5.05158 17.3975H7.11589C7.51354 17.3975 7.83589 17.7199 7.83589 18.1175C7.83589 18.5152 7.51354 18.8375 7.11589 18.8375H5.05158C3.6869 18.8375 2.48848 18.4468 1.62857 17.6133C0.765091 16.7763 0.33374 15.5811 0.33374 14.1562V6.57332C0.33374 5.16467 0.767277 3.9852 1.63358 3.16159C2.37446 2.45723 3.36435 2.07734 4.49316 1.98518V1.35965C4.49316 0.962003 4.81552 0.639648 5.21316 0.639648C5.61081 0.639648 5.93316 0.962003 5.93316 1.35965V1.96289H11.2638V1.35965C11.2638 0.962003 11.5861 0.639648 11.9838 0.639648ZM11.2638 4.11705V3.40289H5.93316V4.11705C5.93316 4.51469 5.61081 4.83705 5.21316 4.83705C4.81552 4.83705 4.49316 4.51469 4.49316 4.11705V3.43114C3.67457 3.51737 3.05576 3.79642 2.62578 4.20522C2.10848 4.69702 1.77374 5.46277 1.77374 6.57332V6.84473H15.4154V6.57332L15.4154 6.57121C15.4186 5.4601 15.0867 4.69526 14.572 4.2045C14.1438 3.79617 13.5253 3.51694 12.7038 3.43093V4.11705C12.7038 4.51469 12.3814 4.83705 11.9838 4.83705C11.5861 4.83705 11.2638 4.51469 11.2638 4.11705ZM10.2591 14.9322C10.2591 13.2821 11.5968 11.9439 13.2464 11.9439C14.8971 11.9439 16.2347 13.2822 16.2347 14.9322C16.2347 16.5819 14.8973 17.9195 13.2464 17.9195C11.5966 17.9195 10.2591 16.582 10.2591 14.9322ZM13.2464 10.5039C10.801 10.5039 8.81909 12.4873 8.81909 14.9322C8.81909 17.3773 10.8013 19.3595 13.2464 19.3595C15.6924 19.3595 17.6747 17.3774 17.6747 14.9322C17.6747 12.4872 15.6926 10.5039 13.2464 10.5039ZM13.2259 12.9688C13.6235 12.9688 13.9459 13.2911 13.9459 13.6888V14.7869L14.7675 15.2779C15.1088 15.4819 15.2201 15.924 15.0161 16.2654C14.8122 16.6067 14.3701 16.718 14.0287 16.514L12.8565 15.8134C12.639 15.6834 12.5059 15.4487 12.5059 15.1954V13.6888C12.5059 13.2911 12.8282 12.9688 13.2259 12.9688ZM4.84317 10.1836C4.44552 10.1836 4.12317 10.5059 4.12317 10.9036C4.12317 11.3012 4.44552 11.6236 4.84317 11.6236H4.85317C5.25081 11.6236 5.57317 11.3012 5.57317 10.9036C5.57317 10.5059 5.25081 10.1836 4.85317 10.1836H4.84317ZM4.12317 14.2415C4.12317 13.8438 4.44552 13.5215 4.84317 13.5215H4.85317C5.25081 13.5215 5.57317 13.8438 5.57317 14.2415C5.57317 14.6391 5.25081 14.9615 4.85317 14.9615H4.84317C4.44552 14.9615 4.12317 14.6391 4.12317 14.2415ZM8.36441 10.1836C7.96676 10.1836 7.64441 10.5059 7.64441 10.9036C7.64441 11.3012 7.96676 11.6236 8.36441 11.6236H8.37441C8.77205 11.6236 9.09441 11.3012 9.09441 10.9036C9.09441 10.5059 8.77205 10.1836 8.37441 10.1836H8.36441Z' fill='%2378829A'/%3E%3C/svg%3E%0A");
}

html[color-mode="dark"] .dx-datagrid .dx-header-filter::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.05247 2.07965C2.72121 2.07965 1.64251 3.15835 1.64251 4.4896V6.33339C1.64251 6.94631 1.87088 7.53754 2.28352 7.99145C2.28358 7.99151 2.28346 7.99138 2.28352 7.99145L6.1451 12.235C6.14519 12.2351 6.14502 12.2349 6.1451 12.235C6.70461 12.8483 7.01322 13.6486 7.01322 14.4773V17.0178C7.01322 17.6405 7.62948 18.0751 8.21627 17.8659M8.21627 17.8659L9.83857 17.2869C9.83864 17.2869 9.83851 17.2869 9.83857 17.2869C10.4283 17.0762 10.8225 16.5171 10.8225 15.8914V14.6155C10.8225 13.6767 11.233 12.7845 11.9471 12.174L16.4155 8.35472C16.4155 8.3547 16.4155 8.35473 16.4155 8.35472C16.9635 7.88616 17.2786 7.20248 17.2786 6.4819V4.4896C17.2786 3.15822 16.1997 2.07965 14.8695 2.07965H4.05247M0.202515 4.4896C0.202515 2.36306 1.92592 0.639648 4.05247 0.639648H14.8695C16.9952 0.639648 18.7186 2.36318 18.7186 4.4896V6.4819C18.7186 7.62375 18.2191 8.70725 17.3512 9.44925L12.8828 13.2685C12.8828 13.2685 12.8828 13.2685 12.8828 13.2685C12.4891 13.6052 12.2625 14.0973 12.2625 14.6155V15.8914C12.2625 17.1262 11.4854 18.2278 10.323 18.643L8.7003 19.2221C7.17629 19.7657 5.57322 18.6367 5.57322 17.0178V14.4773C5.57322 14.0059 5.39784 13.5524 5.08137 13.2056L1.21849 8.96062C0.564572 8.24147 0.202515 7.3045 0.202515 6.33339V4.4896Z' fill='%2378829A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.77502 6.56668C5.77502 6.16903 6.09738 5.84668 6.49502 5.84668H12.4262C12.8238 5.84668 13.1462 6.16903 13.1462 6.56668C13.1462 6.96432 12.8238 7.28668 12.4262 7.28668H6.49502C6.09738 7.28668 5.77502 6.96432 5.77502 6.56668Z' fill='%2378829A'/%3E%3C/svg%3E%0A");
}

.dx-datagrid-header-panel {
    border-bottom: none;
    border: none;
}

.dx-datagrid-pager {
    border-top: 0px double #ddd;
}

.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview, .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-top: none !important;
    border: none !important;
}

.dx-datagrid-content-fixed tr.dx-row, .dx-datagrid-content-fixed tr.dx-row td:hover {
    /*background-color: var(--chat-dark-bg-2);*/
/*    border-radius: 0 !important;*/
}

.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-2-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-3-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-4-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-5-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-6-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-7-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-8-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-9-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-10-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-11-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-12-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-13-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-14-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-15-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-16-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-17-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-18-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-19-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-20-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-21-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-22-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-23-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-24-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-25-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-26-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-27-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-28-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-29-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-30-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-31-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-32-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-33-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-34-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-35-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-36-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-37-fixed"],
.dx-datagrid-content-fixed tr.dx-row td[aria-describedby="dx-col-38-fixed"] {
    background-color: transparent;
}

.dx-datagrid .dx-row > td:has(.p-dd-wp-wrapper) {
    background: var(--chat-dark-bg-2);
    background-color: var(--chat-dark-bg-2) !important;
}

/*.dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
    z-index: 3;
}*/


.p-dd-ms-dx .dx-dropdowneditor-field-clickable .dx-dropdowneditor-button {
    position: absolute;
    right: 0;
}

.dx-scheduler-appointment-content > * {
    font-size: var(--base-font-size-xxs);
    border-radius: 0.15rem;
    line-height: 1.5;
}

.dx-widget {
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
    font-family: var(--base-font-size);
}

.dx-treeview-item.dx-state-hover,
.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: calc(var(--bs-border-radius) * 0.5);
}

.dx-overlay-wrapper {
    color: var(--on-primary-color);
}

.dx-widget {
    font-size: var(--base-font-size);
}

.dx-calendar-navigator .dx-calendar-caption-button {
    font-size: var(--base-font-size-lg);
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-searchbox .dx-icon-search::before,
.dx-searchbox .dx-icon-search::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8AA3'%3E%3Ccircle cx='11.2481' cy='10.7887' r='8.03854' stroke-width='1.5' stroke-linecap='square'%3E%3C/circle%3E%3Cpath d='M16.7369 16.7083L21.2904 21.2499' stroke-width='1.5' stroke-linecap='square'%3E%3C/path%3E%3C/svg%3E");
    font-size: 0;
    width: 1.1rem;
    height: 1.2rem;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    left: 2px;
    top: 0px;
}

html[color-mode="dark"] .p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-searchbox .dx-icon-search::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' version='1.1'%3E%3Cg id='Iconly/Light/Search' stroke-width='1.5' stroke='%23d1d1d1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Search' transform='translate(2.000000, 2.000000)' stroke-width='1.5'%3E%3Ccircle id='Ellipse_739' cx='9.76659044' cy='9.76659044' r='8.9885584'%3E%3C/circle%3E%3Cline x1='16.0183067' y1='16.4851259' x2='19.5423342' y2='20.0000001' id='Line_181'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-searchbox .dx-placeholder::before,
.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-searchbox .dx-texteditor-input {
    padding-left: 40px;
    padding-right: 40px;
}

.p-dx-search-left .dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 1.6rem;
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-datagrid-search-panel {
    border-radius: var(--border-radius-default);
    border: none;
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-searchbox .dx-icon-search {
    width: 42px;
    height: 42px;
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-placeholder::before {
    padding: 10px 9px 8px;
    color: var(--placeholder-color);
}

.p-dx-search-left .dx-datagrid .dx-datagrid-header-panel .dx-texteditor-input {
    border-radius: var(--border-radius-default);
    min-height: calc(1.5em + 0.75rem + 9.6px);
}

.p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-datagrid-search-panel {
    margin: 0;
}

.p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    left: 0;
    right: initial;
    padding-left: 0;
}

.p-dx-search-left #divEmailAuditLogs .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    left: 327px;
    z-index: 999;
}


.dx-scheduler .dx-button-mode-contained.dx-state-focused {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
}

.dx-scheduler .dx-button-mode-contained.dx-state-hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
}

.doc-avail-calender .dx-scheduler .dx-button-mode-contained.dx-state-hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
}

.doc-avail-calender .dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button-mode-contained.dx-state-hover .dx-button-content {
    background-color: transparent;
}

.dx-datagrid .dx-datagrid-header-panel .dx-texteditor-input {
    height: calc(1.5em + 0.75rem + 4.5px);
}

.dx-datagrid-headers {
    overflow: hidden;
    border-radius: calc(var(--bs-border-radius) * 3.05);
}

.dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 0.9rem;
}


.dx-datagrid-rowsview .dx-row:hover {
    background-color: transparent;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused),
.p-def-table tr:hover,
.p-dx-search-left .dx-datagrid-table .dx-data-row.dx-state-hover .dx-focused {
    background-color: var(--chat-dark-bg-2);
    color: var(--primary-color);
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    background-color: var(--chat-dark-bg-2) !important;
}


.dx-datagrid .dx-fixed-columns .dx-datagrid-content-fixed .dx-datagrid-table tr.dx-state-hover td:last-child {
    pointer-events: auto;
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
}

.p-def-table.table-no-hover > table tr:hover {
    background-color: initial;
}

.dx-dropdowneditor-icon {
    color: var(--on-primary-color);
}

.dx-button-mode-contained {
    border-color: var(--primary-border-color);
    color: var(--on-primary-color);
}

.dx-datagrid-headers {
    color: var(--on-primary-color);
    border-bottom: none;
}

.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: none;
    border-right: none;
}

.dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers {
    border-top: none;
}
/*
.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    border-top: 1px solid var(--primary-border-color);
}*/

.dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
    background-color: var(--table-head-bg) !important;
    padding: var(--grid-table-padding);
}

/*.dx-gridbase-container.dx-datagrid {
    min-height: 400px;
}*/
#grid-Esign .dx-datagrid .dx-column-indicators {
    float: initial !important;
    position: initial;
    transform: inherit;
}

#grid-Esign .dx-header-row .dx-datagrid-text-content {
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--base-font-size);
    float: left;
    padding: 0 16px 0 0;
}

.dx-header-row .dx-datagrid-text-content {
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--base-font-size);
}

.dx-button-content .dx-button-text {
    line-height: 1.5;
}

.dx-texteditor.dx-editor-outlined {
    background: transparent;
    border: none;
    border-radius: var(--bs-border-radius-lg) !important;
}

.dx-placeholder {
    color: var(--placeholder-color);
}

.dx-datagrid .dx-column-lines > td {
    border-left: none;
    border-right: none;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.075);
}

.dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer,
.dx-datagrid .dx-row-lines > td {
    border-bottom: none;
}

.dx-datagrid-nodata {
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
}

.dx-datagrid .dx-link {
    color: var(--primary-color);
}

.dx-popup-content .dx-texteditor-container .dx-texteditor-buttons-container {
    position: absolute;
    right: 0;
    top: 50%;
    height: 100%;
    transform: translateY(-50%);
}

.dx-checkbox-indeterminate .dx-checkbox-icon {
    font: 14px/14px DXIcons;
    color: var(--primary-color);
    text-align: center;
}

.dx-checkbox-checked .dx-checkbox-icon::before {
    color: var(--primary-color);
}

.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid var(--border-layout);
    background: var(--th-dropdown-bg) !important;
    box-shadow: var(--default-shadow) !important;
    border-radius: calc(var(--border-radius-default)) !important;
    border: 1px solid var(--theme-border-2);
    backdrop-filter: blur(30px);
}

.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow::after {
    border: 1px solid var(--input-border-1);
    background: var(--chat-dark-bg-2);
}

.dx-overlay-wrapper .dx-popup-content .dx-box-flex.dx-box {
    grid-row-gap: 0.8rem;
}

.dx-fileupload-btn .dx-button-has-text .dx-button-content {
    background-color: var(--primary-color);
    border-radius: 0.6rem;
    color: var(--card-bg-color);
}

    .dx-fileupload-btn .dx-button-has-text .dx-button-content:hover {
        background-color: var(--secondary-color);
    }

.dx-fileupload-btn .dx-fileuploader-input-wrapper,
.dx-fileupload-btn .dx-fileuploader-wrapper {
    padding: 0;
    border: none;
}

.dx-fileupload-btn {
    position: relative;
    top: -1.3rem;
    margin-top: 1.3rem;
}

    .dx-fileupload-btn .dx-fileuploader-input-container {
        display: none;
    }

.dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content {
    padding: 0px;
}

#gridContainer .dx-editor-cell .dx-texteditor, #gridContainer .dx-texteditor-input {
    box-shadow: none;
}

.dx-datagrid-table .dx-datagrid-filter-row .dx-texteditor-input-container input {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 1px;
}

.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-focus-overlay {
    border: none;
}

.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    background-color: transparent;
    border-color: transparent;
    color: var(--primary-color);
}

.dx-texteditor-container:focus .form-group .dx-texteditor.dx-editor-outlined {
    color: var(--primary-color);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    box-shadow: 0 0 0 .25rem hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15) !important;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon, .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon, .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
    color: var(--on-primary-color);
}


.dx-datagrid .icon.ni {
    color: var(--link-color);
    font-size: 1.125rem;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}

.dx-datagrid .dx-row > td,
.p-modal .dx-datagrid .dx-row > td {
    padding: var(--grid-table-padding);
}

.p-grid-emojee {
    font-size: calc(var(--base-font-size-h2) * 1.1);
}

.dx-list .dx-empty-message, .dx-list-item {
    border-top: 1px solid var(--primary-border-color);
}

.p-input-psc .dx-placeholder {
    color: var(--primary-color);
}

.dx-header-filter-menu .dx-empty-message {
    text-align: center !important;
    border: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dx-toolbar {
    background-color: transparent;
}

.dx-datagrid {
    color: var(--on-primary-color);
    background-color: transparent;
}

.dx-datagrid-headers {
    margin-bottom: 0.6rem;
}
/*calender cutomization*/

.dx-cust-cal .dx-button-mode-contained.dx-state-hover {
    background-color: var(--sec-light-color4);
}

.dx-cust-cal .dx-calendar-cell.dx-calendar-selected-date,
.dx-cust-cal .dx-calendar-cell.dx-calendar-today,
.dx-cust-cal .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-cust-cal .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    color: var(--primary-color);
    -webkit-box-shadow: inset 0 0 0 1000px var(--primary-color) !important;
    box-shadow: inset 0 0 0 1000px var(--sec-light-color4) !important;
}

.dx-cust-cal .dx-calendar-cell {
    color: var(--on-primary-color);
}

.dx-cust-cal .dx-calendar-today-button {
    color: var(--link-color);
}

.dx-cust-cal .dx-calendar-body thead tr th {
    -webkit-box-shadow: inset 0 -1px 0 #ddd;
    box-shadow: inset 0 -1px 0 var(--primary-border-color);
    color: var(--on-primary-color);
}

.dx-cust-cal .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date),
.dx-cust-cal .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-active,
.dx-cust-cal .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-hover,
.dx-cust-cal .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date),
.dx-cust-cal .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-active,
.dx-cust-cal .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-hover {
    color: var(--disabled-color);
}

.dx-cust-cal .dx-calendar {
    width: 100%;
    min-width: 282px;
    min-height: 390px !important;
}


.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
    border-bottom: 2px solid var(--primary-color);
}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell,
.dx-scheduler-date-time-indicator::before {
    color: var(--primary-color);
}

.dx-scheduler-group-header .grid-profile-wrapper {
    white-space: initial;
    align-self: flex-start;
    padding-top: 1.3rem;
}

    .dx-scheduler-group-header .grid-profile-wrapper p {
        font-size: var(--base-font-size);
        font-weight: 500;
        color: var(--primary-color);
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 74px;
    }

.grid-profile-wrapper .grid-avatar {
    flex: 0 0 auto;
}

.grid-pw-sm-label {
    line-height: 1.4;
}

    .grid-pw-sm-label p {
        font-weight: 600;
    }

    .grid-pw-sm-label small {
        display: block;
        font-size: calc(var(--base-font-size-xxs) * 0.88);
    }

.dx-scheduler-header-panel-cell {
    color: var(--on-primary-color);
}

.dx-scheduler-date-time-indicator {
    background-color: var(--primary-color);
}

.dx-datagrid .dx-header-filter {
    font-size: 0.6rem;
    color: var(--on-primary-color);
    margin-left: 4px;
}

/*dark mode css starts here*/

html[color-mode="dark"] .dx-overlay-content .dx-button-mode-contained {
    border-color: var(--primary-border-color);
    color: var(--on-primary-color);
}

html[color-mode="dark"] .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: transparent;
}

html[color-mode="dark"] .user-profile-container .iconly--icon {
    stroke: var(--primary-color);
}

html[color-mode="dark"] .step-activity-item .step-avatar::after,
html[color-mode="dark"] .step-divider::after {
    border-left: 0.1rem solid rgb(60 60 60);
}

html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background-color: var(--chat-dark-bg-2) !important;
}

html[color-mode="dark"] .ui-state-default, html[color-mode="dark"] .ui-widget-content .ui-state-default, html[color-mode="dark"] .ui-widget-header .ui-state-default {
    border: 1px solid var(--chat-dark-bg-1);
    background: var(--chat-dark-bg-1) url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    color: var(--primary-color);
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .select2-container--default .select2-search--inline input.select2-search__field, html[color-mode="dark"] .select2-container--default .select2-search--inline input.select2-search__field:focus {
    color: var(--primary-color);
}

.dx-dropdownlist-popup-wrapper .dx-item.dx-list-item.dx-list-item-selected {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base-active-bg));
}

/*css for drag and drop*/

.p-modal .modal-body,
.p-modal .modal-header,
.p-modal .modal-footer {
    padding: calc(var(--box-padding)* 0.95);
    border: none;
    background-color: var(--chat-dark-bg-2);
}

.p-modal .modal-body {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

.preview-modal-review .modal-body {
    padding-top: 4.5rem !important;
}

.p-modal .modal-header {
    padding-bottom: 1.1rem;
    padding-top: 1.1rem;
    border-bottom: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-default-border));
}

.p-modal .modal-footer {
    padding-top: 1.25rem;
    border: none;
    gap: 1.1rem;
    border-bottom-right-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

.p-modal .modal-footer > * {
    margin: 0;
}

.modal-content {
    border-radius: var(--border-radius-default);
    border: none;
    box-shadow: var(--default-shadow);
    background-color: var(--chat-dark-bg-2);
}

.modal-heading {
    margin-bottom: 0;
    font-weight: 600;
    color: var(--primary-color);
    font-size: var(--base-font-size-h2);
}

.hr-line {
    border-top: 1px solid var(--primary-border-color);
}

.table td, .table th {
    border-top: 1px solid var(--primary-border-color);
}

.circle-tag {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .circle-tag::before {
        content: '';
        width: 0.78rem;
        height: 0.78rem;
        display: inline-block;
        background-color: var(--sec-light-color3);
        border-radius: 0.2rem;
    }

.circle-yellow::before {
    background-color: var(--yell-btn-darkbg-color);
}

.circle-blue::before {
    background-color: var(--light-blue);
}

.circle-salmon::before {
    background-color: var(--salmon-new-color);
}

.circle-green::before {
    background-color: var(--green-color);
}

.circle-orange::before {
    background-color: var(--orange-color);
}

.circle-red::before {
    background-color: var(--red-color);
}

.p-status-start::before {
    background-color: var(--plm-dark-yellow2);
}

.p-status-progress::before {
    background-color: var(--light-blue);
}

.p-status-completed::before {
    background-color: var(--plm-dark-green1);
}

.p-status-cancelled::before {
    background-color: #F3A7AC;
}

.txt-green {
    color: var(--green-color);
}

.txt-orange {
    color: var(--orange-color);
}

.txt-yellow {
    color: var(--yellow-color);
}

.txt-red {
    color: var(--red-color);
}


.ml-draggable-wrapper .input {
    outline: none;
    border: 1px solid white;
    background-color: #0072ff;
    color: white;
    height: 50px;
    width: 250px;
    padding-left: 10px;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    font-size: 16px;
    margin-left: -5px;
}

.ml-draggable-wrapper span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.8;
    cursor: pointer;
    transition: all 200ms;
    color: white;
    will-change: transform;
}

    .ml-draggable-wrapper span:hover {
        transform: rotate(180deg);
    }

.ml-draggable-wrapper ul {
    padding: 0px;
}

    .ml-draggable-wrapper ul .draggable {
        /*will-change: transform;*/
        min-height: 2.9rem;
        list-style-type: none;
        background-color: var(--card-btn-light-bg);
        border: 1px solid var(--primary-border-color);
        color: var(--on-primary-color);
        width: 100%;
        padding: 0 0.6rem 0 1rem;
        cursor: move;
        transition: all 200ms;
        user-select: none;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: calc(var(--border-radius-default));
        gap: 0.6rem;
    }

        .ml-draggable-wrapper ul .draggable:not(:last-child) {
            margin-bottom: 0.6rem;
        }

        .ml-draggable-wrapper ul .draggable:after {
            content: "drag me";
            right: 3.8rem;
            font-size: 10px;
            position: absolute;
            cursor: pointer;
            line-height: 5;
            transition: all 200ms;
            transition-timing-function: cubic-bezier(0.48, 0.72, 0.62, 1.5);
            transform: translateX(120%);
            opacity: 0;
            display: none;
        }

        .ml-draggable-wrapper ul .draggable:hover:after {
            opacity: 1;
            transform: translate(0);
        }

.mlc-filter-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    font-size: 0.9rem;
}

.manage-list-content input.form-control {
    box-shadow: none;
}

.over {
    transform: scale(1.1, 1.1);
}

.p-info-msg {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    background-color: var(--salmon-new-color2);
    padding: 0.55rem 0.75rem;
    border-radius: var(--border-radius-default);
    margin-bottom: 1.5rem;
    border: var(--border-width-layout) solid var(--salmon-new-color);
    margin-top:1.5rem;
}



    .p-info-msg p {
        margin-bottom: 0;
        color: var(--primary-color);
        font-size: var(--base-font-size);
    }

    .p-info-msg.p-ol-im p {
        margin-bottom: 0;
    }

    .p-info-msg em.icon {
        font-size: 1.8rem;
        color: var(--primary-color);
    }

.p-info-msg-blue {
    background-color: var(--plm-light-blue2);
    border: var(--border-width-layout) solid var(--primary-light-color);
}

.p-info-msg-green {
    background-color: var(--complete-bg);
    border: var(--border-width-layout) solid var(--green-color);
}

.p-info-msg-amber {
    background-color: #fff2ca;
    border: var(--border-width-layout) solid #ffe085;
}

.p-icon-primary {
    stroke: var(--primary-color);
}

.p-info-msg-amber .info-icon-dialog {
    fill: #ffbf00;
    stroke: none;
}

.p-info-msg-green .info-icon-dialog {
    fill: var(--green-color);
    stroke: none;
}

.p-info-msg-green.p-info-msg p {
    color: var(--complete-tc);
}

.p-info-msg-ul {
    padding-left: 1.025rem;
    margin-top: 0.25rem;
    color: var(--primary-color);
}



ul.help-text {
    color: var(--primary-color);
    padding-left: 1.1rem;
}

.ls-info-msg .p-info-msg {
    border: 1px solid var(--primary-border-color);
    min-height: 72px;
    border-radius: var(--bs-border-radius);
    background-color: transparent;
}

    .ls-info-msg .p-info-msg ul.list-disc {
        list-style: none;
        padding: 0;
    }

.ls-info-msg ul li:not(:last-child) {
    margin-bottom: 0.75rem;
}

.ls-info-msg ul li:nth-child(1) {
    max-width: 75%;
}


.ls-info-msg ul li:nth-child(2) {
    max-width: 65%;
}

.ls-info-msg ul li:nth-child(3) {
    max-width: 50%;
}

.ls-info-msg .info-icon-dialog.info-icon-dialog-lg {
    fill: transparent;
    stroke: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.mlc-input {
    max-width: 250px;
}

.mlc-drag-cont {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    word-break: break-word;
    line-height: 1.2;
}

.ml-draggable-wrapper {
    margin-bottom: 1.5rem;
}

.manage-list-modal .modal-lg .modal-body {
    overflow-x: hidden;
}

.mlc-filter-cus {
    display: flex;
    gap: 0.3rem;
}

.mlc-filter-cus {
    display: flex;
    gap: 0.3rem;
    cursor: pointer;
}

.p-text-btn {
    border: none;
    font-size: 1rem;
    color: var(--primary-color);
    padding: 0rem;
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: transparent;
}

    .p-text-btn:hover {
        background-color: var(--light-new-blue);
    }

    .p-text-btn .dropdown-menu {
        padding: 0.35rem;
        border: 1px solid var(--input-border-1);
    }

    .p-text-btn a.dropdown-item {
        margin: 0rem;
        width: 100%;
        border-radius: calc(var(--bs-border-radius) * 0.5);
        overflow: hidden;
        color: var(--primary-color);
        font-size: var(--base-font-size-xxs);
        display: flex;
        align-items: center;
        gap: 0.6rem;
        line-height: 1;
        line-height: 1;
        padding: 0.35rem;
    }

    .p-text-btn .p-grid-action-btns svg, .p-text-btn svg.p-grid-icon {
        stroke: var(--primary-color);
    }

    .p-text-btn svg.p-grid-icon1p1 {
        --icon-v1: 1rem;
    }

    .p-text-btn svg.p-grid-icon1p3 {
        --icon-v1: 1.15rem;
    }

@media (min-width: 992px) {
    .manage-list-modal .modal-lg {
        max-width: 630px;
    }
}


/*css for Time Off css starts here*/

.p-leave-tt-head {
    color: var(--primary-color);
}

.p-leave-tt-para {
    margin-bottom: 0;
    font-size: var(--base-font-size-xxs);
    color: var(--on-primary-color);
}

.leave-time-guage {
    position: relative;
}

    .leave-time-guage svg {
        width: 210px;
        height: 210px;
    }

    .leave-time-guage span.remaing-session-chart {
        line-height: 1.3;
    }

.to-quotes-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

    .to-quotes-wrapper p {
        margin-bottom: 0;
        font-size: var(--base-font-size-lg);
    }

.to-quotes {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.to-quotes-wrapper > * {
    flex: 1;
}

.toq-icon svg {
    width: 6.5rem;
    height: 7.5rem;
    display: inline-block;
}

.to-graph-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
}

.graphGuage {
    width: 380px;
    height: 200px;
    margin: 0 auto;
}

.ph-card.to-tabs,
.ph-card.p-defautlt-navs {
    padding: 0.65rem;
}

.p-defautlt-navs .nav-pills .nav-link {
    color: var(--on-primary-color);
    font-weight: 500;
    padding: 0.1rem 0rem 0.1rem;
    font-size: var(--base-font-size-xl);
    border: none;
    cursor: pointer;
}

.p-defautlt-navs .nav-pills .nav-link.active {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    font-weight: 600;
}

.p-defautlt-navs .nav-link.active-saved-tab {
    border-bottom: 3px solid var(--theme-primary-color);
    border-radius: 0 !important;
    background-color: transparent;
    padding-bottom: 0.4rem;
    color:var(--theme-primary-color);
}

.p-defautlt-navs .tabsNavActiveBg {
    border: none;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: calc(var(--border-radius-default) * 1);
    color: var(--primary-color);
}


.ph-card.p-defautlt-navs {
    border: none;
    padding: 0;
    position: relative;
    box-shadow: none;
    background-color: transparent;
    padding: calc(var(--box-padding) * 0.25);
    background: none;
    backdrop-filter: none;
}

.ph-card.p-defautlt-navs::after,
.ph-card.p-defautlt-navs::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 3px;
}

.p-def-nav-wbg.ph-card.p-defautlt-navs::after {
    background-color: transparent;
}

.p-defautlt-navs .tabsNavActiveBg {
    height: 2px;
    bottom: 0;
    display: inline-block;
    position: absolute;
    z-index: 1;
    transition-duration: 0.4s;
}

.p-defautlt-navs .nav li {
    z-index: 2;
}

.p-defautlt-navs .nav {
    gap: 1.45rem;
}

.p-defautlt-navs.nav-pills .nav-item {
    margin-right: 0.5rem;
}

.grid-btn-abs {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
}

#btnAddNewGoal.grid-btn-abs {
    z-index: 2;
}

.grid-btn-abs-right {
    left: initial;
    right: 0;
}

.header-top-abs {
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 9;
}

#UserID .dx-texteditor.dx-editor-outlined,
#UserID .dx-editor-cell .dx-texteditor-input {
    border: none !important;
}

.mto-pg-grid-layout-right {
    min-height: initial;
    margin-bottom: 0;
}

.to-tabs-content {
    margin-bottom: 0 !important;
    height: calc(100% - var(--default-gap) - 51.5px);
}

.pg-grid-layout-left {
    align-self: stretch;
}

svg.icon-sidebar-plane {
    padding: 0.4rem;
}

/* leave Balances*/
.leave-balances-content {
    color: var(--primary-color);
}

.lt-list-items {
    background-color: var(--sec-light-color4);
    border-radius: var(--border-radius-default);
    padding: 0.4rem 1rem;
    font-size: 0.95rem;
}

.lt-list-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lt-list-date {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

    .lt-list-date p {
        color: var(--primary-color);
    }

    .lt-list-date label {
        align-self: flex-start;
        font-size: 0.75rem;
    }

.lt-days {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
}

    .lt-days p strong {
        font-size: var(--base-font-size-h2);
    }

.lt-list-date .lt-days:last-child {
    align-items: center;
}

.lt-days p {
    margin: 0;
    line-height: 1.35;
}

.lt-list-date small {
    text-align: center;
    font-size: var(--base-font-size-sm);
}

li.lt-list-items:not(:last-child) {
    margin-bottom: calc(var(--default-gap) * .5);
}

.lt-days svg {
    width: 1.9rem;
    height: 1.9rem;
    fill: var(--primary-color);
}

.lt-list-date small.p-to-str {
    font-weight: 400;
}

.grid-avatar {
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgb(231 234 243 / 95%);
}

.grid-avatar-md {
    object-fit: cover;
    border-radius: 50%;
}

.grid-avatar-md {
    width: 2.1rem;
    height: 2.1rem;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgb(231 234 243 / 95%);
}

.grid-profile-wrapper {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    /* white-space: nowrap;*/
    text-align: left;
    align-self: center;
}

    .grid-profile-wrapper p {
        margin-bottom: 0;
    }

.gp-content h6 {
    cursor: pointer;
    font-size: 0.84rem;
    color: var(--primary-color);
    margin-bottom: 0.1rem;
    font-weight: 600;
}

.gp-content {
    line-height: 1.4;
}

    .gp-content p {
        margin-bottom: 0;
        font-size: var(--base-font-size-xxs);
    }

.p-appo-actn-btn {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.ctop-notification .p-form-check {
    margin-bottom: 0.5rem;
}

#TimeOffCalender .dx-scheduler-appointment {
    background-color: transparent;
    min-height: 32px;
    max-height: 32px;
}

#teamSummary .dx-scheduler-appointment {
    background-color: transparent;
}

#teamSummary .dx-scheduler-timeline .dx-scheduler-appointment,
#teamSummary .dx-scheduler-work-space-month .dx-scheduler-appointment {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#TimeOffCalender .dx-scheduler-all-day-appointment,
#TimeOffCalender .dx-scheduler-timeline .dx-scheduler-appointment,
#TimeOffCalender .dx-scheduler-work-space-month .dx-scheduler-appointment,
#TimeOffCalender .dx-scheduler-all-day-appointment.dx-state-hover,
#TimeOffCalender .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
#TimeOffCalender .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover {
    -webkit-box-shadow: inset 0px 0 0 0 rgba(0,0,0,.3);
    box-shadow: inset 0px 0 0 0 rgba(0,0,0,.3);
}


.borderBox,
.filBox {
    padding: 0.25rem;
    border-radius: calc(var(--bs-border-radius) * 0.5);
}

.borderBox {
    border: var(--border-width-layout) solid;
    color: var(--primary-color);
}

@media(max-width: 1600px) {
    .to-quotes p br {
        display: none;
    }
}

@media(max-width: 1024px) {
    .to-quotes-wrapper {
        flex-direction: column;
        margin-bottom: 2rem;
    }
}

@media(max-width: 991.98px) {

    .toq-icon svg {
        width: 5rem;
        height: 6.5rem;
        display: inline-block;
    }

    .to-tabs.p-defautlt-navs .nav-pills > * {
        flex: 1;
        white-space: nowrap;
        text-align: center;
    }

    .to-tabs.p-defautlt-navs .nav-pills {
        gap: 0.8rem;
    }

    .grid-btn-abs {
        position: relative;
        top: 0;
        text-align: right;
    }
}
/*css for Time Off css ends here*/

/*css for content hub starts here*/

.medi-banner-slider {
    position: relative;
}

.featured-meditation-controls {
    position: absolute;
    right: 0.8rem;
    bottom: 0.8rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
}

    .featured-meditation-controls em.ni.icon {
        font-size: var(--base-font-size-h3);
        color: var(--base-font-size-h3);
    }

    .featured-meditation-controls > * {
        cursor: pointer;
    }

.ch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--content-grid-width)), 1fr));
    gap: calc(var(--default-gap) * 0.5);
}

.ch-grid-item .ch-grid-img-wrapper {
    border-radius: var(--border-radius-default);
}

.ch-grid-img-wrapper {
    position: relative;
    display: flex;
    max-height: 10rem;
    background-color: var(--primary-border-color);
}

.ch-grid-content {
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    padding: calc(var(--box-padding) * 0.5);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.6rem;
    min-height: 7.5rem;
}

    .ch-grid-content h3 {
        font-size: 0.9rem;
        line-height: 1.4;
        margin-bottom: 0;
    }

.ch-blog h3 {
    align-self: flex-start;
    flex: 1;
}

.plmm-lr-img {
    width: 100%;
    object-fit: inherit;
    min-height: 100%;
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
}

.ch-grid-img-wrapper {
    min-height: 10rem;
}

.ch-grid-actions-item a,
.ch-grid-actions-item label {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--base-font-size);
    cursor: pointer;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    font-weight: 500;
}

.ch-grid-actions-item svg,
.tc-eye-icon {
    display: inline-block;
    width: 1.05rem;
    height: 1.05rem;
    fill: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.ch-grid-actions-item svg {
    fill: none;
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    --icon-v1: 1.2rem !important;
}

.tc-eye-icon {
    fill: var(--primary-color);
}

.tc-content .sm-gap-cen span {
    /*font-size: var(--base-font-size-xxs);*/
    font-size: 0.76rem !important;
}

.tc-img-wrapper,
.tc-img .p-video-bg-thumbnail {
    border-radius: calc(var(--bs-border-radius) * 0.75);
}

.tc-img .ph-thumb-tag {
    position: absolute;
    z-index: 9;
    left: 0.4rem;
    top: 0.4rem;
    font-size: 0.74rem;
    padding: 0.05rem 0.45rem 0.1rem;
}

.tc-content .sm-gap-cen svg {
    width: 1.1rem;
}

.tc-content .sm-gap-cen {
    margin-top: 0.2rem;
}

.ch-grid .plmm-tag {
    font-size: var(--base-font-size-xs) 0.78rem;
    padding: 0.2rem 0.8rem;
    bottom: 0.5rem;
    left: 0.5rem;
}

.lr-time, .lr-date {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1;
    font-size: 0.75rem;
    color: var(--chat-dark-bg-2);
}

.ch-grid-content .ni.icon {
    color: var(--chat-dark-bg-2);
}

.ch-blog {
    align-self: flex-start;
}

.scheduling-rads {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    margin-bottom: 1.5rem;
}

.future-date-hide {
    display: none;
}

.ls-cont-hub .ch-grid-content,
html[color-mode="dark"] .ls-cont-hub .ch-grid-content {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}

.ls-cont-hub .ch-grid-actions {
    gap: 1rem;
}

    .ls-cont-hub .ch-grid-actions > * {
        flex: 1;
    }

.ls-cont-hub .ch-grid-actions-item svg,
html[color-mode="dark"] .ls-cont-hub .ch-grid-actions-item svg {
    height: 0.6rem;
    fill: transparent;
    stroke: transparent;
}

.ls-cont-hub .ch-grid-content h3:nth-child(2) {
    margin-top: 0.4rem;
    max-width: 110px;
}

html[color-mode="dark"] .ch-grid-content {
    background-color: var(--bg-default);
}

.promote-cont-img-wrap {
    border-radius: calc(var(--border-radius-default) * 0.5);
    overflow: hidden;
    position: relative;
}

    .promote-cont-img-wrap img {
        max-height: 250px;
        position: relative;
        width: 100%;
        object-fit: cover;
    }

.pos-event-promote {
    position: absolute;
    bottom: 0.95rem;
    left: 0.95rem;
}

.p-etime-icon {
    background-color: var(--sec-light-color4);
    padding: 0.2rem;
    border-radius: calc(var(--border-radius-default) * 0.5);
    width: 1.9rem;
    height: 1.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-etime-icon em.icon {
        font-size: 1.3rem;
    }

.event-time-inner {
    font-weight: 600;
    color: var(--primary-color);
    gap: 0.6rem;
    font-size: 0.82rem;
}

.event-time p {
    font-size: 0.88rem;
}
/*css for content hub ends here*/
/*css for academy starts here*/
.p-academy {
    padding: 0;
}

.clamp-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* Limit to 4 lines */
    overflow: hidden;
    line-height: 1.5; /* Adjust line height as needed */
}

.p-academy .to-graph-wrapper {
    padding: calc(var(--box-padding) * 0.3);
}

.medi-banner-slider .slick-track {
    display: flex;
}

.academy-banner {
    display: flex;
    min-height: 100%;
    align-items: stretch;
}

    .academy-banner > * {
        flex: 1;
    }

.ab-left-content {
    max-width: 360px;
}

#pieMeditation,
#pieCourses,
#pieSoundscapes {
    width: calc(100% - 0.5rem);
    height: 220px;
}

@media(min-width: 1600px) {
    .ab-left-content {
        max-width: 420px;
    }
}

.ab-left-content {
    position: relative;
    border-radius: var(--border-radius-default) 0 0 var(--border-radius-default);
    overflow: hidden;
}

    .ab-left-content img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right;
    }

.ab-right-content {
    background-color: var(--primary-color);
    padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 15.5rem;
}

    .ab-right-content h4 {
        color: var(--chat-dark-bg-2);
        margin-bottom: 0.6rem;
    }

    .ab-right-content p {
        color: var(--default-border);
        font-size: var(--base-font-size-lg);
    }

.academy-tc {
    position: relative;
    width: 100%;
    border-radius: var(--border-radius-default);
    overflow: hidden;
    min-height: var(--pc-thumb-height);
}

.academy-bc {
    text-align: left;
    width: 100%;
    padding: 0.75rem 0 0;
    padding-left: 6px;
}

    .academy-bc h5 {
        color: var(--primary-color);
        font-weight: 600;
        font-size: var(--base-font-size);
        margin-top: 0;
        margin-bottom: 0;
        min-height: 2.1rem;
    }

.academy-bc-info {
    font-size: 0.8rem;
    color: var(--on-primary-color);
    display: flex;
    flex-direction: column;
    gap: 0.018rem;
}

    .academy-bc-info h6 {
        font-size: var(--base-font-size);
        margin-bottom: 0.1rem;
        font-weight: 600;
        color: var(--on-primary-color);
    }

.academy-feat-img,
.p-card-full-details-img-thumb > img {
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
    min-height: var(--pc-thumb-height);
    max-height: var(--pc-thumb-height);
    object-position: top;
}

.academy-banner .p-add-btn em.icon {
    font-size: 1.4rem;
    color: var(--p-btn-txt);
}

.tc {
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
}

    .tc:not(:last-child) {
        margin-bottom: calc(var(--default-gap) * 0.5);
    }

.tc-img-wrapper {
    position: relative;
    display: flex;
    flex: 0 0 7.2rem;
    overflow: hidden;
    border-radius: 0.35rem;
    cursor: pointer;
}

    .tc-img-wrapper .icon.ni.nd-play-btn {
        height: 30px;
        width: 30px;
        max-width: 30px;
        font-size: 18px;
    }

    .tc-img-wrapper:hover .play-btn-video {
        opacity: 1;
        visibility: visible;
    }

.tc-img {
    height: 4.2rem;
    border-radius: 0.35rem;
    overflow: hidden;
    flex-shrink: 0;
    width: 100%;
}

    .tc-img img {
        height: 100%;
        width: 100%;
        display: inline-block;
        object-fit: cover;
    }

.tc-content h5 {
    font-size: var(--base-font-size);
    line-height: 1.2;
    margin-bottom: 0.1rem;
    padding-right: 0.5rem;
    font-weight: 500;
}

.tc-content label {
    font-size: var(--base-font-size-xxs);
    display: block;
}

.loading-skeleton .tc-content label {
    max-width: 4em;
    margin-top: 0.55rem;
}

.cw-scroll {
    height: calc(100vh - calc(var(--default-container-gap) * 2) - var(--nav-min-height) - 57px);
    padding: var(--box-padding);
    margin: calc(var(--box-padding)* -1);
    overflow-y: auto;
}

/*.p-ss-h100 {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto !important;
    padding-right: 1.55rem;
    width: calc(100% + 1.55rem);
    padding-left: 0.25rem;
}*/

.p-modal-sw-ig {
    max-height: calc(100% - 6rem);
    overflow-x: hidden;
}

.add-sc-inner-sw > * {
    flex: 0 0 auto;
}

.p-tabs-mh {
    min-height: 600px;
}

@media(max-width : 1800px) {
    .p-tabs-mh {
        min-height: 730px;
    }
}


.p-tabs-mh-w-nav {
    min-height: calc(100vh - calc(var(--default-container-gap) * 2) - var(--nav-min-height) - var(--nav-min-height));
}

html[color-mode="dark"] .ab-right-content {
    background-color: var(--chat-dark-bg-2);
}

    html[color-mode="dark"] .ab-right-content h4 {
        color: var(--primary-color);
    }

    html[color-mode="dark"] .ab-right-content p {
        color: var(--on-primary-color);
    }

html[color-mode="dark"] .progress {
    background-color: #141414;
}

@media(max-width: 1600px) {
    .ab-left-content {
        max-width: 320px;
    }

    .ab-right-content {
        padding: 1.5rem;
    }
}

/*loader css*/

.loading-skeleton .academy-bc h5 {
    min-height: initial;
    margin-bottom: 2.5rem;
}

.loading-skeleton .academy-bc-info {
    gap: 0.3rem;
}

    .loading-skeleton .academy-bc-info label:nth-child(2) {
        max-width: 45%;
    }

    .loading-skeleton .academy-bc-info label:nth-child(3) {
        max-width: 35%;
    }

.loading-skeleton .p-content-grid-item .wb-inner-wrapper .skeleton-img {
    min-height: var(--pc-thumb-height);
    max-height: var(--pc-thumb-height);
    border-radius: var(--bs-border-radius);
}

/*css for academy ends here*/


/*css for wellbeing starts here*/

.p-wellbeing-banner {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    align-items: stretch;
}


.p-d-aff {
    position: relative;
}

.pos-cen {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.p-wellbeing {
    background: radial-gradient(circle, rgba(234,239,251,1) 30%, rgba(255,255,255,1) 100%);
}

html[color-mode="dark"] .p-wellbeing {
    background: radial-gradient(circle, rgb(24 25 29) 30%, rgb(0 0 0) 100%);
}

.wb-wrapper {
    position: relative;
    padding: 0 0.4rem;
}

.p-content-grid-item {
    max-width: 260px;
    min-width: 260px;
}

.wb-inner-wrapper,
.p-card-full-details-img-thumb,
.p-card-full-details-img-therap {
    position: relative;
    width: 100%;
    border-radius: var(--border-radius-default);
    overflow: hidden;
    min-height: var(--pc-thumb-height);
}

.loading-skeleton .wb-inner-wrapper,
.loading-skeleton .p-card-full-details-img-thumb,
.loading-skeleton .p-card-full-details-img-therap {
    background-color: transparent;
}

.wb-inner-wrapper::after,
.academy-tc::after {
    content: '';
    position: absolute;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    background-color: #141821;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    border-radius: calc(var(--bs-border-radius) * 1.6);
}

.wb-content {
    position: absolute;
    bottom: 0px;
    left: 0px;
    max-width: 100%;
    padding: 8px 15px;
    color: #fff;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 72%);
}

    .wb-content h5 {
        font-size: 0.8rem;
        color: #fff;
        margin-bottom: 0;
    }

.loading-skeleton .wb-content h5,
.loading-skeleton .wb-content .p-content-td {
    background: rgb(161 165 181 / 28%);
}

.loading-skeleton .wb-content {
    width: 100%;
}

    .loading-skeleton .wb-content .p-content-td {
        width: 100%;
        max-width: 30%;
    }

.play-btn-video {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .20s linear .1s;
    transition: opacity .20s linear .1s;
}

.slider-container,
.cgl-rows {
    margin-bottom: 1.4rem;
}

.loading-skeleton .cgl-rows {
    overflow: hidden;
}

.header-oc h3 {
    margin: 0;
    font-size: calc(var(--base-font-size-xxs) * 0.9);
    margin-left: 0.35rem;
}

.slider-container .slick-dots {
    bottom: -14px;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 650px;
    padding: 1.35rem 0 0.35rem;
}

.slick-disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.slider-container .slider {
    position: relative;
}

    .slider-container .slider::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(270deg, var(--chat-dark-bg-2) 15%, rgb(255 256 255 / 0%));
        width: 105px;
    }

/*.slider-container.end-of-slides .slider::after {
    display: none;
}*/

@media(max-width: 1600px) {
    .p-content-grid-item {
        max-width: 260px;
        min-width: 260px;
    }
}
/*css for booking modals stats here*/
.two-btns {
    display: flex;
    gap: 1.3rem;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.p-bokgs-stp-mw {
    max-width: 1180px;
    margin: 0 auto;
}

.p-bokgs-stp-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    align-items: center;
    grid-gap: 1rem;
}

.p-def-hr-line {
    margin: 0;
    border-bottom: 1px solid var(--primary-border-color);
}

.p-bokgs-stp-wrapper > .ph-4 {
    margin-bottom: 2rem;
}

.bokgs-dates-wrap {
    display: flex;
    grid-gap: 0.7rem;
    flex-wrap: wrap;
    margin-bottom: 1.4rem;
}

.bokgs-dates-btn {
    color: var(--primary-color);
    text-align: center;
    Padding: 0.32rem 0.5rem;
    text-decoration: none;
    border-radius: calc(var(--border-radius-default)* 0.75);
    display: inline-block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    font-size: var(--base-font-size);
    font-weight: 500;
}

.book-slot-selected-date .bokgs-dates-btn,
.bokgs-dates-btn:hover {
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%) );
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.bokgs-dates-btn.bokgs-dates-btn-cal:hover{
    color:#fff !important;
}


.bokgs-dates-btn-cal {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: #fff;
    margin-left: 1rem;
}

.book-slot-selected-date .bokgs-dates-btn-cal {
    background-color: var(--theme-primary-color);
    color: #fff;
}

.bokgs-dates-btn-cal:hover {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.bokgs-slots-wrap {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    margin-bottom: 2rem;
}

.bokgs-slots-dayshift {
    flex: 0 0 130px;
}

@media(max-width: 767px) {
    .bokgs-slots-wrap {
        flex-direction: column;
    }

    .bokgs-slots-dayshift {
        flex: 0 0 auto;
    }

    .bokgs-dates-btn-cal {
        margin-left: 0.3rem;
    }

    .bokgs-btn-time {
        text-decoration: none;
    }
}

.bokgs-dayshift {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0;
}

.bokgs-day-shift-icons {
    width: 1.3rem;
    height: 1.3rem;
    fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.bokgs-slot-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.bokgs-btn-time {
    min-width: 5.1rem;
    padding: 0.3rem 0.4rem;
    display: inline-block;
    text-align: center;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    font-weight: 500;
    cursor: pointer;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    box-sizing: border-box;
    border-radius: 25px;
    font-size: var(--base-font-size-xs);
}

.bokgs-btn-time:hover {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: var(--chat-dark-bg-2);
}

.p-order-summary .order-summary-inner-div {
    padding: 0;
    border: none;
}

.p-order-summary .message-prac-div {
    display: flex;
    grid-gap: 1.4rem;
}

    .p-order-summary .message-prac-div label {
        flex: 0 0 150px;
    }

.bookses-txt {
    font-size: var(--base-font-size);
    font-weight: 400;
    color: var(--on-primary-color);
    padding-left: 5px;
}

.already-booked {
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-color: #ccc;
    -webkit-text-decoration-color: #306376;
    text-decoration-skip-ink: none;
    text-decoration: underline;
    text-underline-offset: -40%;
    background: var(--primary-border-color);
    color: var(--on-secondary-color);
    border: 1px solid var(--primary-border-color);
}

    .already-booked:hover {
        cursor: not-allowed;
        text-decoration: line-through #306376;
    }

.bokgs-confirmation p {
    margin-bottom: 0;
}

.bokgs-confirmation label {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--primary-color);
}

.bokgs-confirmation .table td, .bokgs-confirmation .table th {
    border-top: 0;
    padding: 0.65rem 0;
}

h4.ph-4.booking-head {
    font-weight: 700;
}

.p-dot-notify {
    min-width: 0.65rem;
    height: 0.65rem;
    font-size: 0;
    position: initial;
}


.p-max-width-box {
    max-width: 768px;
    margin: 0 auto;
}

/*hoverside hover effect menu*/
.main-sidebar ul.nav.nav-treeview {
    padding-left: 0;
    padding-top: 0;
    padding: 0.3rem;
}

.p-sidebar {
    margin-top: 0;
    height: calc(100% - var(--nav-min-height) - 0.5rem);
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0.4rem;
    padding-left: 0.6em;
}

/* Hide scrollbar by default for .p-sidebar, .cw-scroll, and .p-scroll-overlay */
/* Reserve space for scrollbar and hide it by default */
.cw-scroll,
.p-scroll-overlay,
.kanban-drag,
.p-sidemenu-dropdown .sidebar-dropdown-menu ul {
    overflow-y: scroll; /* Always show scrollbar space */
    -ms-overflow-style: none; /* For IE and old Edge */
}

    .cw-scroll::-webkit-scrollbar,
    .p-scroll-overlay::-webkit-scrollbar,
    .kanban-drag::-webkit-scrollbar,
    .p-sidemenu-dropdown .sidebar-dropdown-menu ul::-webkit-scrollbar {
        width: var(--def-sb-wid); /* Width of scrollbar */
        background: transparent; /* Make scrollbar transparent */
        transition: background-color 0.3s ease; /* Smooth transition for background color */
    }

    /* Scrollbar track styling (invisible by default) */
    .cw-scroll::-webkit-scrollbar-track,
    .p-scroll-overlay::-webkit-scrollbar-track,
    .kanban-drag::-webkit-scrollbar-track,
    .p-sidemenu-dropdown .sidebar-dropdown-menu ul::-webkit-scrollbar-track {
        background: transparent; /* Invisible track */
    }

    /* Scrollbar handle styling */
    .cw-scroll::-webkit-scrollbar-thumb,
    .p-scroll-overlay::-webkit-scrollbar-thumb,
    .kanban-drag::-webkit-scrollbar-thumb,
    .p-sidemenu-dropdown .sidebar-dropdown-menu ul::-webkit-scrollbar-thumb {
        background: transparent; /* Invisible thumb */
        transition: background-color 0.3s ease; /* Smooth color transition */
    }

    /* Handle hover styles */
    .cw-scroll:hover::-webkit-scrollbar-thumb,
    .p-scroll-overlay:hover::-webkit-scrollbar-thumb,
    .kanban-drag:hover::-webkit-scrollbar-thumb,
    .p-sidemenu-dropdown .sidebar-dropdown-menu ul:hover::-webkit-scrollbar-thumb {
        background: #C1C7CF; /* Visible thumb on hover */
    }

    /* Custom scrollbar styles specifically for textarea */
    textarea::-webkit-scrollbar,
    .kanban-drag::-webkit-scrollbar {
        width: 7px;
        cursor: pointer;
    }

.p-dd-sidebar svg.icon-sidebar,
.p-dd-sidebar .nav-item em {
    --icon-nav-wh: 2rem;
}

.p-sidemenu-dropdown {
    position: relative;
}

.p-dd-sidebar li.nav-item .nav-link {
    border-radius: calc(var(--bs-border-radius)* 2.25) !important;
}

/*.main-sidebar .nav-sidebar li .p-dd-sidebar a.nav-link:hover {
    background-color: var(--blue-light-bg);
}*/

.sidebar-dropdown-menu {
    display: none;
    margin-top: 0.125em;
    margin-left: -0.4em;
    border: none;
    padding: 0;
    border: 1px solid rgb(255 255 255 / 87%);
    border-radius: calc(var(--border-radius-default)* 0.8);
    z-index: 99999;
}

.p-sidebar.p-scroll-overlay:hover::-webkit-scrollbar-thumb {
    background: #d6d9e3;
}

.p-sidemenu-dropdown .sidebar-dropdown-menu ul {
    max-height: calc(100vh - 1rem);
    overflow-y: auto;
}


@media screen and (min-width: 576.99px) {

    .p-sidemenu-dropdown:hover .sidebar-dropdown-menu {
        display: block;
        overflow-y: clip;
    }

    .p-dd-sidebar {
        min-width: 12.55rem;
    }

    .p-sidemenu-dropdown .sidebar-dropdown-menu::after {
        content: '';
        position: absolute;
        left: -16px;
        top: 0;
        width: 1.3rem;
        height: 100%;
        background-color: transparent;
        display: inline-block;
    }

    @supports (-moz-appearance: none) {
        .p-sidemenu-dropdown:hover .sidebar-dropdown-menu {
            overflow-y: initial;
        }

        .p-sidemenu-dropdown .sidebar-dropdown-menu::after {
            left: -19px;
            width: 2rem;
        }
    }
}

@media screen and (max-width: 576px) {
    .sidebar-dropdown-menu {
        display: inherit;
        transition: max-height 0.4s ease-out;
        max-height: 0;
        overflow: hidden;
        border: none;
        margin: 0;
        margin-top: 0.2rem;
        margin-left: 0.2rem;
        padding-left: 0.45rem;
    }

    .sidebar-dropdown-toggle[aria-expanded="true"] {
        background-color: var(--chat-dark-bg-2);
        border-radius: calc(var(--bs-border-radius) * 0.5);
    }

    .sidebar-dropdown-menu.show {
        display: inherit;
        max-height: 500px;
        overflow-y: auto;
    }

    .sidebar-nav .nav-bg-color,
    .sidebar-nav .nav-bg-color-dd {
        display: none;
    }

    .sidebar-dropdown-toggle[aria-expanded="true"] .ni-chevron-right {
        transform: rotate(90deg);
    }

    .main-sidebar .nav-sidebar li a.nav-link .icon.ni,
    .sidebar-dropdown-toggle[aria-expanded="true"] .ni-chevron-right {
        transition: all .3s;
    }

    .sidebar-dropdown-toggle[aria-expanded="true"]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0.38em;
        background-position: center 26%;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='4' height='60' viewBox='0 0 4 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 45L4 48V60H0V45Z' fill='%2376F6DD'/%3E%3Cpath d='M0 30L4 33.5V48L0 45V30Z' fill='%2396CDFA'/%3E%3Cpath d='M0 15H4V34L0 30V15Z' fill='%23F9E791'/%3E%3Cpath d='M0 0H4V19.5L0 15V0Z' fill='%23F3A7AC'/%3E%3C/svg%3E%0A");
    }

    .top-nav-menu {
        gap: 0.5rem;
    }

    .p-dd-sidebar li.nav-item .nav-link.active-im {
        background-color: var(--blue-light-bg);
        z-index: 1500;
        border-radius: var(--bs-border-radius) !important;
    }

    .p-emma-ai {
        width: 5.8rem;
    }

    .p-emma-ai.p-help-center {
        width: 6.3rem;
    }
}

.p-oc-action-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 99;
}

.p-oc-zoom,
.p-oc-focus-wrapper {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

button.p-oc-action-btn {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

    button.p-oc-action-btn svg {
        width: 1.4rem;
        height: 1.4rem;
        fill: var(--primary-color);
    }

.p-oc-action-input {
    color: var(--on-primary-color);
    font-size: 0.85rem;
    min-width: 2.35rem;
    text-align: center;
}

.oc-card-wrapper {
    padding: calc(var(--box-padding) * 0.6);
    font-family: var(--primary-font);
    line-height: 1.5;
    height: 100%;
    background-color: var(--card-bg-color);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--primary-border-color);
    box-shadow: var(--default-shadow);
}

    .oc-card-wrapper:hover,
    .highlight-search-res {
        background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15 );
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15 );
        box-shadow: 0 0 0 .25rem var(--sec-light-color4);
    }

.no-registered, .oc-emp-data {
    cursor: default;
}

.oc-card-inner-wrapper {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.8rem;
}

.p-ocn-card-det {
    justify-content: flex-start;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.oc-emp-img {
    width: 2.2rem;
    height: 2.2rem;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--primary-border-color);
    margin: 0 auto;
    display: block;
}

.oc-emp-data {
    text-align: center;
    font-size: 0.8rem;
    margin: 0 auto;
    display: block;
    width: 8.5rem;
}

.p-ocn-card-det span {
    max-width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.oc-emp-name {
    color: var(--primary-color);
    font-weight: 600;
    text-align: left;
}

.p-ocn-card-det .p-icon.p-icon-grey {
    stroke: var(--on-primary-color);
}

.oc-emp-country,
.oc-emp-title {
    color: var(--on-primary-color);
    font-size: 0.76rem;
}

.p-ocn-card-det:not(:last-of-type) {
    margin-bottom: 0.45rem;
}

.oc-emp-count-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    background-color: var(--card-bg-color);
    padding: 0.3rem 0.65rem;
    border-radius: 1.5rem;
    color: var(--primary-color);
    box-shadow: var(--default-shadow);
    border: 1px solid var(--primary-border-color);
}

.oc-emp-manages-count,
.oc-emp-all-count {
    display: flex;
    align-items: center;
    font-size: 0.81rem;
    line-height: 1;
    gap: 0.3rem;
}

.oc-emp-count {
    padding-top: 1px;
    font-family: var(--primary-font);
}

.oc-emp-count-icon {
    width: 1.15rem;
    height: 1.15rem;
    fill: var(--primary-color);
    display: inline-block;
}

.oc-updown-icon {
    height: 19px;
}

    .oc-updown-icon em.icon {
        font-size: 1.35rem;
    }

/*css for user list*/

.p-userlist .two-btns {
    justify-content: flex-start;
}

.p-userlist-head-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*css for course page */
.p-course-content-wrapper {
    padding: var(--box-padding);
    font-size: 0.9rem;
}

.p-df-aifs-g1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.3rem;
}

.p-gap-half {
    gap: 0.75rem;
}

.p-cc-o-data label {
    display: block;
}

.p-cc-o-title {
    margin-top: 1.2rem;
}

.title-head {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.9rem;
}

.icon.pcc-gm-play-btn {
    font-size: 2.65rem;
}

.p-cc-gm-inner p {
    margin-bottom: 0;
}

.p-course-content-wrapper {
    padding: calc(var(--box-padding) * 1.3);
    font-size: 0.9rem;
}

.p-cc-pdf-icon {
    width: 1.7rem;
    height: 1.7rem;
    stroke: #ffffff;
    display: inline-block;
    cursor: pointer;
    margin: 0;
}

.p-cc-pdf-icon-wrap {
    padding: 0.5rem;
    background-color: #173571;
    border-radius: var(--bs-border-radius);
}

.p-pipe-divider {
    display: inline-block;
    padding: 0 0.75rem;
}

.duration-gm {
    font-size: 0.7rem;
}

.p-cc-o-data {
    margin-bottom: 1.1rem;
}

.sidebar-video-info .p-save-tag-wrap .ni.icon {
    font-size: 1.15rem;
    color: var(--white-color);
}

    .sidebar-video-info .p-save-tag-wrap .ni.icon.pc-bookmark-icon {
        font-size: 1.28rem;
    }

.ni-bookmark.save-video-item {
    font-size: 1.2rem;
}

#close-sidebar .ni.icon {
    font-size: 1.3rem;
}

.p-cv-wrapper {
    overflow: hidden;
}

a.side-menu-list {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.sidebar-dropdown svg.p-icon {
    flex: 0 0 auto;
}

.icon-file-icon {
    --play-btn-width: 2.8rem;
    fill: var(--primary-color);
}

.pc-desc-icons {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    justify-content: flex-start;
    gap: 1.1rem;
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 91%) );
    padding: calc(var(--box-padding) * 0.75);
    border-radius: var(--bs-border-radius);
    width: 100%;
    max-width: 425px;
}

.p-crsh-download-icon {
    display: inline-block;
    stroke: var(--primary-color);
    line-height: 1.8;
    flex-shrink: 0;
    width: 1.55rem;
    height: 1.55rem;
    align-self: flex-start;
    margin-top: 0.1rem;
    gap: 1.2rem;
}

.pc-desc-icons p {
    color: var(--primary-color);
    font-weight: 500;
}

.pc-desc-icons .icon-play-btn {
    flex: 0 0 2.8rem;
}

html[color-mode="dark"] .learn-like-count span,
html[color-mode="dark"] .sidebar-video-info .like-save-wrapper span,
html[color-mode="dark"] .sidebar-video-info .p-save-tag-wrap .ni.icon {
    color: var(--chat-bg-color);
}
/*css for Guided meditation detail page starts here*/
.p-gm-content {
    margin: 1.8rem 0;
}

.p-save-tag-gm {
    line-height: 1;
}

.gm-details-rm-inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0;
}

.p-gm-content p {
    font-size: 1rem;
    min-height: 4.5rem;
}

.gm-details-rm-inner .ph-card {
    padding: var(--dash-card-padd);
    color: var(--primary-color);
}

/*.wistia_responsive_wrapper {
    background-color: #000;
}*/

.p-gm-det-video {
    overflow: hidden;
}

.p-cc-workbook {
    margin: 1.45rem 0 1.5rem;
}

.gm-play-icon.ni.icon {
    font-size: 2.3rem;
}

.gm-details-rm-con {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.gm-dc {
    display: flex;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.18rem;
    width: 100%;
    overflow: hidden;
}

.gm-rm-hr-line {
    width: 100%;
    height: 2px;
    background-color: var(--sec-light-color3);
}

.gm-dc h5 {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 0.88rem;
}

.recomended-meditation-list {
    padding: 0.82rem 0.6rem;
    cursor: pointer;
    width: 100%;
    font-weight: 500;
    font-size: 0.88rem;
    border-bottom: var(--border-width-layout) solid var(--border-layout);
}

.gm-td {
    font-size: 0.75rem;
    display: block;
    color: var(--primary-color);
}

.p-gm-lh {
    min-height: 34px;
}

.p-like-actions {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

/*ends here*/
.p-save-tag-wrap {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.p-save-tag {
    border-radius: 50%;
    padding: 2px;
    background-color: var(--sec-light-color4);
    width: 2.1rem;
    height: 2.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    cursor: pointer;
}

.p-course-cate-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.p-course-cate-head-actns {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.p-sli-arrows.disabled,
.p-course-cate-head-actns .p-sli-arrows.slick-hidden {
    display: none !important;
}

.p-course-cate-head-actns .p-sli-arrows,
.featured-meditation-controls .slick-arrow {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    border-radius: 50%;
    border: 1px solid  hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-course-cate-head-actns em.icon.ni,
.featured-meditation-controls .slick-arrow em.icon.ni {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    font-size: 0.8rem;
}

.p-course-cate-head-actns .p-sli-arrows:hover,
.featured-meditation-controls .slick-arrow:hover {
    background-color:var(--theme-primary-color);
}

.p-course-cate-head-actns .p-sli-arrows:hover em.icon.ni,
.featured-meditation-controls .slick-arrow:hover em.icon.ni  {
   color:#fff;
}

.p-course-cate-head-actns .p-sli-arrows:hover em.icon.ni{
    color:#fff;
}

.p-course-cate-head-actns em.icon.ni-forward-ios,
.featured-meditation-controls em.icon.ni-forward-ios {
    position: relative;
    left: 0.1em;
}

.p-course-cate-head-actns em.icon.ni-back-ios,
.featured-meditation-controls em.icon.ni-back-ios {
     position: relative;
     left: -0.05em;
}

.p-prev-ctrl {
    cursor: pointer;
}

.p-next-ctrl, .p-prev-ctrl {
    cursor: pointer;
}

.slick-dots button[aria-label="1 of 1"] {
    display: none;
}

.slider-container .slick-track {
    margin-left: 0;
}

.p-slider-courses-wrapper .slick-prev {
    left: -11px;
    background-size: 18px;
}

.p-slider-courses-wrapper .slick-next {
    right: -11px;
    background-size: 18px;
}

.p-slider-courses-wrapper .slick-disabled {
    opacity: 0;
}

.p-slider-courses-wrapper .slick-prev, .p-slider-courses-wrapper .slick-next {
    width: 30px;
    height: 30px;
}

.p-slider-courses-wrapper .slick-prev,
.p-slider-courses-wrapper .slick-next {
    top: calc(50% - 1rem);
}

.pgc-loader-tag {
    min-width: 100px;
    border-radius: 50px !important;
    display: inline-flex;
    min-height: 33px;
    margin-bottom: 0.4rem;
    margin-left: 0.35rem;
    border: 1px solid var(--primary-border-color);
    border-radius: 50%;
}
/*css for org chart starts here*/
.p-org-cart-wrapper {
    min-height: calc(100vh - 16.5rem);
}

    .p-org-cart-wrapper .p-info-msg {
        margin: 1.5rem;
    }

.club-view-wrapper .dx-selectbox .dx-texteditor-input {
    border: none;
}

:not(:root):fullscreen::backdrop {
    background-color: var(--chat-dark-bg-2);
}

.svg-chart-container {
    background-color: var(--chat-dark-bg-2);
}

.org-chart-tooltip {
    padding: 0.7rem 1rem;
    color: var(--primary-color);
    text-align: center;
    text-decoration: none;
    background-color: var(--sec-light-color4);
    font-family: var(--primary-font);
    font-weight: 300;
    line-height: 1.4;
    font-size: var(--base-font-size);
    border-radius: 0.25rem;
    min-width: 10.5rem;
}

    .org-chart-tooltip strong {
        display: block;
    }

    .org-chart-tooltip label {
        font-size: var(--base-font-size-sm);
        color: var(--on-primary-color);
    }

.org-ch-info-msg {
    margin: 3rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

    .org-ch-info-msg .p-info-msg {
        flex: 1;
    }

.p-info-msg li::marker {
    color: var(--primary-color);
}
/*club view*/
.club-view-main-wrapper {
    min-height: calc(100vh - calc(var(--default-container-gap) * 2) - var(--nav-min-height));
}

.club-view-graph {
    width: 100%;
}

.cv-profile-img {
    width: 3rem;
    height: 3rem;
    box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 8%);
    border-radius: 50%;
    cursor: pointer;
}

.club-view-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

.club-view-inner-wrapper {
    min-height: 600px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    overflow-y: auto;
}

.dropdownlst {
    flex-shrink: 0;
    padding-right: 1.6rem;
}

.org-chart-tooltip::before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    right: calc(50% - 2px);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid;
    border-bottom-color: var(--sec-light-color4);
}

.p-cv-filter-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 1.2rem;
}

.p-cv-filter {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.p-cv-filter-main-wrapper .dropdown-menu.p-dd-ms-dx {
    min-width: 13.12rem;
}

.cata-sub-nav .p-cv-filter-tags {
    margin: 0;
    display: flex;
    -webkit-padding-start: 0px;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size: var(--base-font-size);
    color: var(--primary-color);
    font-weight: 500;
    gap: 1rem;
}

.cata-sub-nav .nav-menu-arrow em.icon {
    position: relative;
    top: -1px;
}

.p-cv-filter-tags label {
    cursor: pointer;
    color: var(--on-primary-color);
}

label.p-cv-filter-tags-active {
    font-weight: 500;
    color: var(--primary-color);
    border: none;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    border-radius: calc(var(--border-radius-default) * 0.6);
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 )
}

.p-cv-cust-filter-btn {
    border: none;
    background-color: transparent;
    border: none;
}

.p-cv-filter-vline {
    display: flex;
    align-items: stretch;
    align-self: stretch;
    color: var(--sec-light-color3);
    font-size: 0.95rem;
    font-weight: 300;
}

.p-cv-filter-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem 1.4rem;
    flex-wrap: wrap;
    font-size: var(--base-font-size-xxs);
}

    .p-cv-filter-tags label {
        cursor: pointer;
        padding: 0.35rem 0.8rem;
    }

button.p-cv-cust-filter-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
    color: var(--on-primary-color);
}

    button.p-cv-cust-filter-btn em.ni.icon {
        position: relative;
        top: -0.05rem;
        color: var(--on-primary-color);
    }

.p-cv-filter-main-wrapper .dropdown-menu {
    border: none;
    padding: 0px;
}

.cv-tooltip {
    padding: 0.45rem;
    z-index: 999999;
}

.cv-tooltip-inner {
    max-width: 400px;
    min-width: 11.3rem;
    color: var(--primary-color);
    text-align: center;
    text-decoration: none;
    background-color: var(--white-color);
    font-family: var(--primary-font);
    font-weight: 300;
    line-height: 1.4;
    padding: 0.5rem;
    font-size: var(--base-font-size-sm);
    border-radius: 0.3rem;
    border: solid 1px var(--primary-border-color);
}

    .cv-tooltip-inner strong {
        display: block;
    }

    .cv-tooltip-inner label {
        font-size: 0.73rem;
        color: var(--on-primary-color);
    }

.ls-cv {
    width: 100%;
    max-width: 850px;
    margin-right: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-self: flex-start;
    padding-top: 1.2rem;
}

    .ls-cv h6 {
        min-width: 35px;
    }

    .ls-cv .details p {
        min-width: 84px;
    }

    .ls-cv p.skeleton-img {
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 50%;
        border: 1px solid var(--bg-default);
    }
/*css for company page*/
.p-com-profile-img-wrap {
    margin: 0;
    box-shadow: var(--default-shadow);
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    position: relative;
    max-width: 160px;
    height: 160px;
    width: 100%;
    background-color: var(--chat-dark-bg-2);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
}

.p-com-profile-img-wrap-mw {
    padding: 1.05rem;
    height: 100px;
    max-width: 300px;
    min-height: initial;
}

.p-gs-handbook .p-com-profile-img-wrap-mw .p-add-btn-icon {
    max-width: 120px;
    margin: 0 auto;
}

.com-profile-action,
.p-hdc-edit {
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

    .com-profile-action svg {
        display: inline-block;
        width: 1.2rem;
        height: 1.2rem;
        stroke: var(--background1);
        cursor: pointer;
    }

.p-com-profile-img-wrap:hover .com-profile-action,
p-hover-img-overlay-ic:hover {
    z-index: 9;
    opacity: 1;
    visibility: visible;
}

.p-tal-can-pro-img.p-hover-img-overlay-ic {
    position: relative;
    overflow: hidden;
}


.p-com-profile-img-wrap:hover::after,
.p-hover-img-overlay-ic:hover::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--modal-bg-color);
}
/*css related to light package starts here signup trial*/
section.ph-lite-cover {
    padding-bottom: 1.5rem;
}

.select-package-boxes, .box-default-onboard {
    overflow-y: auto;
    box-shadow: var(--default-shadow);
    border-radius: 6px;
    padding: 20px;
    background-color: var(--card-bg-color);
    position: relative;
}

.leading-none .text-6xl {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--secondary-color);
    line-height: 1;
    position: relative;
    bottom: -2px;
}

.leading-none {
    display: flex;
    align-items: flex-end;
    gap: 15px;
}

.select-package-boxes h4 {
    margin-bottom: 0.7rem;
    line-height: 16px;
    font-weight: 700;
    padding: 0 !important;
    font-size: 1.05rem;
    line-height: 1.2;
}

.packages-illust {
    max-width: 14rem;
    height: 9.5rem;
    margin-bottom: 1rem;
}

.onboard-packge-divivder {
    max-width: 75%;
    margin: 1.5rem auto;
}

.select-package-boxes p {
    font-size: 0.92rem;
    margin: 0;
    margin-bottom: 0.2rem;
}

.sp-list-inclded ul li {
    margin: 0;
    margin-bottom: 0.7rem;
    color: var(--on-primary-color);
    font-weight: 400;
    display: flex;
    gap: 9px;
    align-items: flex-start;
}

.ph-form-group label {
    left: 2px;
}

.sp-list-inclded ul li em.icon.ni {
    font-size: 0.95rem;
    position: relative;
    top: 4px;
    color: var(--primary-color);
    font-weight: 800;
}

.sp-list-inclded {
    margin-top: 1rem;
}

    .sp-list-inclded ul {
        padding: 0;
        margin-top: 1rem;
        margin-bottom: 0;
    }

.package-note-text .para-text {
    text-align: left;
    font-size: 1rem;
    margin-top: 1.3rem;
    margin-bottom: 1.6rem;
    padding-left: 1.2rem;
    font-style: italic;
    letter-spacing: 0.21px;
    margin-bottom: 0.7rem;
}

.box-default-onboard {
    min-height: 500px;
    overflow: hidden;
    position: relative;
}

.view-proposal-content button {
    min-width: 11rem;
    padding: 0.5rem 0.85rem !important;
    font-size: 1rem;
}

.view-proposal-main-wrapper {
    position: relative;
    z-index: 9;
}

.continue-max-wid {
    max-width: 13rem;
    min-width: 13rem;
}

.ph-stripe-payment {
    max-width: 520px;
}

h4.secondary-sub-head {
    font-family: var(--secondary-font);
    font-size: 1.55rem;
    margin-bottom: 0.8rem;
}

.onboard-sub-heads.oh-mb-1,
.onboard-head {
    margin-bottom: 2rem;
    text-align: center;
}

.onboard-head {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--secondary-color);
    font-family: var(--secondary-font);
    line-height: 1.3;
}

.opening-head-count {
    margin-top: 1rem;
}

.partner-tou-txt label {
    line-height: 1.35;
}

.seelct-package-wrapper h2.onboard-head.mb-2 {
    margin-bottom: 2.8rem !important;
}

@media(max-width: 768px) {
    .onboard-head {
        font-size: 1.4rem;
    }

    .onboard-sub-heads.oh-mb-1, .onboard-head {
        margin-bottom: 1.5rem;
    }
}
/*css related to light package starts here signup trial*/

/*css for my docs page starts here*/
.p-mydoc-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0;
}

.p-mydoc-grid-content {
    position: relative;
}

.p-mydoc-folder-action {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

    .p-mydoc-folder-action svg,
    .p-mydoc-fol-icon {
        display: inline-block;
        cursor: pointer;
    }

    .p-mydoc-folder-action svg {
        width: 1.35rem;
        height: 1.35rem;
        fill: var(--primary-color);
    }

.p-mydoc-fol-icon,
svg.p-mydoc-action-icons {
    width: 1.2rem;
    height: 1.2rem;
    fill: var(--on-primary-color);
    position: relative;
    top: -1px;
}

.p-mydoc-head .ph-4 {
    line-height: 1.5;
}

.p-mydoc-list {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

.p-mydoc-list-item,
.p-vertical-def-nav .nav-link {
    padding: 0.7rem 0.65rem;
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--border-radius-default));
    border: 1px solid var(--primary-border-color);
    cursor: pointer;
    font-size: var(--base-font-size-sm);
    color: var(--primary-color);
    position: relative;
    width: 100%;
    font-weight: 500;
    overflow: hidden;
    padding-left: 1rem;
    position: relative;
}

/*.p-mydoc-active::before,
.p-vertical-def-nav .nav-link.active::before,
.p-sb-scroll-spy-list-item a.active::before,
.p-sp-slide-bg:after {
    content: "";
    background-color: var(--secondary-color);
    width: var(--left-active-bw);
    left: 0;
    position: absolute;
    height: 100%;
    top: 0;
}*/

.loading-skeleton .p-mydoc-active::before,
.loading-skeleton .p-vertical-def-nav .nav-link.active::before {
    display: none;
}

.p-mydoc-active,
.p-vertical-def-nav .nav-link.active {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-border-color);
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

.p-vertical-def-nav .nav-link.active svg.p-icon.p-icon-md {
    stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

.p-mydoc-active svg.p-mydoc-fol-icon {
    fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

li.p-mydoc-list-item.p-mydoc-active label.folderName {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important
}

li.p-mydoc-list-item.p-mydoc-active .p-mydoc-active svg.p-mydoc-fol-icon{
    fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

.p-mydoc-list-item:not(:last-child),
.p-vertical-def-nav .nav-link:not(:last-child) {
    margin-bottom: 0.8rem;
}

.p-mydoc-list-item-cont,
.p-vertical-def-nav .nav-link {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    line-height: 1.5;
    position: relative;
}

.p-head-with-sh span {
    display: block;
    font-size: var(--base-font-size);
    font-weight: 400;
    color: var(--on-primary-color);
}

.p-talent-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.p-head-with-sh {
    font-size: var(--base-font-size-lg);
}

/*.p-mydoc-list-item-cont .p-dd-wp-btn {
    width: 1.4rem;
    height: 1.4rem;
}*/

.p-v-nav-modifier.p-vertical-def-nav {
    gap: 1.25rem;
}

    .p-v-nav-modifier.p-vertical-def-nav .nav-link {
        width: initial;
        padding: 0.4rem 0.85rem;
        border-left: 1px solid var(--primary-border-color);
    }

        .p-v-nav-modifier.p-vertical-def-nav .nav-link:not(:last-child) {
            margin-bottom: 0;
        }

.p-mydoc-list-item-cont label {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    flex: 1;
    text-overflow: ellipsis;
    max-width: calc(100% - 0.2rem);
    color: var(--primary-color);
}

.p-mydoc-grid-upl-sea {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.p-mydoc-list-item-actions {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.65rem;
    opacity: 1;
    visibility: visible;
    z-index: 12;
}

.p-mydoc-no-folder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.p-mydoc-list-item-actions svg.p-mydoc-action-icons {
    fill: var(--link-color);
}

.p-mydoc-list-item-actions svg.p-mydoc-action-icons {
    fill: var(--link-color);
}

.p-mydoc-list-item.p-mydoc-active:hover::after {
    background: linear-gradient(-90deg, var(--sec-light-color4) 75%, transparent);
}

.loading-skeleton .p-mydoc-list-item {
    min-height: 40.32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: initial;
    border-left: 1px solid var(--primary-border-color);
}

.loading-skeleton .p-mydoc-list-item-cont {
    width: 100%;
    font-size: 0;
}

.loading-skeleton .p-mydoc-active svg.p-mydoc-fol-icon {
    fill: transparent !important;
}

.loading-skeleton.my-doc-head-skl {
    display: inline-block;
    width: 100%;
    max-width: 13.5rem;
}

    .loading-skeleton.my-doc-head-skl > .ph-4 {
        min-height: 1.25rem;
    }

.loading-skeleton .p-mydoc-list-item-actions {
    display: none;
}

.p-p-radio-group {
    display: flex;
    align-items: center;
    gap: 0.85rem 1.35rem;
    margin-bottom: 1.3rem;
    flex-wrap: wrap;
}


.pp-selected-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.38rem 0.75rem;
}

    .pp-selected-tags label,
    .p-tag-def {
        background-color: var(--sec-light-color4);
        padding: 0.3rem 0.85rem;
        border-radius: var(--border-radius-default);
        font-size: var(--base-font-size-xxs);
        color: var(--primary-color);
    }

.pp-users-group {
    display: flex;
    align-items: center;
}

    .pp-users-group .p-grid-btn {
        cursor: pointer;
    }

.pp-user-count {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1.3rem;
}

.pp-user-imgs-wrapper {
    text-align: center;
    overflow: hidden;
    color: #707583;
    padding-left: 1rem;
    display: flex;
    align-items: center;
}

.pdf .pp-user-imgs-wrapper {
    flex: 0 0 auto;
}

.pp-users-count {
    /*background: linear-gradient(103deg, #76F6DD 14.3%, #96CDFA 33.09%, #F9E791 65.94%, #F3A7AC 91.57%);*/
    background: hsl(var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%));
    color: var(--theme-primary-color);
    margin-left: -1rem;
    text-align: center;
    height: 1.95rem;
    width: 1.95rem;
    vertical-align: middle;
    border: 1px solid var(--input-border-1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.pp-user-imgs {
    width: 1.95rem !important;
    height: 1.95rem !important;
    border-radius: 50%;
    margin-left: -1rem;
    border: 1px solid var(--input-border-1);
    background: #FFF;
    stroke: var(--p-grey-1) !important;
    fill: var(--p-grey-1) !important;
}

span.pp-user-cont {
    line-height: 0.8;
    font-weight: 600;
}

.pp-user-cont,
.pp-selected-tags label {
    font-size: var(--base-font-size-xxs);
}

.p-form-check {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
}

    .p-form-check input[disabled="disabled"], .p-form-check input[disabled="disabled"] + label {
        opacity: 0.4;
        cursor: default;
    }

.custom-switch input[disabled="disabled"] + label,
.custom-switch input[disabled] + label {
    opacity: 0.75;
}

.custom-control-input[disabled="disabled"]:checked ~ .custom-control-label::before,
.custom-control-input[disabled]:checked ~ .custom-control-label::before {
    border-color: var(--disabled-color);
    opacity: 0.95;
}

.custom-control-input:disabled ~ .custom-control-label::before,
.custom-control-input[disabled] ~ .custom-control-label::before {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.3) !important;
}

.custom-switch input[disabled="disabled"] + label,
.custom-switch input[disabled="disabled"] + label::before,
.custom-switch input[disabled="disabled"] + label::after,
.custom-switch input[disabled] + label,
.custom-switch input[disabled] + label::before,
.custom-switch input[disabled] + label::after,
.p-acc-card input.custom-control-input[disabled] {
    cursor: default !important;
}

.form-group .p-p-radio-group .p-form-check .p-form-check-label,
.form-group .p-form-check .p-form-check-label,
.form-group.row .custom-switch input + label.custom-control-label {
    font-weight: 400;
}

.p-form-check-input,
.form-builder-wp input[type="checkbox"] {
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
}

    .p-form-check-input[type="checkbox"],
    .form-builder-wp input[type="checkbox"] {
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: 1px solid var(--input-border-1);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        border-radius: 0.3rem;
        background-color: var(--chat-dark-bg-2);
    }

    .p-form-check-input[type="radio"]:checked {
        accent-color: var(--cb-blue);
    }

    .p-form-check-input:checked[type=checkbox],
    .form-builder-wp input:checked[type="checkbox"] {
        background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    }

    .p-form-check-input:checked,
    .form-builder-wp input:checked[type="checkbox"] {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

.formbuilder-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.checkbox-group .formbuilder-checkbox label {
    margin-bottom: 0;
}

.checkbox-group .formbuilder-checkbox:not(:last-child) {
    margin-bottom: 0.7rem;
}

/*css for radio custom sh*/
/* Hide the default radio button with specific type and class */
.p-form-check-input[type="radio"],
.form-builder-wp input[type="radio"] {
    flex-shrink: 0;
    width: 1.2em !important;
    height: 1.2em;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid var(--input-border-1);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    border-radius: 50%;
    float: left;
    background-color: var(--chat-dark-bg-2);
}

/* Change border color when the radio button is checked */
.p-form-check-input:checked[type=radio],
.form-builder-wp input:checked[type="radio"] {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    --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");
}

.p-form-check-input:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--sec-light-color6);
}

.formbuilder-radio-group .radio-group-field .radio-group {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.formbuilder-radio-group .radio-group-field {
    margin-top: 0.2rem;
}

    .formbuilder-radio-group .radio-group-field .radio-group {
        margin-bottom: 0.35rem;
    }
/*css for radio custom eh*/

.pp-users-count-nc {
    display: flex;
}

    .pp-users-count-nc .pp-user-imgs {
        background-color: var(--bg-default);
        border: 1px solid var(--primary-border-color);
    }

    .pp-users-count-nc .pp-users-count {
        /*background: var(--bg-default);
        color: var(--on-secondary-color);*/
        border: 1px solid var(--input-border-1);
    }

    .pp-users-count-nc svg.pp-user-imgs {
        fill: var(--p-grey-1);
    }
/*.p-form-check {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    display: inline-flex;
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 2.25rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    line-height: 2.08;
    cursor: pointer;
}*/
/*.p-form-check-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}*/
/*.p-form-check-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd;
}

label.p-form-check-label {
    position: relative;
    margin-bottom: 0;
}

.p-form-check-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.p-form-check-label::before {
    border-radius: 50%;
}

.p-form-check-label::after {
    position: absolute;
    top: 0.24rem;
    left: -1.49rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
}

.p-form-check-input:checked ~ .p-form-check-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.p-form-check-input:checked ~ .p-form-check-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.p-form-check-input:focus ~ .p-form-check-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}*/
.form-group .p-form-check-label {
    margin-bottom: 0;
    cursor: pointer;
}

.p-sbc-input-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex: 1;
}

    .p-sbc-input-group .form-group {
        width: 100%;
    }

#selectByConditionPopup .modal-body {
    min-height: 390px;
}

.p-sbc-input-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1rem;
    width: 100%;
    gap: 1rem;
}

    .p-sbc-input-main-wrapper .form-group {
        margin-bottom: 0 !important;
    }

svg.removeCondition {
    width: 1.2rem;
    height: 1.2rem;
    stroke: var(--primary-color);
    cursor: pointer;
}

.pp-userList-selected {
    overflow: hidden;
    padding-bottom: 1.8rem;
}

.p-clk-tt .pp-userList-selected .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused,
.p-clk-tt .pp-userList-selected .dx-list {
    pointer-events: none;
    cursor: default;
}

.pp-userList-selected .product-name {
    color: var(--primary-color);
}

.pp-userList-selected .dx-texteditor.dx-editor-outlined {
    background: var(--chat-dark-bg-2);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--input-border-1);
    overflow: hidden;
    margin-bottom: 0.65rem;
}

.ultt-cb {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    cursor: pointer;
}

#UsersListTooltip {
    padding-top: 1.8rem;
}

.pp-userList-selected .dx-list-next-button .dx-button {
    color: var(--primary-color);
    border: 1px solid var(--sec-light-color3);
    background-color: transparent;
    padding: 0;
}

    .pp-userList-selected .dx-list-next-button .dx-button .dx-button-content {
        padding: 0;
    }

.pp-userList-selected .dx-button-mode-contained.dx-state-hover {
    background-color: transparent;
}

.pp-userList-selected .dx-texteditor-input {
    height: inherit;
    border: none;
    min-height: 100%;
}

/* css for Admin pages*/
.graph-pos-cen {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: var(--box-padding);
}

.p-insight-stats-wrapper h3 {
    margin-bottom: 0.95rem;
}

.p-insight-stats-wrapper {
    margin: 1.3rem 0 2rem;
}

    .p-insight-stats-wrapper h4 {
        margin-bottom: 0.7rem;
    }

.p-insight-stats-wrapper {
    margin: 1.5rem 0 2rem;
    border-radius: 13px;
    background-color: var(--bg-default);
    padding: var(--box-padding);
    position: relative;
}

    .p-insight-stats-wrapper:last-child {
        margin-bottom: 0;
    }

.p-ins-wcc-cols {
    position: relative;
}

.insight-content .p-no-data {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: inherit !important;
    width: 100%;
}

.ins-con-ru-b1, ins-con-ru-b2, ins-con-ru-b3 {
    position: relative;
}


/*css for calender page Event page */

/*therapist banner updated starts here*/
.featured-banner-grid-main {
    overflow: hidden;
    min-height: 222px;
}

    .featured-banner-grid-main .fbg-cols {
        height: 100%;
        position: relative;
        width: 100%;
    }

.tfc-profile {
    --feature-img-h: 180px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--chat-dark-bg-2);
    background-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
    min-height: var(--feature-img-h);
    max-height: var(--feature-img-h);
    position: relative;
}

.featured-banner-grid {
    --featured-graph-width: 400px;
    display: grid;
    grid-template-columns: calc(100% - var(--default-sidebar-width) - var(--default-gap)) var(--default-sidebar-width);
    align-content: center;
    gap: var(--default-gap);
}

.feature-event-main-wrapper,
.medi-banner-slider {
    flex: 1;
    height: 100%;
    position: relative;
    width: 100%;
}

.therap-feature-card {
    display: grid;
    grid-template-columns: 300px 1fr;
    align-items: center;
    gap: var(--box-padding);
}


.thc-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    justify-content: space-between;
    align-self: flex-start;
}

    .thc-content small {
        color: var(--on-primary-color);
    }

.thcc-details-inner {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    align-items: flex-start;
}

.thc-content {
    height: 100%;
}

    .thc-content, .thc-content h4, .thc-content p {
        color: var(--primary-color);
        margin-bottom: 0;
    }

        .thc-content h4 {
            color: var(--primary-color);
            margin-bottom: 0.3rem;
            font-size: var(--base-font-size-h3);
        }

        .thc-content, .thc-content p {
            color: var(--primary-color);
            margin-bottom: 0;
        }

.thcc-details-inner p {
    font-size: var(--base-font-size-xxs);
}

.thcc-details {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    gap: 1rem;
}

.thc-content-top .thcc-details {
    margin-bottom: 0.2rem;
}

.tfc-thumbnail-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    border-radius: calc(var(--bs-border-radius));
    overflow: hidden;
}

.therap-feature-card .clamp-lines {
    -webkit-line-clamp: 4;
}

.fbg-cols .thc-content p {
    color: var(--on-primary-color);
    margin-bottom: 0.5rem;
}

.featured-banner-grid .cols.ph-card,
.featured-banner-grid .fbg-cols.ph-card {
    padding: calc(var(--box-padding)* 0.85);
}

    .featured-banner-grid .cols.ph-card > h4, .featured-banner-grid .fbg-cols.ph-card > h4 {
        margin-top: -0.45rem;
    }

.thc-content-top {
    flex: 1;
}

.therap-feature-card .pp-user-imgs-wrapper {
    margin-top: 0.18rem;
}

.thc-content .pdf small {
    color: var(--on-primary-color);
    white-space: nowrap;
}

.p-feat-chart-wrapper {
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
    height: 100%;
    justify-content: flex-start;
    width: 100%;
    min-height: 100px;
}

.p-feat-piechart-wrapper {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex: 1;
    justify-content: flex-start;
}

.p-feat-piechart svg {
    width: 135px;
    height: 135px;
    display: inline-block;
}

.p-feat-legends {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.9rem 2rem;
}

.p-feat-legends-items {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.p-fli-box {
    width: 0.85rem;
    height: 0.85rem;
    display: inline-block;
    border-radius: var(--bs-border-radius-lg);
    flex: 0 0 auto;
}

.p-feat-legends-items label {
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-xxs)* 0.92);
    color: var(--primary-color);
}

.therap-feature-card .def-avat-name-ini {
    width: 7.3rem;
    height: 7.3rem;
    font-size: 1.9rem;
}

.featured-banner-grid .p-no-data,
.p-th-banner .p-no-data {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: initial !important;
}

.p-no-data-progress {
    text-align: center;
    min-height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--chat-dark-bg-2);
}

.p-no-data-copy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: initial !important;
    flex-direction: column;
}

    .p-no-data-copy p {
        margin-top: 0.8rem;
        font-size: var(--base-font-size);
        color: var(--on-primary-color);
    }

.p-banner-profile .p-no-data {
    min-height: 170px !important;
}

@media(max-width: 1650px) {
    .p-feat-legends {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.65rem;
    }

    .featured-banner-grid {
        --featured-graph-width: 360px;
        gap: var(--default-gap);
    }

    .therap-feature-card {
        grid-template-columns: 260px 1fr;
    }

    .tfc-profile {
        --feature-img-h: 175px;
    }
}

@media(max-width: 1440px) {
    .p-feat-piechart-wrapper {
        gap: 1.5rem;
    }

    .fe-content-users {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.4rem;
    }
}

@media(max-width: 1400px) {
    .feature-event-main-wrapper .therap-feature-card .clamp-lines {
        -webkit-line-clamp: 3;
    }
}

@media(max-width: 1300px) {
    .therap-feature-card {
        grid-template-columns: 280px 1fr;
    }

    .feature-event-main-wrapper .therap-feature-card .clamp-lines {
        -webkit-line-clamp: 3;
    }
}


@media(max-width: 1250px) {
    .featured-banner-grid {
        grid-template-columns: 100%;
    }

    .p-feat-legends {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem 2rem;
    }

    .p-feat-piechart-wrapper {
        gap: 2rem;
        justify-content: center;
    }

    .fe-content-users {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 1.5rem;
    }

    .tfc-thumbnail-profile img {
        height: 160px;
    }

    .p-feat-chart-wrapper {
        min-height: 160px;
    }
}

@media(max-width: 1100px) {
    .p-feat-legends {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem 2rem;
    }
}

@media(max-width: 576px) {
    .therap-feature-card {
        grid-template-columns: auto;
    }
}



.loading-skeleton .thc-content {
    background-color: initial;
}

.feature-event-main-wrapper .p-no-data {
    min-height: 250px;
}

.loading-skeleton .tfc-thumbnail-profile .skeleton-img {
    width: 100%;
    border-radius: 0 !important;
    border: none;
}

.loading-skeleton .thcc-details-inner h4 {
    width: 100%;
    max-width: 30%;
}

.loading-skeleton .thcc-details-inner p:nth-child(2) {
    width: 100%;
    max-width: 45%;
    min-height: 0.6rem;
}

.loading-skeleton .thcc-details-inner p:nth-child(3) {
    width: 100%;
    max-width: 80%;
}

.loading-skeleton .thcc-details-inner p:nth-child(4) {
    width: 100%;
    max-width: 60%;
}

.loading-skeleton .descr p:nth-child(2) {
    max-width: 85%;
    margin-top: 0.35rem;
}

.loading-skeleton .thc-content,
.loading-skeleton .thcc-details-inner {
    gap: 0.35rem;
}

.loading-skeleton .tfc-profile {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.loading-skeleton .tfc-profile .skeleton-img,
.pp-user-imgs .skeleton-img {
    border-radius: 50%;
}

.loading-skeleton .pp-user-imgs {
    border-color: transparent;
    background: transparent;
}

/*therapist banner updated ends here*/
.dx-scheduler-appointment-tooltip-wrapper.dx-tooltip-wrapper .dx-overlay-content,
.dx-scheduler-appointment-tooltip-wrapper.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content,
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .p-cal-poup-wrapper {
    max-height: 500px !important;
}

.dx-scheduler-appointment-tooltip-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover,
.dx-scheduler-appointment-tooltip-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused,
.dx-scheduler-appointment-tooltip-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: initial !important;
}

.campaigns-calender .dx-scheduler-appointment-collector,
.campaigns-calender .dx-scheduler .dx-button-mode-contained.dx-state-hover.dx-scheduler-appointment-collector,
.campaigns-calender .dx-scheduler .dx-button-mode-contained.dx-state-focused.dx-scheduler-appointment-collector {
    box-shadow: none !important;
    border-radius: var(--bs-border-radius) !important;
    background-color: var(--primary-color);
    font-size: var(--base-font-size-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6;
    font-weight: 400;
}

    .campaigns-calender .dx-scheduler .dx-button-mode-contained.dx-state-focused.dx-scheduler-appointment-collector.dx-state-active .dx-button-content {
        background-color: var(--primary-color);
    }

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-sidebar-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-sidebar-scrollable::before {
    width: 125px;
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-date-table-scrollable, .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count="1"] .dx-scheduler-header-scrollable {
    margin-left: 125px;
}

#eventPopupContainer {
    max-width: 400px;
    font-size: var(--base-font-size);
}

    #eventPopupContainer .dx-overlay-content {
        height: auto !important;
        border: none;
        border: 1px solid var(--primary-border-color);
    }

.p-cal-event-wrapper {
    background-color: transparent;
    font-size: var(--base-font-size);
    border-radius: calc(var(--border-radius-default)* 0.6);
    white-space: initial;
    text-align: left;
    color: var(--primary-color);
}

.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item {
}

.p-cal-pro-cont label {
    color: var(--on-primary-color);
}

.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
    font-size: var(--base-font-size);
}

.p-cal-event-tooltip .tooltip-inner {
    padding: initial;
    text-align: initial;
    background-color: initial;
}

.x-axis-totals {
    fill: var(--on-primary-color);
    font-size: 0.7rem;
}

.p-x-locations text {
    fill: #404040;
    /*font-size: var(--base-font-size-xxs);*/
    font-size: 0.9rem;
    font-weight: 600;
    font-family: var(--primary-font);
}

.user-profile-circle2 {
    stroke-width: 0.125rem;
    box-shadow: 0 0.4rem 0.4rem rgb(59 59 59 / 90%);
    stroke: var(--dashboard-hr-color);
    cursor: pointer;
    mask-image: cover;
    -webkit-mask-size: cover;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

.user-profile-circle {
    stroke: rgb(202 204 210 / 70%);
    transition: all .1s ease-in-out;
    stroke-width: 2px;
    paint-order: stroke fill;
    stroke-linecap: round;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

pattern.grp-view-img {
    position: relative;
}

image.grp-view-img {
    width: 60px;
    height: auto;
    object-fit: cover;
}

    image.grp-view-img:hover {
        /*  width: 48px;*/
    }

.user-profile-circle .fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

    .user-profile-circle .fill img {
        flex-shrink: 0;
        min-width: 100%;
        min-height: 100%
    }

.cv-all-users {
    margin-top: 0.9rem;
}

.cv-all-users {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.4rem;
    padding: 0.5rem 0.2rem;
    max-height: 400px;
    overflow-y: auto;
}

.all-user-profile {
    width: 2.28rem;
    height: 2.28rem;
    border-radius: 50%;
    border: 2px solid var(--dashboard-hr-color);
    object-fit: cover;
    cursor: pointer;
}

.cv-members-head {
    font-size: var(--base-font-size-xxl);
    margin: 0 -0.6rem 0;
    padding: 0.05rem 0 0.6rem;
    border-bottom: 1px solid var(--card-bg-color);
    font-weight: 600;
}

.p-cal-event-tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.p-cal-event-tooltip.bs-tooltip-right .arrow::before {
    border-right-color: var(--chat-dark-bg-2);
}

.p-cal-icon-label {
    display: flex;
    align-items: center;
}

.p-cal-event-title {
    font-size: var(--base-font-size-h3);
    font-weight: 600;
    margin-bottom: 0.85rem;
    line-height: 1.4;
}

.p-cal-icon {
    flex: 0 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}

.p-cal-icon-label.p-cal-icon-tl {
    align-items: flex-start;
}

.p-cal-event-wrapper hr {
    display: inline-block;
    margin: 0.3rem 0;
    width: 100%;
}

.p-cal-icon svg {
    width: 1.1rem;
    height: 1.1rem;
    fill: var(--primary-color);
    position: relative;
    top: -1px;
}

.p-cal-icon-label {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.p-cal-profile-img {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    overflow: hidden;
}

    .p-cal-profile-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.p-cal-es-details {
    margin-bottom: 0;
}

.p-cal-pd-left {
    line-height: 1.5;
}

.p-cal-event-wrapper hr {
    width: calc(100% - 2.6rem);
    border-top: 1px solid var(--primary-border-color);
    display: flex;
    justify-content: flex-end;
    margin: 0.6rem 0 0.7rem auto;
}

.p-cal-pro-cont h5 {
    font-size: var(--base-font-size);
    margin-bottom: 0;
}

.p-cal-event-wrapper label {
    font-size: var(--base-font-size-sm);
    margin-bottom: 0;
    padding-right: 0.2rem;
}

.p-cal-event-wrapper .p-cal-js-note {
    margin-bottom: 0.4rem;
}

.p-cal-event-wrapper p {
    line-height: 1.5;
}

#eventPopupContainer .dx-popup-content {
    padding: calc(var(--box-padding) * 0.7);
}

.p-up-eve {
    display: grid;
    grid-template-columns: 6.8rem 0.015rem 1fr;
    align-items: flex-start;
    gap: 0.7rem;
    background-color: var(--plm-light-yellow2);
    padding: calc(var(--box-padding) * 0.8);
    margin-bottom: calc(var(--box-padding) * 0.5);
    border-radius: var(--bs-border-radius);
    color: #173571;
}

    .p-up-eve.p-up-eve-green {
        background-color: var(--plm-light-green1);
    }

        .p-up-eve.p-up-eve-green .p-up-eve-date {
            background-color: var(--plm-dark-green1);
        }

    .p-up-eve.p-up-eve-blue {
        background-color: var(--plm-light-blue2);
    }

        .p-up-eve.p-up-eve-blue .p-up-eve-date {
            /*background-color: var(--plm-light-blue);*/
            background-color: #404040;
            color: #FFF;
        }

.campaigns-calender {
    min-height: 500px;
}

.p-up-eve-date-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p-up-eve-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--base-font-size);
    gap: 0.1rem;
    background-color: var(--plm-dark-yellow2);
    border-radius: calc(var(--border-radius-default) * 0.5);
    padding: 0.35rem 0.1rem;
}

    .p-up-eve-date label {
        font-size: 3rem;
        font-weight: 300;
        line-height: 3.2rem;
    }

.p-up-eve-head {
    font-size: var(--base-font-size-xs);
    flex-direction: column;
    display: flex;
    gap: 0.35rem;
    align-items: flex-start;
}

    .p-up-eve-head h5 {
        font-size: var(--base-font-size-lg);
        font-weight: 600;
        overflow: hidden;
        height: 35px;
    }

    .p-up-eve-head h5, .p-up-eve-head p {
        margin-bottom: 0;
        color: #173571;
        font-size: var(--base-font-size);
    }

    .p-up-eve-head p {
        font-size: var(--base-font-size-xxs);
    }

.p-up-eve-time {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .p-up-eve-time label {
        font-size: calc(var(--base-font-size-xxs));
    }

    .p-up-eve-time svg {
        width: 0.9rem;
        height: 0.9rem;
        display: inline-block;
        fill: var(--primary-color);
    }

.eve-clamp-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
}

.loading-skeleton .p-up-eve-head h5 {
    width: 65%;
    margin-bottom: 0.4rem;
}

.loading-skeleton .p-up-eve-head p:nth-child(2) {
    width: 100%;
}

.loading-skeleton .p-up-eve-head p:nth-child(3) {
    width: 65%;
    margin-bottom: 0.5rem;
}

.loading-skeleton .p-up-eve-date {
    min-height: 3.9rem;
    border-radius: 0.35rem;
}

.loading-skeleton .vert-event-divid {
    height: 100% !important;
}

.loading-skeleton .p-up-eve {
    background-color: transparent;
}
/* css for appointment page */
.p-my-appointment .ph-card {
    min-height: 300px;
}

.p-pract-profile-left {
    text-align: center;
    display: grid;
    grid-template-rows: repeat(2, min-content) auto min-content;
    gap: 1.1rem;
}

.p-ther-about-me {
    line-height: 1.5;
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.p-pract-profile-left .avatar {
    margin: 0px auto;
}

.p-pact-profile-name h5 {
    font-size: var(--base-font-size-h2);
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 1rem;
}

.loading-skeleton .p-pact-profile-name h5 {
    max-width: 55%;
    margin: 0 auto;
}

.loading-skeleton .p-pact-profile-name p {
    margin-bottom: 0.65rem;
}

    .loading-skeleton .p-pact-profile-name p:last-child {
        max-width: 35%;
    }

.p-pact-profile-name small {
    color: var(--on-primary-color);
    font-size: var(--base-font-size);
}

.gp-content .nd-doctor-name {
    color: var(--primary-color);
    font-weight: 600;
    font-size: var(--base-font-size);
}

.p-exp-lang-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.p-exp-lang {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 1rem;
    width: 100%;
}

    .p-exp-lang strong, .p-lan-pract-profile strong,
    .p-ther-about-me strong {
        display: block;
        color: var(--primary-color);
        font-weight: 600;
        font-size: var(--base-font-size-lg);
        margin-bottom: 0.15rem;
    }

.p-exp-pract-profile {
    text-align: left;
}

.p-exp-lang p {
    font-size: var(--base-font-size-sm);
    margin-bottom: 0;
}

.p-thera-pro-slider .slick-slider,
.p-thera-pro-slider .slick-list,
.p-thera-pro-slider .slick-track,
.p-pract-profile-left {
    height: 100%;
}

.p-vr-line-profile {
    width: 1px;
    background-color: var(--chat-inbox-border-color);
    height: 100%;
}

.p-exp-pract-profile, .p-lan-pract-profile {
    flex: 1;
}

.p-lan-pract-profile {
    text-align: right;
}

.p-thera-pro-wrap {
    max-width: var(--default-sidebar-width);
}

    .p-thera-pro-wrap .slick-dots {
        bottom: -50px;
    }

.p-thera-pro-slider .loading-skeleton .skeleton-img {
    height: 7rem;
    border-radius: 50%;
    flex: 0 0 7rem;
}

.p-thera-bio {
    text-align: left;
    width: 100%;
    font-size: var(--base-font-size);
}

.loading-skeleton .p-exp-lang strong, .loading-skeleton .p-lan-pract-profile strong {
    max-width: 100px;
    margin-bottom: 0.45rem;
}

.loading-skeleton .p-exp-lang-wrapper p {
    max-width: 80px;
}

.loading-skeleton .p-lan-pract-profile strong,
.loading-skeleton .p-lan-pract-profile p {
    margin-left: auto;
}

.loading-skeleton .p-pact-profile-name > h4 {
    max-width: 110px;
}

.loading-skeleton .skel-pro-details p {
    margin-bottom: 0.42rem;
    max-width: initial;
}

    .loading-skeleton .skel-pro-details p:last-child {
        max-width: 80%;
    }

.skel-pro-details {
    flex: 1;
}

.p-th-banner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: calc(var(--default-gap) / 2);
}

.p-th-banner-2x {
    grid-template-columns: 2fr 1fr;
    gap: calc(var(--default-gap) / 2);
}

    .p-th-banner-2x .p-db-data-count-inner strong {
        font-size: calc(var(--base-font-size-h1-lg) * 0.98);
    }

.p-thc-gr {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    justify-content: space-between;
}

.p-th-banner-w-txt {
    position: relative;
}

.p-th-banner-cont {
    position: absolute;
    bottom: 1.3rem;
    left: 1.3rem;
}

    .p-th-banner-cont h5, .p-th-banner-cont h6 {
        color: #ffffff;
        font-weight: 600;
    }

    .p-th-banner-cont p {
        color: #ffffff;
    }

.p-def-gr-banner {
    --ins-gr-cricle-wh: 9rem;
    margin: 0 auto;
    width: var(--ins-gr-cricle-wh);
    height: var(--ins-gr-cricle-wh);
}

picture.p-th-banner-img {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: calc(var(--bs-border-radius));
    overflow: hidden;
}

.p-th-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p-thc-gr-mw {
    position: relative;
}

.p-grl-bann-leg {
    display: grid;
}

.p-th-banner-cont .ph-5 {
    font-weight: 700;
}

.p-thc-grid-mw {
    display: grid;
    grid-template-columns: 2.5fr var(--default-sidebar-width);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: var(--default-gap);
}

.ph-card {
}

.p-thc-up-sess {
    grid-area: p-tc-up-sess;
}

.p-thc-com-sess {
    grid-area: p-tc-com-sess;
}

.p-thc-sidebar {
    grid-area: p-tc-sidebar;
}

.p-thc-grid-mw {
    grid-template-areas: "p-tc-up-sess p-tc-sidebar"
        "p-tc-com-sess p-tc-sidebar";
}

    .p-thc-grid-mw .ph-card {
        height: 100%;
    }


.div-therapy, .div-coach {
    background-size: cover;
    background-position: center;
    min-height: 220px;
    border-radius: calc(var(--bs-border-radius));
}

.div-therapy {
    background-image: url('/Content/images/hey-plumm/ther-coach-b1-new.png');
}

.div-coach {
    background-image: url('/Content/images/hey-plumm/ther-coach-b2-new.png');
}

/*.div-therapy {
    background-image: url('https://liveplummblob.blob.core.windows.net/content/04062024053428.png');
}

.div-coach {
    background-image: url('https://liveplummblob.blob.core.windows.net/content/04062024061556.png');
}*/
/*plumm pract details card*/
/*css for Goals page*/
.create-new-goal .input-group-text {
    font-weight: 500;
    line-height: 1.5;
    color: var(--primary-color);
    padding: 0.375rem 0.65rem;
    font-size: 1rem;
    background-color: transparent;
    border: 1px solid var(--sec-light-color4);
}

.create-new-goal .col-form-label {
    color: var(--primary-color);
    font-weight: 600;
    padding-top: 0;
}

.p-cg-visi-label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    padding-top: 0.7rem;
    line-height: 1.8;
}

    .p-cg-visi-label label {
        margin-bottom: 0 !important;
    }

.create-new-goal small {
    font-size: var(--base-font-size-xxs);
    color: var(--on-primary-color);
}

.p-input-append {
    position: relative;
}

.p-input-append-link {
    flex: 1;
}

    .p-input-append-link .input-icon-append {
        height: initial !important;
    }

    .p-input-append-link input {
        padding-right: 4.5rem;
    }

.p-input-append .ph-default-link {
    color: var(--link-color);
}

.pcg-user-icon {
    width: 1.28rem;
    height: 1.28rem;
    display: inline-block;
    stroke: var(--p-icon-color);
}

.ch-filter-search .p-search-input svg {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-input-append .pcg-user-icon {
    stroke: var(--theme-icon-color);
}

.p-cg-per-inc-wrpaer li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--card-btn-light-bg);
    border: 1px solid var(--input-border-1);
    color: var(--primary-color);
    width: 100%;
    border-radius: 0;
    gap: 0.6rem;
    font-size: var(--base-font-size);
    padding: 0.6rem 0.8rem;
    box-shadow: var(--default-shadow-1);
    border-radius: calc(var(--bs-border-radius));
    margin-right: 0;
}

    .p-cg-per-inc-wrpaer li input {
        color: var(--primary-color);
        height: 40.9px;
    }

    .p-cg-per-inc-wrpaer li label {
        margin-bottom: 0 !important;
        color: var(--on-primary-color);
        flex: 1;
    }

.p-cg-per-inc-wrpaer .p-listype-bg h6 {
    font-size: var(--base-font-size-xxl);
    font-weight: 500;
    margin-bottom: 0.15rem !important;
}

.p-cg-per-inc-wrpaer .questionItem > input {
    background-color: transparent;
}

.p-cg-per-dd {
    display: grid;
    grid-template-columns: 1fr 120px;
    align-items: center;
    gap: 0.75rem;
    justify-content: flex-end;
}

.p-cg-per-inc-wrpaer li:not(:last-child) {
    margin-bottom: 0.9rem;
}

.loading-skeleton.p-cg-per-inc-wrpaer li {
    border-color: var(--sec-light-color7);
}

.loading-skeleton.p-cg-per-inc-wrpaer .p-listype-bg h6 {
    margin-bottom: 0.65rem !important;
}

#loaderApprovalRules.loading-skeleton.p-cg-per-inc-wrpaer .p-listype-bg {
    min-height: 60px;
    gap: 4.6rem;
}

.p-cg-per-dd .dropdown-item {
    font-size: var(--base-font-size-lg);
}

    .p-cg-per-dd .dropdown-item em.icon {
        margin-right: 0.95rem;
        font-size: var(--base-font-size-xl);
    }

.p-pp-question-list li.questionItem {
    min-height: 6rem;
    padding-left: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    justify-content: center;
    width: 100%;
}


    .p-pp-question-list li.questionItem svg.p-grid-icon {
        stroke: var(--on-primary-color);
    }

.p-pp-question-list .questionItem textarea {
    min-height: 3.4rem;
}

.p-pp-question-list li.questionItem .p-question-list-generated span.p-question-count {
    font-size: var(--base-font-size-xl);
    font-weight: 500;
}

.p-pp-question-list .p-ql-ia-mw span.p-question-count {
    color: var(--on-primary-color);
}

.p-add-ques-sl .p-cg-per-inc-wrpaer li {
    min-height: 44px;
}

.p-add-ques-sl.loading-skeleton ul li {
    display: grid;
    grid-template-columns: 1fr 2.5em;
}

.p-pp-question-list.loading-skeleton ul li {
    min-height: 5.2rem;
    padding-left: 1.5rem;
}

.p-add-ques-sl.loading-skeleton ul p {
    margin-bottom: 0;
}

.p-add-ques-sl.loading-skeleton .p-ql-mw p:not(:last-child) {
    margin-bottom: 0.6rem;
    max-width: 5.4em;
}

.skeleton-grid-dot {
    width: 0.7em;
    height: 1.9em !important;
    margin-right: 0.6em;
}

.p-add-ques-sl.loading-skeleton ul li {
    display: grid;
    grid-template-columns: 1fr 2.5em;
    border-left: 1px solid var(--primary-border-color);
    gap: 3rem;
}

.p-goalcount-wrapper {
    display: inline-flex;
    align-items: flex-end;
    gap: 1.8rem;
}

    .p-goalcount-wrapper label {
        font-size: var(--base-font-size-xs);
    }

.p-goalcounts h3 {
    margin-bottom: 0.2rem;
    font-size: calc(var(--base-font-size-h1) * 1.1);
    line-height: 1;
    font-weight: 600;
    text-align: center;
}

.p-goalcounts-ring {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 0.05rem;
}

.circle-ring {
    position: relative;
    width: 2.1rem;
    height: 2.1rem;
    border: 0.3rem solid transparent;
    border-radius: 50%;
}

.half-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0.35rem solid;
    border-radius: 50%;
}

.cr-top-10 {
    top: -10px;
}

.half-circle-1 {
    border-color: var(--red-color);
    transform: rotate(90deg);
}

.half-circle-2 {
    border-color: transparent var(--green-color) var(--green-color) transparent;
    transform: rotate(-45deg);
}

.circle-ring-nd .half-circle-1 {
    border-color: var(--bg-default);
}

.circle-ring-nd .half-circle-2 {
    border-color: transparent var(--bg-default) var(--bg-default) transparent;
}

.p-cg-ring.circle-ring.circle-ring-nd {
    position: relative;
    top: 3px;
}

.step-avatar-svg {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
    padding: 0.55rem;
}

.step-activity-modi-ug .step-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--primary-color);
    flex: 1;
    gap: 1.25rem;
}

    .step-activity-modi-ug .step-content h5 {
        margin-bottom: 0 !important;
        order: 2;
        align-self: flex-start;
        position: relative;
        top: 3px;
    }

.step-activity-modi-ug .step-activity-item {
    margin-bottom: 1.35rem;
}

    .step-activity-modi-ug .step-activity-item .step-avatar::after {
        top: 2.5rem;
    }

.step-activity-modi-ug .step-divider {
    text-transform: initial;
    font-size: var(--base-font-size-sm);
    font-weight: 500;
}

.check-badge {
    width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-up-at-wrap {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem 3rem;
    flex-wrap: wrap;
}

.p-up-at-data {
    padding-top: 0.7rem;
}

#reportReviewBodyInModal .p-up-at-data {
    padding-top: 0.8rem;
}

.p-up-on-track {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.p-progress-def {
    flex: 1;
}


.p-def-datagrid .p-progress-def {
    min-width: 300px;
    max-width: 300px;
    margin-right: 1.5rem;
}

.p-green-tag-label {
    gap: 0.4rem;
    background-color: rgb(46 148 78 / 33%);
    border-radius: var(--border-radius-default);
    padding: 0.08rem 0.5rem;
    text-align: center;
    color: var(--green-color);
    font-size: calc(var(--base-font-size-xxs) * 0.95);
    font-weight: 500;
}

.update-goal h6 {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: var(--base-font-size-h4);
}

.p-grid-action-btns {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    justify-content: flex-end;
}

.p-ani-dropdown:hover svg {
    stroke: var(--theme-btn-hover);
}

.p-grid-action-btns svg,
svg.p-grid-icon {
    display: inline-block;
    --icon-v1: 1.25rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
    stroke: var(--on-primary-color);
    cursor: pointer;
}

/*svg.p-grid-icon1p1 {
    --icon-v1: 1.126rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
}*/

/*svg.p-grid-icon1p2 {
    --icon-v1: 1.126rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
}

svg.p-grid-icon1p2v1 {
    --icon-v1: 1.126rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
}*/

.p-rel-l1 {
    position: relative;
    left: 1px;
}

/*svg.p-grid-icon1p1p5 {
    --icon-v1: 1.125rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
}*/

/*svg.p-grid-icon1p3 {
    --icon-v1: 1.3rem;
    width: var(--icon-v1);
    height: var(--icon-v1);
}*/


.p-cg-per-inc-wrpaer li .questionItem input {
    flex: 1;
}

.p-new-obj-gm.p-cg-per-inc-wrpaer li:not(:first-child) {
    background-color: transparent;
    border: 1px solid var(--input-border-1);
}

.pgc-checkin-obj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
}

    .pgc-checkin-obj .form-control {
        flex: 0 0 220px;
    }

.psa-head-goals {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.step-activity-date-item {
    margin: 0.4rem 0 .8rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-size: var(--base-font-size-sm);
}

.step-inner-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.1rem;
}

.psa-head-goals span {
    font-size: var(--base-font-size-xxs);
    font-weight: 500;
    min-width: 60px;
    align-self: flex-start;
    padding-top: 1px;
    `
}

/*
.step-activity-modi-lc .step-activity-item::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2.0125rem;
    height: calc(100% - 0.075rem);
    border-left: 0.1rem solid var(--primary-border-color);
    content: "";
    z-index: 1;
}*/
.step-activity-modi-lc .step-content {
    margin-top: 0.5rem;
    width: 100%
}
/*
.step-activity-modi-lc .step-activity-item {
    padding-bottom: 2.25rem;
}*/

.step-activity-modi-lc .step-content-wrapper {
    align-items: flex-start;
    z-index: 2;
}

.p-fb-graph {
    height: 360px;
    width: 100%;
}

    .p-fb-graph svg, #barChartLoader {
        width: 100%;
    }

.featured-banner-grid .p-fb-graph {
    height: 200px;
    width: 100%;
}

.goals-banner .p-feat-chart-wrapper,
.p-thc-gr-mw .p-feat-chart-wrapper {
    height: calc(100% - 3rem);
}

.p-thc-gr-mw .p-feat-piechart {
    width: 135px;
    height: 135px;
}

.loading-skeleton .p-goalcounts h3 {
    width: 35px;
}

.loading-skeleton .p-goalcounts {
    min-height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .loading-skeleton .p-goalcounts:nth-child(1) label {
        width: 71px;
    }

    .loading-skeleton .p-goalcounts:nth-child(2) label {
        width: 106px;
    }

.loading-skeleton .p-goalcounts-ring label {
    width: 119px;
}

.loading-skeleton .half-circle-2 {
    border-color: var(--bg-default);
    transform: rotate(-45deg);
}

.p-cgpw {
    margin-bottom: 1rem;
    background-color: var(--bg-default);
    padding: calc(var(--box-padding) * 0.55);
    border-radius: calc(var(--bs-border-radius) * 0.75);
}

    .p-cgpw p {
        margin-bottom: 0;
        color: var(--primary-color);
        font-weight: 500;
    }

    .p-cgpw .p-progress-def {
        margin: 1rem 0 1.2rem;
    }

.p-dx-sg-top .dx-datagrid-header-panel {
    padding-bottom: 4.5rem;
}

.p-gcd-wrapper {
    position: absolute;
    top: 5.5rem;
    left: var(--box-padding);
    z-index: 9;
}

.p-cgp-date {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

@media (min-width: 992px) {
    .add-new-objective .modal-lg {
        max-width: 700px;
    }
}

.loading-skeleton-gsw {
    font-size: 0;
}

    .loading-skeleton-gsw .p-cgpw {
        border: 1px solid var(--primary-border-color);
        background-color: transparent;
    }

.loading-skeleton .circle-tag::before {
    background-color: transparent;
}

.loading-skeleton .circle-tag {
    width: 0.78rem;
    height: 0.78rem;
    border-radius: 50%;
}

    .loading-skeleton .circle-tag span {
        min-width: 132px;
    }

.loading-skeleton-gsw .p-cgp-date label {
    min-width: 70px;
}

.loading-skeleton .cp-data-bottom {
    font-size: 0 !important;
    width: 27px;
    height: 18px !important;
    border-radius: calc(var(--bs-border-radius) * 0.6) !important;
    right: -0.6rem !important;
}

.loading-skeleton .pdf {
    min-width: 110px;
}

    .loading-skeleton .pdf span {
        display: inline-block;
    }

        .loading-skeleton .pdf span label {
            width: 70px;
            height: 9.6px;
        }
/*css for goals ends here*/
/*css for mood history modifier starts here*/
.p-mood-history-chart {
    min-height: 456px;
}

.mood-history-chat,
.mood-history-report .p-fb-graph {
    height: 350px;
}

.p-mood-track-hist .step-avatar {
    font-size: 2rem;
    line-height: 1.3;
}

.p-mood-track-hist .step-activity-item {
    margin-bottom: 1.05rem;
}

.p-mood-track-hist .step-divider::after {
    top: 1.05rem;
}

.p-mood-track-hist .step-activity-item .step-avatar::after {
    top: 2.7rem;
    height: calc(100% - 2rem);
}

.p-mood-track-hist .step-content {
    min-height: 2rem;
    display: flex;
    align-items: center;
}

    .p-mood-track-hist .step-content p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 1.4;
    }

.p-mood-track-hist {
    height: calc(100% - 4rem);
}

    .p-mood-track-hist .step-activity {
        margin-bottom: 0;
    }

mood-trcaker-step {
    min-height: calc(100% - 2.5rem);
}

.p-mood-tacker .mood-head-text {
    color: var(--primary-color);
    font-size: var(--base-font-size-h4);
}

.p-mood-tacker-inner {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.mood-tracker-step {
    flex: 1;
    position: relative;
}

.p-mood-inner-boxes {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 1rem);
    text-align: center;
}

    .p-mood-inner-boxes .main-wrapper-mood-track-step {
        max-width: 750px;
    }

    .p-mood-inner-boxes .msg-box-input-wrapper {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        justify-content: flex-start;
        text-align: left;
    }

    .p-mood-inner-boxes .webchat-load-msg-wrapper {
        text-align: left;
    }

.moon-tracker-chat {
    text-align: left;
}

.p-mt-chat-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
    align-self: flex-end;
    padding-bottom: 0.42rem;
    min-height: 2.55rem;
}

.p-mood-inner-boxes .msger-header-new {
    align-self: flex-start;
}

.moon-tracker-chat.p-mood-inner-boxes {
    align-items: flex-start;
}

.mt-skip-btn {
    border: none;
    background-color: transparent;
    font-size: var(--base-font-size);
    color: var(--primary-color);
    text-decoration: none;
    padding: 0 0rem 0 1rem;
    font-weight: 500;
}

.moon-tracker-chat .send-message-btn {
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    text-transform: uppercase;
    height: initial;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    border: none;
}

.moon-tracker-chat .webchat-load-msg-main-wrapper {
    max-width: 480px;
    transition-duration: 0s;
    transition-property: max-width;
}

.moon-tracker-chat .webchat-load-msg-wrapper {
    background: var(--sec-light-color4);
    border: none !important;
    color: var(--primary-color);
    min-height: 38px;
    margin-left: 0px;
    margin-right: 0px;
    transition-duration: 0s;
    transition-property: margin-left, margin-right;
    word-break: break-word;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 10px;
    border-radius: 13px 13px 13px 14px;
    position: relative;
    display: inline-block;
    line-height: 1.5;
    font-size: 0.85rem;
}

.p-chat-send-btn {
    width: 2rem;
    height: 2rem;
    stroke: var(--primary-color);
}

.moon-tracker-chat .msger-chat {
    padding: 15px 10px 15px 7px;
}

.moon-tracker-chat .webchat__bubble .webchat__bubble__content::before,
.moon-tracker-chat .webchat__bubble .webchat__bubble__content::after,
.moon-tracker-chat .webchat__bubble.webchat__bubble--from-user::after,
.moon-tracker-chat .webchat__bubble.webchat__bubble--from-user::before,
.moon-tracker-chat .webchat-load-msg-main-wrapper .webchat-load-msg-wrapper-left::after,
.moon-tracker-chat .webchat-load-msg-main-wrapper .webchat-load-msg-wrapper-left::before,
.moon-tracker-chat .webchat-load-msg-main-wrapper .webchat-load-msg-wrapper-right::after,
.moon-tracker-chat .webchat-load-msg-main-wrapper .webchat-load-msg-wrapper-right::before,
.moon-tracker-chat .chat-loader-inner .chat-left-loader .msg-bubble.placeload::after,
.moon-tracker-chat .chat-loader-inner .chat-left-loader .msg-bubble.placeload::before,
.moon-tracker-chat .chat-loader-inner .chat-right-loader .msg-bubble.placeload::after,
.moon-tracker-chat .chat-loader-inner .chat-right-loader .msg-bubble.placeload::before {
    bottom: -0.1rem;
    content: "";
    height: 1.4rem;
    position: absolute;
}

.moon-tracker-chat .webchat__bubble__content:before,
.moon-tracker-chat .webchat-load-msg-wrapper-left::before,
.moon-tracker-chat .chat-left-loader .msg-bubble.placeload::before {
    border-bottom-right-radius: 1rem 1.1rem;
    border-left: 1.2rem solid var(--sec-light-color4);
    left: -0.3rem;
    transform: translate(0, -0.1rem);
}

.moon-tracker-chat .webchat__bubble__content::after,
.moon-tracker-chat .webchat-load-msg-wrapper-left::after,
.moon-tracker-chat .chat-left-loader .msg-bubble.placeload::after {
    background-color: var(--chat-dark-bg-2);
    border-bottom-right-radius: 0.53rem;
    left: 20px;
    transform: translate(-30px, -2px);
    width: 10px;
}

.moon-tracker-chat .webchat__bubble--from-user::before,
.moon-tracker-chat .webchat-load-msg-wrapper-right::before,
.moon-tracker-chat .chat-right-loader .msg-bubble.placeload::before {
    border-bottom-left-radius: 1rem 1.1rem;
    border-right: 1.2rem solid var(--sec-light-color4);
    right: -0.3rem;
    transform: translate(0, -0.1rem);
}

.moon-tracker-chat .webchat__bubble--from-user::after,
.moon-tracker-chat .webchat-load-msg-wrapper-right::after,
.moon-tracker-chat .chat-right-loader .msg-bubble.placeload::after {
    background-color: #f5f6fa;
    border-bottom-left-radius: 0.53rem;
    right: -40px;
    transform: translate(-30px, -2px);
    width: 10px;
}

.moon-tracker-chat .msger-header-new {
    border-bottom: none;
}

.moon-tracker-chat .emojionearea-editor {
    line-height: 2;
}

html[color-mode="dark"] .moon-tracker-chat .webchat__bubble--from-user::before,
html[color-mode="dark"] .moon-tracker-chat .webchat-load-msg-wrapper-right::before {
    border-right: 1.2rem solid var(--sec-light-color4);
}

html[color-mode="dark"] .moon-tracker-chat .webchat__bubble--from-user::after,
html[color-mode="dark"] .moon-tracker-chat .webchat-load-msg-wrapper-right::after {
    background-color: var(--sec-light-color4);
}

.moon-tracker-chat .webchat__bubble--from-user .webchat__bubble__content:before {
    display: none;
}

.moon-tracker-chat .webchat__stacked-layout__content,
.moon-tracker-chat .webchat__bubble,
.moon-tracker-chat .webchat__bubble__content {
    overflow: visible !important;
}

.moon-tracker-chat .webchat__bubble--from-user .webchat__bubble__content::after {
    display: none;
}

html[color-mode="dark"] .moon-tracker-chat .chat-left-loader .msg-bubble.placeload::before {
    border-left: 1.2rem solid #141414;
}

html[color-mode="dark"] .moon-tracker-chat .chat-right-loader .msg-bubble.placeload::before {
    border-right: 1.2rem solid #141414;
}

html[color-mode="dark"] .moon-tracker-chat .chat-left-loader .msg-bubble.placeload::after,
html[color-mode="dark"] .moon-tracker-chat .chat-right-loader .msg-bubble.placeload::after {
    background-color: #1f1f1f;
}

.p-modal-mood-his {
    min-height: 400px;
    position: relative;
    z-index: 1;
}

/*css for mood tracker ends here*/

/*css for default featured image starts here*/


/*css for 1 on 1s page starts here*/

.p-label-w-icon {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 0.25rem;
    cursor: pointer;
}

    .p-label-w-icon svg {
        width: 1.1rem;
        height: 1.1rem;
        display: inline-block;
        stroke: var(--p-icon-color);
        position: relative;
        top: -0.05rem;
    }

.p-side-content-sb {
    display: flex;
    justify-content: space-between;
    height: 100%;
    flex-direction: column;
    align-items: center;
}

.dx-datagrid .p-grid-action-btns {
    justify-content: center;
    cursor: default;
}


.ono-meeting-details {
    display: grid;
    gap: 10px;
    margin-bottom: 1rem;
    grid-template-columns: repeat(3, auto);
}

fieldset.pso-step {
    display: none;
}

    fieldset.pso-step.step-show {
        display: block;
    }

.pso-grid-wrapper {
    --pso-grid-gap: 1.4rem;
    --ps-grid-lc-wid: 170px;
    display: grid;
    grid-template-columns: var(--ps-grid-lc-wid) 1px calc(100% - var(--ps-grid-lc-wid) - var(--pso-grid-gap) - var(--box-padding));
    align-items: flex-start;
    gap: var(--pso-grid-gap);
    padding-bottom: 1rem;
}

.pso-form-wrapper {
    --minmax-height-pso: calc(100vh - 13rem);
    max-height: var(--minmax-height-pso);
    height: var(--minmax-height-pso);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}

/*.pso-def-tab-mh {
    max-height: calc(100% - 4rem);
    overflow-y: auto;
    padding-right: 0.7rem;
    width: calc(100% + 1rem);
}*/

.pso-head-st-top {
    position: sticky;
    top: 0;
    background-color: var(--chat-dark-bg-2);
    z-index: 9999;
    padding-bottom: 1rem;
}

.pp-pc-mw-grid .p-ss-h100 {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto !important;
    padding-right: 1.55rem;
    width: calc(100% + 1.55rem);
}

@media(min-width: 1601px) {
    .pso-form-wrapper {
        height: 35rem;
        min-height: initial;
    }
}

@media(min-width: 1901px) {
    .pso-form-wrapper {
        height: 40rem;
    }
}

@media(max-width: 1600px) {
    .pso-form-wrapper {
        max-height: 750px;
    }
}

@media(max-width: 1400px) {
    .pso-form-wrapper {
        --minmax-height-pso: calc(100vh - 12rem);
    }
}

@media(max-width: 1350px) {
    .pso-grid-wrapper {
        grid-template-columns: var(--ps-grid-lc-wid) 1px calc(100% - var(--ps-grid-lc-wid) - var(--pso-grid-gap) - var(--box-padding) - 0.5rem);
    }
}


.pso-timeline-list {
    display: flex;
    flex-direction: column;
    gap: var(--timeline-ver-gap);
}

.pso-timeline-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.8rem;
    line-height: 1.2;
    max-width: calc(100% - 5px);
    color: var(--on-primary-color);
}

    .pso-timeline-item > * {
        flex: 0 0 auto;
    }

    .pso-timeline-item .one-line-clamp,
    .pso-timeline-item .two-line-clamp {
        max-width: 100%;
    }

div#SurveyParticipantsDiv {
    min-height: 25em;
    padding-bottom: 2rem;
}

.pso-add-question {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.94rem;
}

    .pso-add-question .p-add-btn-icon {
        flex: 0 0 auto;
    }

.pso-circle {
    --pso-cw: 1.15rem;
    width: var(--pso-cw);
    height: var(--pso-cw);
    background-color: var(--input-border-1);
    display: inline-block;
    border-radius: 50%;
    position: relative;
}

    .pso-circle::after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: calc(var(--pso-cw) * 1.7);
        width: 0.085rem;
        background-color: var(--input-border-1);
        height: calc(var(--timeline-ver-gap) - calc(var(--pso-cw) * 1.3));
        border-radius: var(--bs-border-radius);
    }

    .pso-circle:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 0.45rem);
        height: calc(100% - 0.45rem);
        border-radius: 50%;
    }

.js-pso-timeline-item-completed .pso-circle:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.69918 4.66496L0.985743 3.1104L0.25 3.77792L2.69918 6L7.75 1.41752L7.01426 0.75L2.69918 4.66496Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-position-y: 1px;
    background-size: 100%;
}

.pso-timeline-item:not(.js-pso-timeline-item-completed):not(.js-pso-timeline-item-active) .pso-circle {
    background: var(--theme-border-3);
    border: 1px solid var(--theme-primary-color);
    opacity: 0.75;
}

.js-pso-timeline-item-active .pso-circle:before {
}

.pso-form-wrapper .form-group textarea {
    min-height: 300px !important;
}

.p-close-icon {
    width: 1.3rem;
    height: 1.3rem;
    display: inline-block;
    stroke: var(--on-primary-color);
    cursor: pointer;
}

.js-pso-timeline-item-active .pso-circle,
.js-pso-timeline-item-completed .pso-circle {
    background-color: var(--theme-primary-color);
}

.js-pso-timeline-item-active.pso-timeline-item,
.js-pso-timeline-item-completed.pso-timeline-item {
    color: var(--primary-color);
}

.pso-timeline-item .pso-circle {
}

.js-pso-timeline-item-completed .pso-circle::after {
    background-color: var(--secondary-color);
}

.js-pso-timeline-item-completed .pso-circle {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}


.js-pso-timeline-item-active .pso-circle {
   /* background-color: var(--background1);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);*/
}

.js-pso-timeline-item-completed .pso-circle:before {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    width: 12px;
    height: 14px;
    background-size: cover;
    background-position: center center;
}

.pso-vline-divider {
    margin: 0;
    height: 100%;
    width: 100%;
    background-color: var(--primary-border-color);
}

.pso-action-btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.9rem;
}

    .pso-action-btns .js-pso-back.ph-default-link {
        color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
        font-weight: 500;
        font-size: var(--base-font-size);
        Padding: 0;
        min-width: initial;
        border-color: transparent;
        background-color: transparent !important;
        text-decoration: underline;
    }

.pso-timeline-list .pso-timeline-item:last-child .pso-circle::after {
    height: 0;
}

.p-read-only-txt {
    margin-bottom: 0;
}

.p-read-only-txt-cent {
    margin-top: 0.7rem;
}

.pso-ss-details {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 0.3rem;
}

    .pso-ss-details label {
        margin-bottom: 0;
        font-weight: 400;
        color: var(--on-primary-color);
    }

.p-generic-tag {
    background-color: var(--light-new-blue);
    padding: 0.35rem 0.85rem;
    border-radius: calc(var(--border-radius-default)* 0.75);
    display: inline-block;
    color: var(--primary-color);
    font-size: var(--base-font-size-xs);
    font-weight: 500;
    white-space: nowrap;
    min-width: 6.5rem;
    text-align: center;
}

.p-ono-modal-is {
    max-height: calc(100vh - 20.5rem);
    padding-right: 0.8rem;
    width: calc(100% + 0.8rem);
}


.p-generic-tag-label {
    position: absolute;
    right: 0.55rem;
    top: 0.55rem;
    cursor: pointer;
    z-index: 99;
    padding: 0.3rem 0.6rem;
    border-radius: var(--border-radius-default);
    line-height: 1.5;
    background-color: var(--tag-bg-body-border-color);
    color: var(--white-color);
    font-size: var(--base-font-size-xxs);
    opacity: 0.8;
}

.loading-skeleton .pso-ss-details label,
.loading-skeleton .p-up-at-data {
    color: transparent;
}

.user-profile-content-wrapper .list-inline-item em.icon.ni-edit-alt {
    font-size: var(--base-font-size-xxl);
}

.p-jt-jooble img {
    max-width: 74px;
}
/*step timeline full width sh*/
/*One on One Page*/
/*css for task list page starts here*/
.no-tl-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 3rem;
}

.tl-tasks-search-info {
    display: flex;
    align-items: center;
    gap: 3.2rem;
    width: 100%;
}

.tl-two-cols {
    display: inline-flex;
    gap: 4.4rem;
}

.pso-desig {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

    .pso-desig span {
        font-size: var(--base-font-size-xxs);
    }

.js-pso-step.ShowStep.pso-step {
    display: block !important;
}

.p-mtc-tag .p-icon {
    fill: #ffffff;
}

.p-mtc-tt .p-icon {
    fill: var(--p-icon-color);
    stroke: initial;
}

.p-mt-tt-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    min-width: 8.5rem;
    margin-bottom: 0.6rem;
}

span.mt-tt-text {
    font-size: calc(var(--base-font-size-xxs) * 0.96);
    display: block;
    color: var(--primary-color);
    text-align: center;
}

.p-mt-tt-emj {
    font-size: calc(var(--base-font-size-h2) * 1.6);
    line-height: 1.25;
}

.p-ts-tl p {
    margin-bottom: 0;
}


.p-label-sub-txt {
    margin-bottom: 0.5rem;
    line-height: 1.4;
    font-size: var(--base-font-size-sm);
}
/*css for task list page ends here*/
/*css for admin time off starts here*/
.p-acc-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--card-btn-light-bg);
    background-clip: border-box;
    border: 1px solid var(--hsla-input-border);
    border-radius: calc(var(--border-radius-default) * 0.75);
    overflow: hidden;
    padding-left: 0;
}

.blueLineRight {
    border-left: calc(var(--left-active-bw) * 0.75) solid var(--primary-color);
}

.p-acc-header {
    background-color: transparent;
    padding: 0.5rem 0.75rem;
    position: relative;
    /*border-top-left-radius: var(--border-radius-default);
    border-top-right-radius: var(--border-radius-default);*/
    background-color: var(--chat-dark-bg-2);
    width: 100%;
    background-color: transparent;
}


.p-acco-btn-wrapper,
.p-acco-btn-wrapper-wt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-acco-btn {
    flex: 1;
    text-align: left;
    border: none;
    background-color: transparent;
    height: 100%;
    color: var(--primary-color);
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.5rem 0.5rem;
    font-size: var(--base-font-size-xxl);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    font-weight: 500;
}

.p-acco-btn-w-icon::after,
.tr-chevron-down::after {
    flex-shrink: 0;
    width: 1.1rem;
    height: 1.1rem;
    margin-left: auto;
    content: "";
    background-image: 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");
    background-repeat: no-repeat;
    background-size: 1.1rem;
    transition: transform .2s ease-in-out;
    opacity: .8;
}

.tr-chevron-down::after {
    display: inline-block;
}

span.tr-chevron-down {
    position: relative;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
}

#policyTypesContainer .p-acc-header,
#policyTypesContainer .p-acco-btn {
    cursor: move;
}

.p-acco-btn-w-icon[aria-expanded="true"]::after,
.table-accord-inb tr[aria-expanded="true"] .tr-chevron-down {
    transform: rotate(-180deg);
}

.p-acco-btn-w-icon.p-acco-btn-w-text,
.p-acco-btn-w-icon {
    padding-left: 2.3rem;
}

    .p-acco-btn-w-text::after,
    .p-acco-btn-w-icon::after {
        position: absolute;
        left: 0.25rem;
        opacity: .8;
    }

    .p-acco-btn-w-icon.p-acco-btn-w-icon-rt::after {
        left: initial;
        right: 0.25rem;
    }

    .p-acco-btn-w-icon.p-acco-btn-w-icon-rt {
        padding-left: 0;
        padding-right: 2.3rem;
    }

.p-acc-card.p-acc-card-wb .p-acc-header,
.p-acc-card.p-acc-card-wb .accordion-collapse {
    border-left: 0;
}

.p-selected-col {
    border-left: var(--left-active-bw-lg) solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-selected-col-body {
    border-left: var(--left-active-bw-lg) solid rgb(137 24 156 / 30%);
}

.p-acc-card .p-btn-small {
    min-height: calc(var(--p-btn-min-height) * 0.5);
    padding: 0.4rem 0.75rem;
    font-size: var(--base-font-size-xxs);
}

.p-acc-card:not(:last-child) {
    margin-bottom: 0.8rem;
}

.add-avatar-from {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.e-notifi-warning {
    min-height: 6rem;
    padding: var(--box-padding);
}
/*dx input modifier*/
.input-group-append select.form-control,
.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.p-input-2x {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.1rem;
}

    .p-input-2x > * {
        flex: 1;
    }

.p-input-append .input-icon-append,
.p-input-append .input-icon-append-wcc,
.p-input-prepend .input-icon-append,
.p-input-append .input-icon-append-wc {
    position: absolute;
    right: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
    height: 1.5rem;
    cursor: pointer;
}

.input-icon-append.input-icon-append-txt {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-icon-append-wc.dropdown-toggle::after {
    display: none;
}

.p-dx-dd .dx-texteditor-buttons-container .dx-dropdowneditor-icon,
.p-dx-dd .dx-texteditor-buttons-container .dx-dropdowneditor-icon {
    background-color: transparent !important;
}

.p-dx-dd-tt .dx-lookup-arrow {
    font-size: 0;
}

    .p-dx-dd .dx-dropdowneditor-icon::before,
    .p-dx-dd-tt .dx-lookup-arrow::before {
        width: 44px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -1.75rem;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%23404040'/%3E%3C/svg%3E%0A");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 0.9rem;
    }

html[color-mode="dark"] .p-dx-dd .dx-dropdowneditor-icon::before,
html[color-mode="dark"] .p-dx-dd-tt .dx-lookup-arrow::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.96967C0.762563 0.676777 1.23744 0.676777 1.53033 0.96967L8 7.43934L14.4697 0.96967C14.7626 0.676777 15.2374 0.676777 15.5303 0.96967C15.8232 1.26256 15.8232 1.73744 15.5303 2.03033L8.53033 9.03033C8.23744 9.32322 7.76256 9.32322 7.46967 9.03033L0.46967 2.03033C0.176777 1.73744 0.176777 1.26256 0.46967 0.96967Z' fill='%2378829A'/%3E%3C/svg%3E%0A");
}

.p-input-append .dx-texteditor-input {
    border: none !important;
    padding-left: 0.85rem;
}

/*.p-input-append .dx-dropdowneditor-icon::before {
    margin-left: -13px;
}*/

.p-dx-select-sm .dx-texteditor-input {
    height: calc(1.5em + 0.75rem + 0.425em);
}

.dx-lookup-field,
.p-dx-msdd .dx-texteditor-input-container {
    padding: 2.2px 34px 2.2px 10px;
}

.p-dx-msdd .dx-texteditor-container {
    align-items: center;
}

.p-input-append.p-add-dd.p-dx-msdd .dx-texteditor-input-container {
    padding-right: 4rem;
    max-width: 100%;
}

.fw-normal label {
    font-weight: 400;
}

.po-user-count {
    position: absolute;
    right: 2.35rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--base-font-size-xs);
}

.po-users {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p-dx-msdd.p-input-append .dx-tag {
    flex: 1;
}

.p-input-prepend .input-icon-append {
    left: 0.75rem;
    right: initial;
}

.p-input-prepend input,
.p-input-prepend select {
    padding-left: 2.6rem;
}

.p-input-append .dx-texteditor-input {
    border: none;
    min-height: 39px !important;
}

.p-input-append .dx-lookup-arrow {
    display: none;
}

.p-input-append .dx-tag {
    align-self: center;
}

.p-input-append .dx-texteditor-input-container {
    min-height: 39px !important;
}

.p-input-append .dx-tag-content {
    min-width: 40px;
    background-color: var(--btn-light-bg);
    border-radius: calc(var(--bs-border-radius) * 0.75);
    color: var(--primary-color);
    margin: 1px 0 0 7px;
    padding: 0.45em 1.85em 0.45em 0.55em;
}

.p-input-append .dx-tag-remove-button,
.select2-selection__choice__remove {
    overflow: hidden;
    position: absolute;
    border: none;
    padding: 0;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: transparent;
    color: var(--light-blue-dark);
    text-indent: 100%;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    right: 0.21em;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: relative;
    color: transparent;
    position: absolute;
    right: 0.75rem;
    margin: 0 !important;
    margin-top: 0.3rem !important;
}

    .p-input-append .dx-tag-remove-button::after,
    .p-input-append .dx-tag-remove-button::before,
    .select2-selection__choice__remove::after,
    .select2-selection__choice__remove::before,
    .select2-container--default .select2-selection--multiple .select2-selection__clear::after,
    .select2-container--default .select2-selection--multiple .select2-selection__clear::before {
        position: absolute;
        top: 0.4em;
        left: calc(50% - .075em);
        width: 1px;
        height: 0.81em;
        border-radius: 1.125em;
        transform: rotate(45deg);
        background: currentcolor;
        content: "";
        right: initial;
        margin: 0;
        color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.92);
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear::after,
    .select2-container--default .select2-selection--multiple .select2-selection__clear::before {
        color: var(--p-icon-color);
    }

    .p-input-append .dx-tag-remove-button::after,
    .select2-selection__choice__remove::after,
    .select2-container--default .select2-selection--multiple .select2-selection__clear::after {
        transform: rotate(-45deg);
    }

.p-html-editor {
    border-radius: calc(var(--bs-border-radius)* 1.2);
    border: none;
}

.p-he-mhn {
    max-height: 300px;
}

.p-html-editor.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    border-bottom: 1px solid var(--input-border-1);
}

.p-html-editor .dx-button-mode-text .dx-icon {
    color: var(--on-primary-color);
}

.p-html-editor .dx-quill-container.ql-container {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    margin-top: -0.1rem;
    min-height: 7rem;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.p-html-editor .dx-htmleditor-content {
    padding: 0.6rem 0.8rem;
    height: 150px;
    color: var(--primary-color);
}

.p-html-editor.p-html-editor-xs .dx-quill-container.ql-container {
    min-height: initial;
}

.p-html-editor-xs .dx-htmleditor-content,
textarea.form-control-xs-ta {
    height: 80px;
}

.p-html-editor-sm .dx-htmleditor-content,
textarea.form-control-sm-ta {
    height: 210px;
}

.p-html-editor-md .dx-htmleditor-content,
textarea.form-control-md-ta {
    height: 240px;
}

.p-html-editor-lg .dx-htmleditor-content {
    height: 340px;
}

.p-html-editor-xl .dx-htmleditor-content {
    height: 450px;
}


@media(max-width: 1400px) {
    .p-html-editor-md .dx-htmleditor-content {
        height: 225px;
    }
}

.p-html-editor .dx-htmleditor-toolbar-separator {
    border-left-color: var(--input-border-1);
}

.p-html-editor-ol.p-html-editor .dx-quill-container.ql-container,
.p-html-editor-ol.p-html-editor .dx-htmleditor-content {
    min-height: initial;
    height: auto;
    overflow: hidden;
    border: none;
}

.p-html-editor-ol.p-html-editor p {
    margin-bottom: 0;
    /*white-space: nowrap;*/
}

.p-html-editor-ol {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
}

    .p-html-editor-ol .dx-htmleditor-toolbar {
        position: absolute;
        display: inline-flex;
        right: 0.85rem;
        justify-content: flex-end;
        max-width: 20px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 100;
    }

    .p-html-editor-ol .dx-htmleditor-toolbar-wrapper {
        border: none;
        padding: 0;
    }

.p-html-editor.p-html-editor-ol.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
    border: none;
}

.p-html-editor.p-html-editor-ol .dx-toolbar-text-auto-hide .dx-button .dx-icon,
.p-html-editor-ol-body .add-recipent-email .dx-button .dx-icon {
    width: 20px;
    height: 20px;
}

.p-html-editor.p-html-editor-ol .dx-toolbar-text-auto-hide .dx-button .dx-button-content,
.p-html-editor-ol-body .add-recipent-email .dx-button-content {
    padding: 0;
}

.p-html-editor.p-html-editor-ol .dx-icon-add::before,
.p-html-editor-ol-body .add-recipent-email .dx-icon-add::before {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 3C16.9709 3 21 7.02908 21 12C21 16.9699 16.9709 21 12 21C7.02908 21 3 16.9699 3 12C3 7.02908 7.02908 3 12 3Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.2989 12.002H8.69922' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8.70386V15.2967' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    font-size: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-position: center center;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background-size: 100%;
}


.p-html-editor-ol-body .dx-toolbar-before {
    width: 100%;
}

.p-html-editor-ol-body .add-recipent-email {
    position: absolute;
    right: 0.45rem;
    top: 50%;
    transform: translateY(-50%);
}

.p-html-editor-ol-body .dx-toolbar-items-container {
    width: 100%;
}

.p-html-editor-ol .dx-htmleditor-content .dx-variable span,
.p-html-editor-ol-body .dx-htmleditor-content .dx-variable span {
    border-radius: 5rem;
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    color: var(--theme-primary-color);
    font-size: var(--base-font-size-sm);
    padding: 0.28rem 0.8rem 0.3rem;
    font-weight: 400;
/*    margin: 0 0.1rem;*/
    margin: 0.1rem 0.1rem;
    display: inline-block;
}

.p-html-editor-ol .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format),
.p-html-editor-ol .dx-button-mode-text.dx-state-hover,
.p-html-editor-ol-body .dx-button-mode-text.dx-state-hover,
.p-html-editor-ol-body .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format),
.p-html-editor-ol-body .dx-button-mode-text.dx-state-active,
.p-html-editor-ol .dx-button-mode-text.dx-state-active {
    background-color: transparent;
}

.p-html-editor.p-html-editor-ol .dx-button-content,
.p-html-editor-ol-body .add-recipent-email .dx-button-content {
    position: relative;
}

.p-form-ins-modal-hf {
    height: calc(100% - 1.75rem * 2);
}

.dx-device-mobile .dx-htmleditor-toolbar .dx-htmleditor-toolbar-separator, .dx-htmleditor-toolbar .dx-htmleditor-toolbar-separator {
    height: 28px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.075);
    color: var(--theme-primary-color) !important;
}

/*dx input modifier*/
.ctop-mb-inner {
    margin-bottom: 1.2rem;
}

.input-emoji .emojionearea.emojionearea-inline {
    height: 34px;
    height: calc(1.5em + 0.75rem + 8.5px);
    font-size: var(--base-font-size);
    border: 1px solid var(--input-border-1);
    color: var(--primary-color) !important;
    box-shadow: none;
    border-radius: var(--bs-border-radius);
    overflow: visible;
}

    .input-emoji .emojionearea.emojionearea-inline > .emojionearea-button,
    .input-emoji .emojionearea > .emojionearea-button {
        top: 50%;
        transform: translateY(-50%);
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .input-emoji .emojionearea.emojionearea-inline > .emojionearea-editor {
        height: 100%;
        min-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        position: absolute;
        top: 0;
        left: 12px;
        right: 24px;
        padding: 6px 0;
        display: flex;
        align-items: center;
        color: var(--primary-color) !important;
        font-size: var(--base-font-size);
    }

.input-emoji .emojionearea .emojionearea-editor:empty:before {
    content: attr(placeholder);
    display: block;
    color: var(--placeholder-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.msger-inputarea.p-chat-em-fw-modi .emojionearea-editor {
    position: relative;
}

.input-emoji .emojionearea .emojionearea-button .emojionearea-button-open {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 21.75C10.3216 21.75 8.43658 21.1782 6.8332 20.1068C5.22982 19.0355 3.98013 17.5128 3.24218 15.7312C2.50423 13.9496 2.31114 11.9892 2.68735 10.0979C3.06355 8.20656 3.99215 6.46928 5.35571 5.10572C6.71927 3.74215 8.45656 2.81356 10.3479 2.43735C12.2392 2.06114 14.1996 2.25422 15.9812 2.99217C17.7628 3.73013 19.2855 4.97981 20.3568 6.58319C21.4282 8.18657 22 10.0716 22 12C21.9971 14.585 20.9689 17.0632 19.1411 18.8911C17.3132 20.7189 14.835 21.7471 12.25 21.75ZM12.25 3.75C10.6183 3.75 9.02326 4.23386 7.66655 5.14038C6.30984 6.0469 5.25242 7.33538 4.628 8.84287C4.00358 10.3504 3.8402 12.0092 4.15853 13.6095C4.47686 15.2098 5.26259 16.6799 6.41637 17.8336C7.57016 18.9874 9.04017 19.7731 10.6405 20.0915C12.2409 20.4098 13.8997 20.2464 15.4071 19.622C16.9146 18.9976 18.2031 17.9402 19.1096 16.5835C20.0162 15.2267 20.5 13.6317 20.5 12C20.4976 9.8127 19.6277 7.71567 18.081 6.16901C16.5343 4.62235 14.4373 3.75238 12.25 3.75Z' fill='%23B8BECB' /%3E%3Cpath d='M12.2494 16.5213C11.5725 16.5136 10.9065 16.3494 10.3037 16.0414C9.70083 15.7335 9.17741 15.2902 8.7744 14.7463C8.65319 14.5885 8.59964 14.389 8.62552 14.1917C8.6514 13.9945 8.75459 13.8155 8.9124 13.6943C9.0702 13.5731 9.26969 13.5196 9.46698 13.5454C9.66427 13.5713 9.84319 13.6745 9.96439 13.8323C10.2217 14.1996 10.5637 14.4994 10.9615 14.7064C11.3592 14.9133 11.801 15.0214 12.2494 15.0214C12.6978 15.0214 13.1396 14.9133 13.5373 14.7064C13.9351 14.4994 14.2771 14.1996 14.5344 13.8323C14.5944 13.7542 14.6692 13.6886 14.7546 13.6394C14.8399 13.5902 14.9341 13.5583 15.0318 13.5454C15.1295 13.5326 15.2288 13.5392 15.3239 13.5647C15.4191 13.5903 15.5083 13.6343 15.5864 13.6943C15.6645 13.7543 15.7301 13.8292 15.7793 13.9145C15.8285 13.9998 15.8605 14.0941 15.8733 14.1917C15.8861 14.2894 15.8795 14.3887 15.854 14.4838C15.8284 14.579 15.7844 14.6682 15.7244 14.7463C15.3214 15.2903 14.798 15.7336 14.1952 16.0415C13.5923 16.3495 12.9263 16.5137 12.2494 16.5213Z' fill='%23B8BECB' /%3E%3Cpath d='M8.975 10.0008C8.71658 10.0003 8.46889 9.89736 8.28616 9.71463C8.10342 9.5319 8.00053 9.2842 8 9.02577C7.99974 8.89774 8.02475 8.77093 8.07359 8.65259C8.12243 8.53424 8.19415 8.4267 8.28463 8.33612C8.37512 8.24554 8.48258 8.17371 8.60088 8.12474C8.71917 8.07578 8.84597 8.05065 8.974 8.05078C9.10204 8.05078 9.22882 8.076 9.34712 8.125C9.46541 8.174 9.57289 8.24581 9.66343 8.33635C9.75397 8.42689 9.82579 8.53437 9.87479 8.65266C9.92379 8.77096 9.949 8.89773 9.949 9.02577C9.949 9.15381 9.92379 9.2806 9.87479 9.3989C9.82579 9.51719 9.75397 9.62467 9.66343 9.71521C9.57289 9.80575 9.46541 9.87756 9.34712 9.92656C9.22882 9.97556 9.10204 10.0008 8.974 10.0008H8.975Z' fill='%23B8BECB' /%3E%3Cpath d='M15.475 10.0008C15.2166 10.0003 14.9689 9.89736 14.7862 9.71463C14.6034 9.5319 14.5005 9.2842 14.5 9.02577C14.4997 8.89774 14.5247 8.77093 14.5736 8.65259C14.6224 8.53424 14.6941 8.4267 14.7846 8.33612C14.8751 8.24554 14.9826 8.17371 15.1009 8.12474C15.2192 8.07578 15.346 8.05065 15.474 8.05078C15.602 8.05078 15.7288 8.076 15.8471 8.125C15.9654 8.174 16.0729 8.24581 16.1634 8.33635C16.254 8.42689 16.3258 8.53437 16.3748 8.65266C16.4238 8.77096 16.449 8.89773 16.449 9.02577C16.449 9.15381 16.4238 9.2806 16.3748 9.3989C16.3258 9.51719 16.254 9.62467 16.1634 9.71521C16.0729 9.80575 15.9654 9.87756 15.8471 9.92656C15.7288 9.97556 15.602 10.0008 15.474 10.0008H15.475Z' fill='%23B8BECB' /%3E%3C/svg%3E") !important;
    background-size: cover;
    width: 21px !important;
    height: 21px !important;
    background-position: center center !important;
}

html[color-mode="dark"] .input-emoji .emojionearea .emojionearea-button .emojionearea-button-open {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 21.75C10.3216 21.75 8.43658 21.1782 6.8332 20.1068C5.22982 19.0355 3.98013 17.5128 3.24218 15.7312C2.50423 13.9496 2.31114 11.9892 2.68735 10.0979C3.06355 8.20656 3.99215 6.46928 5.35571 5.10572C6.71927 3.74215 8.45656 2.81356 10.3479 2.43735C12.2392 2.06114 14.1996 2.25422 15.9812 2.99217C17.7628 3.73013 19.2855 4.97981 20.3568 6.58319C21.4282 8.18657 22 10.0716 22 12C21.9971 14.585 20.9689 17.0632 19.1411 18.8911C17.3132 20.7189 14.835 21.7471 12.25 21.75ZM12.25 3.75C10.6183 3.75 9.02326 4.23386 7.66655 5.14038C6.30984 6.0469 5.25242 7.33538 4.628 8.84287C4.00358 10.3504 3.8402 12.0092 4.15853 13.6095C4.47686 15.2098 5.26259 16.6799 6.41637 17.8336C7.57016 18.9874 9.04017 19.7731 10.6405 20.0915C12.2409 20.4098 13.8997 20.2464 15.4071 19.622C16.9146 18.9976 18.2031 17.9402 19.1096 16.5835C20.0162 15.2267 20.5 13.6317 20.5 12C20.4976 9.8127 19.6277 7.71567 18.081 6.16901C16.5343 4.62235 14.4373 3.75238 12.25 3.75Z' fill='%2378829A' /%3E%3Cpath d='M12.2494 16.5213C11.5725 16.5136 10.9065 16.3494 10.3037 16.0414C9.70083 15.7335 9.17741 15.2902 8.7744 14.7463C8.65319 14.5885 8.59964 14.389 8.62552 14.1917C8.6514 13.9945 8.75459 13.8155 8.9124 13.6943C9.0702 13.5731 9.26969 13.5196 9.46698 13.5454C9.66427 13.5713 9.84319 13.6745 9.96439 13.8323C10.2217 14.1996 10.5637 14.4994 10.9615 14.7064C11.3592 14.9133 11.801 15.0214 12.2494 15.0214C12.6978 15.0214 13.1396 14.9133 13.5373 14.7064C13.9351 14.4994 14.2771 14.1996 14.5344 13.8323C14.5944 13.7542 14.6692 13.6886 14.7546 13.6394C14.8399 13.5902 14.9341 13.5583 15.0318 13.5454C15.1295 13.5326 15.2288 13.5392 15.3239 13.5647C15.4191 13.5903 15.5083 13.6343 15.5864 13.6943C15.6645 13.7543 15.7301 13.8292 15.7793 13.9145C15.8285 13.9998 15.8605 14.0941 15.8733 14.1917C15.8861 14.2894 15.8795 14.3887 15.854 14.4838C15.8284 14.579 15.7844 14.6682 15.7244 14.7463C15.3214 15.2903 14.798 15.7336 14.1952 16.0415C13.5923 16.3495 12.9263 16.5137 12.2494 16.5213Z' fill='%2378829A' /%3E%3Cpath d='M8.975 10.0008C8.71658 10.0003 8.46889 9.89736 8.28616 9.71463C8.10342 9.5319 8.00053 9.2842 8 9.02577C7.99974 8.89774 8.02475 8.77093 8.07359 8.65259C8.12243 8.53424 8.19415 8.4267 8.28463 8.33612C8.37512 8.24554 8.48258 8.17371 8.60088 8.12474C8.71917 8.07578 8.84597 8.05065 8.974 8.05078C9.10204 8.05078 9.22882 8.076 9.34712 8.125C9.46541 8.174 9.57289 8.24581 9.66343 8.33635C9.75397 8.42689 9.82579 8.53437 9.87479 8.65266C9.92379 8.77096 9.949 8.89773 9.949 9.02577C9.949 9.15381 9.92379 9.2806 9.87479 9.3989C9.82579 9.51719 9.75397 9.62467 9.66343 9.71521C9.57289 9.80575 9.46541 9.87756 9.34712 9.92656C9.22882 9.97556 9.10204 10.0008 8.974 10.0008H8.975Z' fill='%2378829A' /%3E%3Cpath d='M15.475 10.0008C15.2166 10.0003 14.9689 9.89736 14.7862 9.71463C14.6034 9.5319 14.5005 9.2842 14.5 9.02577C14.4997 8.89774 14.5247 8.77093 14.5736 8.65259C14.6224 8.53424 14.6941 8.4267 14.7846 8.33612C14.8751 8.24554 14.9826 8.17371 15.1009 8.12474C15.2192 8.07578 15.346 8.05065 15.474 8.05078C15.602 8.05078 15.7288 8.076 15.8471 8.125C15.9654 8.174 16.0729 8.24581 16.1634 8.33635C16.254 8.42689 16.3258 8.53437 16.3748 8.65266C16.4238 8.77096 16.449 8.89773 16.449 9.02577C16.449 9.15381 16.4238 9.2806 16.3748 9.3989C16.3258 9.51719 16.254 9.62467 16.1634 9.71521C16.0729 9.80575 15.9654 9.87756 15.8471 9.92656C15.7288 9.97556 15.602 10.0008 15.474 10.0008H15.475Z' fill='%2378829A' /%3E%3C/svg%3E") !important;
}

.input-emoji .emojionearea-button.active > div.emojionearea-button-open {
    opacity: 0;
}

.input-emoji .emojionearea .emojionearea-button > div.emojionearea-button-close {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%23B8BECB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%23B8BECB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-size: cover;
    width: 1.5em;
    height: 1.5em;
    background-position: center center !important;
}

.input-emoji .emojionearea .emojionearea-picker .emojionearea-search > input {
    border-radius: calc(var(--bs-border-radius) * .5);
    padding: 0.35rem;
    border: 1px solid var(--input-border-1);
    font-size: calc(var(--base-font-size-xxs) * 0.95);
}

.input-emoji .emojionearea .emojionearea-picker .emojionearea-filters {
    background: var(--bg-default);
    padding: 0;
}

.input-emoji .emojionearea .emojionearea-picker {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
    background: var(--chat-dark-bg-2);
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover {
    background-color: var(--bg-default);
}

html[color-mode="dark"] .input-emoji .emojionearea .emojionearea-button > div.emojionearea-button-close {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%2378829A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%2378829A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.emojionearea.emojionearea-inline > .emojionearea-editor {
    line-height: 2;
}

.leaves-btn-type {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    justify-content: flex-start;
    font-weight: 500;
}

.leaves-btn-type span {
    font-size: var(--base-font-size-sm);
    font-weight: 400;
}

/*css for amin time off ends here*/


/*css form saved page*/
.p-card-full-deatils-cols {
    margin-bottom: calc(var(--default-gap) * 0.7);
}

.p-card-full-details-contents {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: calc(var(--default-gap) * 0.75);
}

.p-card-full-details-img-therap,
.p-card-full-details-img-thumb {
    flex: 0 0 var(--content-grid-width);
}

.p-card-full-details-img-therap {
    background-color: var(--sec-light-color4);
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/Content/images/hey-plumm/ther-coach-b1-new.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.p-type-coach {
    background-image: url(/Content/images/hey-plumm/ther-coach-b2-new.png);
}

.p-card-full-details-img-therap img {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 50%;
    object-fit: cover;
}

.p-card-full-deatils-data {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    justify-content: center;
    flex: 1;
}

.ph-saved-video-row .ph-3 {
    margin: 1.6rem 0 0.9rem;
    font-size: calc(var(--base-font-size-h3) * 0.9);
}

.p-thera-info {
    display: grid;
    grid-template-columns: repeat(2, minmax(170px, 1fr));
    gap: 0.1rem;
}

.p-card-full-deatils-data h4,
.p-card-full-deatils-data p,
.p-card-full-deatils-data .hc-live-therap-description {
    margin-bottom: 0;
}

.p-card-full-deatils-data .search-card-txt {
    max-width: calc(100% - 7.2rem);
}

.p-card-full-deatils-data .thcc-details-inner {
    gap: 0.3rem;
}

.hc-live-user-actions {
    flex: 0 0 auto;
}

.saved-main-container .hc-live-box.hc-live-placeholder.placeload {
    padding: 0;
    box-shadow: none;
    margin-bottom: calc(var(--default-gap) * 0.7);
}

/*css for saved page ends here*/

/*css for task pages starts here*/
.p-mt-para-hover {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

svg.p-mt-para-hover-hide {
    opacity: 0;
    visibility: hidden;
    width: 0.9rem;
    height: 0.9rem;
    stroke: var(--link-color);
    order: 2;
    fill: none;
}

.p-mt-para-hover:hover svg.p-grid-icon {
    opacity: 1;
    visibility: visible;
}

.txt-algn-lnf tr th:not(:first-child),
.txt-algn-lnf tr td:not(:first-child) {
    text-align: center;
}

    .txt-algn-lnf tr td:not(:first-child) .grid-profile-wrapper,
    .txt-algn-lnf tr td:not(:first-child) .custom-item {
        justify-content: center;
    }

/*.gpw-left-align .grid-profile-wrapper {
    justify-content: flex-start;
}*/

.p-def-table tr {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-def-table tr td, .p-def-table tr th {
    border-top: none;
}

td.p-acc-table:hover {
    background-color: initial !important;
}

.p-def-table tr th {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    overflow: hidden;
    font-weight: 500;
    color: var(--primary-color) !important;
    border: none;
}

.p-def-table thead::after {
    content: "@";
    display: block;
    line-height: 10px;
    text-indent: -99999px;
}

.p-def-table tr th:first-child,
.p-def-table tr td:first-child,
.dx-datagrid-rowsview .dx-row.dx-state-hover td:first-child,
.dx-datagrid-rowsview .dx-row.dx-selection td:first-child {
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

.p-def-table tr th:last-child,
.p-def-table tr td:last-child,
.dx-datagrid-rowsview .dx-row.dx-state-hover td:last-child,
.dx-datagrid-rowsview .dx-row.dx-selection td:last-child {
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

.p-def-tl-nfc .circle-tag {
    justify-content: center;
}

.circle-tag span {
    min-width: 5rem;
}

.p-def-tl-nfc tr th:not(:first-child),
.p-def-tl-nfc tr td:not(:first-child) {
    text-align: center;
}

tr.accordion-toggle {
    cursor: pointer;
}

td.p-acc-table {
    padding: 0;
}

.p-acc-table-body table {
    width: calc(100% - 3rem);
    margin: 0.6rem auto 1rem;
}

.p-acc-table table thead tr th {
    font-weight: 500 !important;
}

.p-acc-table .table td, .p-acc-table .table th {
    padding: 0.6rem 0.75rem;
}

.p-accordian-chev {
    transform: rotate(-90deg);
    transition: all .3s;
}

.p-table-acc-toggle[aria-expanded="true"] .p-accordian-chev {
    transform: rotate(0deg);
}

/*css for task list ends here*/

/*css for integraton page starts here*/

.p-vertical-def-nav svg {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
}

.pi-content-actions {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    padding: var(--box-padding);
    background-color: var(--bg-default);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--primary-border-color);
}

    .pi-content-actions svg {
        width: 4rem;
        height: 4rem;
        display: inline-block;
    }

.p-add-btn-icon svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #fff;
    stroke: var(--theme-primary-color);
}

.pi-content-actions {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}

.pi-content {
    display: grid;
    grid-template-columns: 1fr 300px;
    align-items: center;
    gap: 3rem;
}

.pi-content-inner ul {
    padding: 1rem;
}

    .pi-content-inner ul li:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.pi-slider-item {
    max-width: 300px;
    margin: 0.35rem;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.pi-baner-slider {
    margin: 0 calc(-0.25rem / 2);
    position: relative;
    margin-bottom: 1.8rem;
}

    .pi-baner-slider::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(270deg, var(--chat-dark-bg-2) 15%, rgb(255 256 255 / 0%));
        width: 105px;
    }

.p-inte-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: calc(var(--box-padding) * 0.5);
}

.p-inte-cards-content {
    border: 1px solid var(--primary-border-color);
    border-radius: calc(var(--bs-border-radius) * 0.85);
    overflow: hidden;
}

.p-icc-iw,
.p-rect-iw {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 6.7rem;
    background-color: var(--bg-default);
}

    .p-icc-iw svg {
        width: 3rem;
        height: 3rem;
        display: inline-block;
    }

.p-icc-details {
    padding: calc(var(--box-padding) *0.5);
}

    .p-icc-details a {
        font-size: var(--base-font-size-xxs);
    }

.p-iic {
    width: 0.95rem;
    height: 0.95rem;
    display: inline-block;
    line-height: 1.8;
    fill: var(--disabled-color);
}

.p-iic-active {
    fill: var(--green-color);
}

.p-rect-iw img {
    max-width: 120px;
    height: auto;
}

.p-rect-iw-rectangle img {
    max-width: 50px;
    height: 50px;
}
/*css for integraton page ends here*/
.p-sidebar .simplebar-track {
    z-index: -1;
}


/*css for workflow strrts here*/
.add-user-sequence {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.plus-icon {
    width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    cursor: pointer;
    fill: var(--link-color);
}

.pw-mw .p-icon {
    stroke: var(--primary-color);
}

.pw-bw {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 3.5rem;
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
}

    .pw-bw > * {
        flex: 1;
    }

.pw-bw-items {
    min-height: 280px;
}

.ph-default-tag .new-aster::after {
    top: -2.3px;
}

.pw-mw .p-icon.p-icon-link {
    stroke: var(--link-color);
    cursor: pointer;
}

.p-icon-drpdown .dropdown-item:hover svg {
    stroke: #fff;
}

.ph-default-tag.p-tag-ci {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-right: 0.55rem;
}

.p-tag-ci svg.p-icon.p-icon-xs {
    cursor: pointer;
}

.pw-sl-wrapper {
    width: 100%;
    min-height: 150px;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.7);
    max-height: 400px;
    overflow-y: auto;
    padding-right: 0.5rem;
}

.p-dx-treeview-mw {
    min-height: 450px;
}

.no-data-to-show p {
    margin-bottom: 0;
}

.pw-sl-wrapper svg.no-data {
    max-width: 60px;
    height: 60px;
    margin-bottom: 0.45rem;
}

.p-upload-input {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.25rem;
    padding: var(--box-padding);
}

.p-add-box:hover {
    cursor: pointer;
    background-color: var(--sec-light-color4);
}

.p-add-btn svg.p-icon {
    stroke: #fff;
}

.pw-sl-mw {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.75rem;
}

.p-tl-cols-12b6 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 1.5rem;
}

.pw-eu-ad-stps .p-tl-cols-12b6:not(:last-child) {
    margin-bottom: 2.5rem;
}

.sc-select-days {
    min-width: 7rem;
}

/*css for permission page starts here*/
.p-permission-banner .ph-card {
    min-height: 185px;
    box-shadow: none;
    padding: calc(var(--box-padding) * 0.6);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

    .p-permission-banner .ph-card h4 {
        margin-bottom: 0.3rem;
        font-size: var(--base-font-size-xxl);
    }

    .p-permission-banner .ph-card p {
        font-size: var(--base-font-size-xxs);
        line-height: 1.25;
        margin-bottom: 0;
    }

.p-permission-banner .ba-sir-boxes-count {
    position: initial;
    transform: none;
    min-height: 6.2em;
}

.permission-main-container tr td:first-child {
    min-width: 210px;
}

.permission-access-list .p-jp-head {
    line-height: 1.35;
}

.permission-access-list .p-hj-card-list {
    grid-template-columns: repeat(1, 1fr);
}


.permission-access-list .p-hj-card-title label {
    color: var(--primary-color);
}

.permission-access-list .p-hj-card-title label {
    min-width: 90px;
}

@media(max-width: 1950px) {
    .p-permission-banner .ph-card {
        min-height: 200px;
    }
}

/*css for handbook page starts here*/

#onOpenHandbooksEditModel .modal-body {
    padding-bottom: 1.6rem;
}

.p-handbook .pp-userList-selected .dx-scrollview-content .dx-item {
    cursor: default;
    pointer-events: none;
}

.p-vertical-def-nav .p-icon {
    stroke: var(--on-primary-color);
}

.p-tag-action {
    background-color: var(--chat-dark-bg-2);
    font-size: var(--base-font-size-xs);
    padding: 0.35rem 0.85rem;
    border-radius: calc(var(--bs-border-radius) * 0.85);
    display: inline-block;
    font-family: var(--primary-font);
    position: relative;
    color: var(--primary-color);
    white-space: nowrap;
    border: 0.09rem solid var(--p-border-2);
    cursor: pointer;
}

    .p-tag-action-active,
    .p-tag-action:hover {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
        color: #fff;
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7 );
    }

.p-tag-length {
    background-color: var(--chat-dark-bg-2);
    font-size: var(--base-font-size-xs);
    padding: 0.35rem 0.85rem;
    border-radius: calc(var(--bs-border-radius) * 0.85);
    display: inline-block;
    font-family: var(--primary-font);
    position: relative;
    color: var(--primary-color);
    white-space: nowrap;
    border: 0.09rem solid var(--p-border-2);
    cursor: pointer;
}

    .p-tag-length-active,
    .p-tag-length:hover {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
        color: #fff;
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.7 );
    }

.ph-sw .ph-sw-items {
    margin-bottom: 0.9rem;
}

.ph-sw .ph-sw-items,
.add-sec-row {
    background-color: var(--bg-default);
    border: 1px solid var(--primary-border-color);
    color: var(--on-primary-color);
    width: 100%;
    border-radius: var(--border-radius-default);
    font-size: var(--base-font-size);
    padding: 0.65rem 0.8rem;
}

.ph-sw-items .form-group {
    margin-bottom: 0 !important;
}

.add-sec-row {
    margin-top: 1.6rem;
}

.add-section-btn {
    stroke: var(--primary-color);
    cursor: pointer;
}

.p-q-add {
    display: grid;
    grid-template-columns: 15.625rem 1fr auto;
    gap: var(--box-padding);
    background-color: var(--bg-default);
    color: var(--on-primary-color);
    width: 100%;
    border-radius: var(--border-radius-default);
    font-size: var(--base-font-size);
}

#sectionListView .p-q-add {
    align-items: center;
}

.p-q-add-wrapper .p-q-add {
    margin-top: 1.2rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--primary-border-color);
}

.ph-sw-items li.sectionItem:not(:last-child) {
    margin-bottom: calc(var(--box-padding) * 0.5);
}


.p-sections-gw {
    display: grid;
    grid-template-columns: var(--default-sidebar-width) 1fr;
    margin: 0;
    gap: 1rem;
    height: 100%;
}

.p-section-input .pso-form-wrapper {
    height: 100% !important;
    max-height: inherit;
}

.p-hs-list {
    height: 100%;
    max-height: calc(100vh - 130px);
    padding-right: 0.9rem;
}

@media(max-width: 1700px) {
    .p-hs-list {
        max-height: 550px;
    }
}

.p-edit-hb {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.p-edit-hb-inner {
    flex: 1;
}

.p-hs-list ul li {
    min-height: 43.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.p-hs-list .p-mydoc-list-item-cont {
    flex: 1;
}

.p-html-editor .dx-htmleditor {
    border-color: transparent;
}

.p-html-editor p {
    margin-bottom: 0.6rem;
    margin-top: 0.2rem;
}

.p-html-edit-fh .p-html-editor .dx-htmleditor-content,
.p-edit-hb-inner textarea.form-control {
    height: 100%;
    max-height: 430px;
    min-height: 220px;
}

.hb-details {
    margin-bottom: 2.2rem !important;
    position: relative;
}

.UsersListTooltipForView .pp-userList-selected .dx-scrollview-content,
.UsersListTooltipForDelView .pp-userList-selected .dx-scrollview-content {
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    margin: 0 !important;
}

    .UsersListTooltipForView .pp-userList-selected .dx-scrollview-content .dx-list-item.dx-state-focused,
    .UsersListTooltipForDelView .pp-userList-selected .dx-scrollview-content .dx-list-item.dx-state-focused {
        background-color: transparent;
    }



/* .hb-details::after {
        content: 'Handbook Sections';
        bottom: -2rem;
        position: absolute;
        left: 0;
        color: var(--secondary-color);
        font-weight: 500;
    }*/
.p-modal-fullscreen-m0 {
    padding-right: 0 !important;
}

.p-vf-content .p-view-profile {
    position: relative;
    padding-top: 28px;
}

.p-vf-head {
    background-color: #151414;
    border-bottom: 1px solid #000000;
    position: absolute;
    z-index: 9;
    width: 100%;
    padding: 0.5rem 0.85rem;
    color: #ebebeb;
    font-size: var(--base-font-size-lg);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    min-height: 3rem;
}

    .p-vf-head svg.p-icon {
        stroke: #ebebeb;
    }

    .p-vf-head .btn-close {
        border: none;
        background-color: transparent;
    }

    .p-vf-head .btn-close {
        border: none;
        background-color: transparent;
    }

    .p-vf-head .close-dbg-btn {
        background-size: cover;
        width: 1.2rem;
        height: 1.2rem;
    }

.p-icon-pdf.p-icon {
    stroke: none;
}

.p-vf-head button {
    border: none;
    background-color: transparent;
    color: #ebebeb;
    padding: 0;
}

.p-vf-cen {
    justify-content: center;
}

.p-vf-rc {
    justify-content: flex-end;
}

.hb-vf-name {
    max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


#titleSub_delete {
    font-size: var(--base-font-size-xl);
}
/*css for handbook ends here*/
/*css for talent page starts here*/
.pt-sq-mw {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--box-padding);
}

.pt-sq-lw .p-vertical-def-nav {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 0.6rem 0.6rem;
}

    .pt-sq-lw .p-vertical-def-nav button {
        margin-bottom: 0 !important;
    }

.pt-sq-lw,
.pt-sq-rw {
    border-radius: var(--bs-border-radius);
    box-shadow: none;
    padding: calc(var(--box-padding) * 0.6);
}

.pt-sq-mw .p-vertical-def-nav .nav-link {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
}

    .pt-sq-mw .p-vertical-def-nav .nav-link.active {
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
        font-weight: 500;
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35 );
    }

.p-summ-res ul li:not(:last-child) {
    margin-bottom: 0.9rem;
}

.share-candi-info p {
    color: var(--primary-color);
}

.p-summ-res ul {
    padding-left: 1.1rem;
    color: var(--primary-color);
    margin-top: 0.8rem;
}

.pt-jdesc,
.talent-ske-load .pt-jdesc-sl {
    display: flex;
    gap: 0.45rem 1.8rem;
    justify-content: flex-start;
}

    .pt-jdesc p span {
        font-weight: 500;
    }

    .pt-jdesc p {
        margin-bottom: 0;
        color: var(--primary-color);
    }

        .pt-jdesc p span.strong {
            font-weight: 600;
        }

    .pt-jdesc .p-text-underline {
        cursor: pointer;
    }

.p-hire-top-det .ph-3 {
    flex-shrink: 0;
    font-size: var(--base-font-size-h5);
}

@media(max-width: 1600px) {
    .pt-jdesc,
    .talent-ske-load .pt-jdesc-sl {
        gap: 0.45rem 1rem;
    }

    .p-hire-top-det {
        gap: 1.5rem;
    }
}



.p-tal-step-sq {
    display: flex;
    justify-content: space-between;
    height: 100%;
    flex-direction: column;
}

.p-tal-step-wr .simplebar-content,
.cw-scroll .simplebar-content {
    height: 100%;
}

.label-attachment {
    color: var(--dark-blue-color);
    font-weight: 500;
}

    .label-attachment .p-grid-icon {
        stroke: var(--dark-blue-color);
    }

.p-la-sepe-head {
    padding: 0 calc(var(--box-padding) * 0.8);
    position: relative;
}

.p-add-pos-ap .control-group {
    margin-bottom: 0.6rem;
}

.p-add-pos-ap label.btn.btn-sm {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.p-add-pos-ap .btn-group-sm > .btn, .btn-sm {
    padding: 0.25rem 0.6rem;
}

.p-add-pos-ap .btn-secondary:not(:disabled):not(.disabled).active,
.p-add-pos-ap .btn-secondary:not(:disabled):not(.disabled):active,
.p-add-pos-ap .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-add-pos-ap .btn-group > .btn-group:not(:first-child),
.p-add-pos-ap .btn-group > .btn:not(:first-child) {
    margin-left: 0;
}

.p-add-pos-ap .btn-secondary:not(:disabled):not(.disabled).active:focus,
.p-add-pos-ap .btn-secondary:not(:disabled):not(.disabled):active:focus,
.p-add-pos-ap .show > .btn-secondary.dropdown-toggle:focus,
.p-add-pos-ap .btn-secondary.focus,
.p-add-pos-ap .btn-secondary:focus {
    box-shadow: none;
    background-color: initial;
    border-color: initial;
}

.p-tal-pro {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: 1.05rem;
}

    .p-tal-pro .avatar.avatar-xxl {
        height: 5.3rem;
        width: 5.3rem;
    }

    .p-tal-pro .user-profile-content-wrapper p,
    .p-candi-info .user-profile-content-wrapper .list-inline-item {
        font-size: calc(var(--base-font-size-xs) * 0.985);
    }

.p-candi-info .ph-card {
    padding: calc(var(--box-padding) * 0.75);
}

    .p-candi-info .ph-card.p-defautlt-navs {
        padding: calc(var(--box-padding) * 0.25);
    }

.kanban-icons-rating svg.p-icon {
    --rating-color: #ffc700;
    fill: var(--rating-color);
    stroke: var(--rating-color);
}

#GridCompatabliltyOV .ni.ni-star-fill,
#GridCompatabliltyOV .ni.ni-star,
#GridCompatabliltyOV .ni-star-half-fill,
.p-rs-yellow .ni.ni-star-fill,
.p-rs-yellow .ni.ni-star,
.p-rs-yellow .ni-star-half-fill {
    color: #ffc700;
}

.icon-call-def {
    width: 0.95rem;
    height: 0.95rem;
}

.kanban-icon-item span {
    font-size: var(--base-font-size-xxs);
    line-height: 1.2;
    position: relative;
    top: 0.05em;
    color: var(--on-primary-color);
}

.p-tal-icon-call {
    width: 0.8rem;
    height: 0.8rem;
    position: relative;
    left: 1px;
}


#GridCompatabliltyOV .ni.ni-star,
.p-rs-yellow .ni.ni-star {
    color: var(--p-grey-1);
}

.pt-cand-pro {
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%) );
    padding: calc(var(--box-padding) * 0.55);
}

.p-candi-info .modal-content {
}


.p-ci-details {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.p-ci-details-2x {
    display: flex;
    flex: 1;
    gap: 0.5rem;
}

    .p-ci-details-2x label {
        flex: 0 0 9em;
    }

.p-ci-socials svg {
    width: 1.45rem;
    height: 1.45rem;
    cursor: pointer;
    display: inline-block;
    stroke: var(--on-primary-color);
}

.p-ci-sections-items {
    margin-bottom: 1.6rem;
}

.p-ci-tags-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.p-ci-tags {
    font-size: var(--base-font-size-xxs);
    background-color: var(--theme-light-bg-def-1);
    color: var(--theme-primary-color);
    padding: 0.23rem 0.5rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--input-border-1);
    font-weight: 500;
    line-height: 1.25;
}

.p-ci-tags-wrap a.ph-default-link {
    font-size: var(--base-font-size-xxs);
    margin-left: 0.7rem;
    font-weight: 500;
}

.reply-label {
    font-weight: 600;
    padding: 0.2rem 0.6rem;
    border-radius: calc(var(--bs-border-radius)* 0.5);
    cursor: pointer;
    position: relative;
    top: 1px;
}

    .reply-label:hover {
        background-color: var(--bg-default);
    }

.pdf-container {
    width: 100%;
    height: 700px; /* Adjust the height as needed */
    border: none; /* Optional: removes the border around the iframe */
}

.p-modal-fs-sf .modal-body {
    max-height: 100%;
    overflow: hidden;
}

.p-ci-grid-mw {
    height: 100%;
}

.p-ci-grid-hr {
    margin: 0;
    height: 100%;
    width: 1px;
    background-color: var(--primary-border-color);
}

.p-ci-grid-rc {
    background-color: var(--p-grey-2);
    padding: var(--box-padding);
    border-radius: var(--bs-border-radius);
}

.p-accor-button-type .p-acc-card.p-acc-heading .p-acc-header {
    display: inline-flex;
    padding: 0.75rem 0.95rem;
    padding-right: 3.6rem;
    width: initial;
    background-color: transparent;
}

.p-accor-button-type .p-acc-header .p-acco-btn {
    padding-right: 2rem;
}

.p-accor-button-type .p-acco-btn-w-icon::after {
    width: 0.9rem;
    height: 0.9rem;
    background-size: 0.9rem;
}

.p-accor-button-type .card-body {
    padding: 0.1rem 1.12rem 0.5rem;
}

.p-accor-button-type .p-acc-card .card-body {
    border-top: none;
}

.p-ci-grid-lc,
.p-ci-grid-rc {
    max-height: calc(100vh - 1rem);
    overflow-y: auto;
    padding-bottom: 3rem;
}

.p-sim-link span {
    cursor: pointer;
}

.p-sepe-icon svg {
    stroke: var(--primary-color);
}

.p-sim-link {
    color: var(--on-primary-color);
}

.p-ci-copy {
    cursor: pointer;
}

.p-candi-info .step-activity {
    margin-left: -0.4rem;
    margin-right: 0;
}

.p-ci-act-footer {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.8rem;
    align-items: center;
}

    .p-ci-act-footer button.p-btn-small,
    .p-btn-sm-new {
        min-width: 4rem;
    }

.p-btn-sm-new {
    min-height: calc(var(--p-btn-min-height)* 0.5);
    padding: 0.4rem 0.75rem;
    font-size: var(--base-font-size-xxs);
}

.p-ncb-ic {
    display: flex;
    gap: 0.7rem;
    position: relative;
    margin-bottom: 1rem;
}

.p-db-com-mw {
}

.p-ci-grid-lc .form-group > label {
    font-size: var(--base-font-size-xl);
    margin-bottom: 0.55rem;
}

.p-rs-yellow .form-group > label {
    font-size: var(--base-font-size-xl);
}


.p-ci-notes-react {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .p-ci-notes-react svg {
        width: 1.4rem;
        height: 1.4rem;
        fill: var(--on-primary-color);
        cursor: pointer;
    }

.p-ncb-ic label.label-primary {
    margin-top: 0.45rem;
    margin-bottom: 0.6rem;
}

.p-nt-color {
    color: var(--on-primary-color);
    font-weight: 400;
    font-size: var(--base-font-size-xxs);
}

span.tagged-txt {
    color: var(--secondary-color);
}

.p-ncb-ic.p-ncb-ic-reply {
    background-color: var(--p-grey-2);
    padding: 0.6rem;
    margin-left: 3rem;
    border-radius: calc(var(--bs-border-radius)* 0.85);
}

.new-reply-container {
    width: 100%;
}

    .new-reply-container .p-ncb-ic.p-ncb-ic-reply {
        margin-left: 0;
    }

.p-ci-post-msg.input-group {
    flex-direction: column;
}

    .p-ci-post-msg.input-group input {
        width: 100%;
        border-radius: var(--bs-border-radius) !important;
    }

    .p-ci-post-msg.input-group .input-group-append {
        align-self: flex-end;
        margin-top: 0.9rem;
        margin-bottom: 0.5rem;
    }

.p-notes-comment-box {
    background-color: var(--chat-dark-bg-2);
    padding: 1.2rem;
    border-radius: var(--bs-border-radius);
}

.p-inte-cards-green-cb .p-rect-iw input[type="radio"] {
    flex-shrink: 0;
    width: 1.2em;
    height: 1.2em;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid var(--grey-bg-3);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
    border-radius: 50%;
    float: left;
    background-color: var(--chat-dark-bg-2);
    cursor: pointer;
}

.p-icgcb-pos.p-inte-cards-green-cb .p-rect-iw input {
    position: absolute;
    top: 0.6rem;
    left: 0.8rem;
}

.p-inte-cards-green-cb .p-rect-iw input:checked[type=radio] {
    border-color: #05c842;
    background-color: #05c842;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14px' height='14px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/*.p-ci-evo-scr .p-html-editor .dx-htmleditor-content {
    height: 110px;
}*/

.p-tal-can-pro-img img {
    width: 11.4em;
    height: 11.4em;
    object-fit: cover;
    border-radius: var(--bs-border-radius);
}

.tal-cand-upld-mw {
    display: grid;
    grid-template-columns: 100%;
    gap: 0.25rem;
    margin-bottom: 0.6rem;
}

    .tal-cand-upld-mw .p-tal-can-pro-img img {
        width: 100%;
    }

.p-ci-ring-grid {
    display: grid;
    grid-template-columns: 1fr 6.5rem;
    gap: 1.25rem;
}

.p-tal-candi-info-ring {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-tal-candi-info-ring svg {
        width: 6.3em;
        height: 6.3em;
        padding: 0.1rem;
        margin: 0.15rem;
    }

    .p-tal-candi-info-ring svg {
        display: inline-block;
        position: relative;
    }

.p-tal-cir-count {
    position: absolute;
    left: 50%;
    top: 51%;
    transform: translate(-50%, -50%);
    color: var(--primary-color);
    font-weight: 700;
    font-size: calc(var(--base-font-size-h2)* 1.25);
    z-index: 800;
    line-height: 1.25;
}

.p-sc-int-box-wh {
    text-align: center;
}

.p-modal-center-txt .modal-body {
    padding: 2.6em;
    text-align: center;
}

.p-modal-center-txt .modal-content {
    border-radius: calc(var(--bs-border-radius)* 2.5);
}

.ahead-time-modal .modal-content {
    max-width: 627px;
}

.ahead-time-modal .p-bl-head-1 {
    font-weight: 600;
    color: var(--primary-color);
}

.top-pl-align {
    padding-left: 2.8rem;
}

.p-cr-rad-mw {
    display: grid;
    align-items: center;
    gap: 1rem;
    grid-template-columns: repeat(5, 1fr);
}

.p-tag-v-top-grey {
    background-color: var(--btn-light-bg);
    margin: 0;
    display: inline-block;
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    margin-bottom: 0.1em;
    font-weight: 500;
}

.p-cg-per-inc-wrpaer.app-rules small.p-tag-sm.p-light-blue {
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) );
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    border-radius: 0.45rem;
}

.interview-questions li.questionItem:not(.no-delete) {
    cursor: grab;
}

.hire-right-kb {
    padding-bottom: 0;
    overflow: hidden;
}

.hire-job-header {
    margin-bottom: 0.45rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--primary-border-color);
}

.p-hire-tab-scroll {
    height: calc(100% - 17em);
    overflow: hidden;
    overflow-y: auto;
    padding-right: 0.5rem;
    align-items: flex-start;
}

    .p-hire-tab-scroll.p-scroll-report {
        height: calc(100% - 10em);
    }

.p-ci-interviews .p-la-sepe-head .p-grey-bg-box {
    margin-bottom: 1rem;
}

.p-ci-rec-mw {
    overflow: hidden;
    border-radius: var(--bs-border-radius);
}

.p-tal-can-pro-img.p-hover-img-overlay-ic {
    width: 11.4em;
    height: 11.4em;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--primary-border-color);
}

.p-hover-img-overlay-ic:hover .p-hdc-edit {
    z-index: 99;
    visibility: visible;
    opacity: 1;
    stroke: #fff;
}

    .p-hover-img-overlay-ic:hover .p-hdc-edit svg {
        stroke: #fff;
    }

.p-ci-socials {
    margin-top: 0.05rem;
}

.p-mydoc-list-item-cont > .d-flex.one-line-clamp {
    width: 100%;
}

.p-hjl-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--box-padding);
    width: 100%;
}

.p-hjl-cards-item-in {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    cursor: pointer;
}

.p-hjl-cards-item-in:hover {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
}

.p-hjl-cards-item-in:hover .p-icon-fill{
    fill:var(--theme-primary-color);
}

.p-hjl-cards-item-in:hover .p-icon-fill.p-icon-fill-green{
    fill:#349d00 !important;
}

.p-hjl-cards-item-in:hover .p-jp-head {
    color: var(--theme-primary-color);
}


.p-hjl-cards-item-in .p-sc-details-2x label {
     flex: initial;
     cursor: pointer;
}

.p-hjl-cards-footer {
    padding: calc(var(--box-padding)* 0.5) calc(var(--box-padding)* 0.75);
    border-top: 1px solid var(--primary-border-color);
}

.p-hjl-head-mw {
    display: grid;
    grid-template-columns: 1fr auto;
    margin-bottom: 0.7rem;
    font-size: calc(var(--base-font-size-h5)* 0.98);
}

.p-jp-head {
    line-height: 1.5;
    font-weight: 500;
}

.leaves-btn-type p.fw-light {
    color: var(--on-primary-color);
}

.p-hjl-cards-item .p-sc-details {
    gap: 0.7rem;
}

.p-hjl-cards-footer a {
    color: #1985f4;
    font-weight: 500;
}

.p-hjl-cards-footer .card-link + .card-link {
    margin-left: 0.65rem;
}

.p-hjl-cards-item-in .card-body {
    padding: calc(var(--box-padding)* 0.5);
    position: relative;
    height: 100%;
}

.p-hjl-cards-item-in,
.p-def-grad-hov-bord {
    padding: 0.125em;
}

.p-def-grad-hov-bord {
    overflow: hidden;
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

.p-hjl-cards-item-in:hover,
.p-def-grad-hov-bord:hover {
    /* background: linear-gradient(to right, #76F6DD, #96CDFA, #F9E791, #F3A7AC);
    padding: 0.125em;*/
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-hjl-cards-item-in:hover .card-body,
.p-def-grad-hov-bord:hover .p-def-bord-bg {
    background-color: transparent;
    border-radius: calc(var(--bs-border-radius)* 0.7);
}

.p-hjl-cards-item-in .p-dd-wp-btn.p-dd-wp-btn-small {
    margin-right: -0.45rem;
}

.p-hir-job-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.p-hjl-jobs-cl {
    max-height: 100%;
    overflow-y: auto;
    display: flex;
    padding-right: calc(var(--box-padding) + -0.3em);
    margin-right: calc(var(--box-padding)* -1 + 0em);
    align-items: flex-start;
    flex-direction: column;
}

.p-hjl-cards-item.loading-skeleton {
    min-height: 219px;
}

.loading-skeleton .p-tag-sm {
    min-height: 1.4rem;
    border-color: transparent !important;
    background-color: transparent !important;
    border:none;
}

.loading-skeleton label.card-count {
    border-color: var(--bg-default);
    min-height: 0.95rem;
    border-radius: 10px;
}

.loading-skeleton .p-cj-card-dets {
    margin: 0.65rem 0;
}

.loading-skeleton .p-aj-header{
    gap:0.5rem;
}

.p-hjl-cards-item.loading-skeleton .p-sc-details {
    gap: 1rem;
}

.p-hjl-head-mw {
    align-items: center;
}

.p-txt-ai-generated span.onboardingCandidate {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.p-txt-ai-generated svg {
    stroke: #0d6efd;
}

.p-txt-ai-generated .completedCandidate {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.p-hj-card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.p-hj-card-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: space-between;
    gap: var(--box-padding);
}

.p-cj-card-dets {
    margin-top: 0.4rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
    gap: 0.2rem 1rem;
}

.p-hj-card-title .p-hj-card-title .p-dd-wp-wrapper {
    position: absolute;
    right: 0.5rem;
}

.p-hj-card-title h5 {
    margin-right: 1rem;
}

.p-hjl-cards-item-in .card-count {
    font-size: 0.78rem;
}

.p-hcp-aj-list-grid {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
}

.p-hcp-applied-jobs ul li {
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 1.3rem;
    margin-bottom: 1.3rem;
}

ul.p-ol-timeline li {
    border: none;
    display: flex;
    gap: 1.4rem;
    align-items: center;
    margin: 0;
    padding: 0;
    padding-bottom: 0.4rem;
    position: relative;
}

    ul.p-ol-timeline li:not(:last-child)::after {
        content: '';
        position: absolute;
        left: 7px;
        top: 19px;
        height: 0.8rem;
        background-color: var(--primary-border-color);
        width: 2px;
    }

.p-up-add-candi-mw {
    min-height: 11.5em;
    margin-top: 1.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.p-up-add-candi {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--box-padding)* 1.2);
}

.p-modal-sb .p-up-add-candi {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    gap: calc(var(--box-padding)* 1.2);
}

.p-modal-sb .alert-dismissible .close {
    padding: 0.05rem 0.45rem;
}

.p-modal-sb .alert-dismissible {
    padding-right: 1.5rem;
}

.p-modal-sb .p-up-add-cand-or {
    align-self: center;
    text-align: center;
    text-transform: uppercase;
}

.p-ad-si-sim-dd .user-fl-n {
    width: 1.9rem;
    height: 1.9rem;
}

.p-ad-si-sim-dd svg.pcg-user-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.p-up-add-sc-input {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

    .p-up-add-sc-input label {
        flex: 0 0 auto;
    }

    .p-up-add-sc-input input {
        width: 100%;
    }

.p-hi-int-nfo {
    margin-bottom: 0.75rem;
}

@media(max-width: 1800px) {
    .p-hjl-cards {
        grid-template-columns: repeat(4, 1fr);
    }

    .p-hj-card-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media(max-width: 1500px) {
    #myKanban::-webkit-scrollbar {
        height: 8px;
    }
}

@media(min-width: 1025px) {
    #myKanban::-webkit-scrollbar {
        height: 8px;
    }
}


@media (min-width:992px) {
    .p-reject-candi-modal .modal-lg {
        max-width: 830px;
    }
}

@media(min-width: 1650px) {
    .pt-jdesc p {
        max-width: 370px;
    }
}
/*css for talent page ends here*/
.p-view-profile iframe {
    background-color: #333333;
    color: #ffff;
    padding: 0.8em;
}

.p-view-profile #viewSectionsList p {
    color: #ffff;
}

.grid-tiw {
    max-width: 5rem;
    height: 3rem;
    border-radius: calc(var(--bs-border-radius) * 0.65);
    overflow: hidden;
    border: 1px solid var(--primary-border-color);
}

    .grid-tiw img {
        width: 100%;
        height: 100%;
        display: inline-block;
        object-fit: cover;
    }

.p-uiw {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 0.5rem;
    background-color: var(--primary-border-color);
}

    .p-uiw img {
        border-radius: calc(var(--bs-border-radius) * 0.65);
    }

.p-hs {
    position: relative;
}

.p-hs-item {
    opacity: 0;
    visibility: hidden;
    transition: all .15s;
    z-index: 99;
    color: #fff;
    cursor: pointer;
}

.p-hs:hover .p-hs-item {
    opacity: 1;
    visibility: visible;
}

.p-hs:hover::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 54%);
}

.p-hs-item svg {
    stroke: #ffffff;
}

.step-mh {
    max-height: 15rem;
}


/*CSS for ROI Page*/

.roi-gl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; /* Divides the layout into 4 columns of equal width */
    grid-gap: var(--box-padding); /* Space between the grid items */
    margin-top: 1rem;
}

.overall-cost {
    grid-column: 1 / span 2; /* Spanning 2 columns for overall-cost */
}

.overall-time {
    grid-column: 3 / span 2; /* Spanning 2 columns for overall-time */
}

.hr-savings, .wellbeing-savings {
    grid-column: span 2; /* Each of these elements spans 2 columns */
}

/* These elements will each take up one column */
.recruitment-efficacy, .plumm-ai-help, .absenteeism, .wellbeing {
    grid-column: span 1;
}

.hr-engagement, .wellbeing-engagement {
    grid-column: span 2; /* Each of these elements spans all 4 columns */
}

.roi-gl .ba-box-shadows {
    min-height: 210px;
}

.ba-box-shadows h4 {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    margin-bottom: 0.6rem;
    position: relative;
    left: -1px;
    top: -4px;
}

.export-btn-usge.expt-modi-btn {
    display: none !important;
}

@media(max-width: 1600px) {
    .ba-box-shadows h4 {
        font-size: var(--base-font-size-xl);
    }

    .ba-box-shadows {
        padding: calc(var(--box-padding) * 0.6);
    }
}

.p-si-ttw {
    padding: 0.3rem;
    cursor: pointer;
    color: var(--primary-text-inverse);
}

    .p-si-ttw h6 {
        font-size: var(--base-font-size-lg);
        margin-bottom: 0.4rem;
        color: var(--background1);
    }

ul.p-tooltip-list {
    font-size: calc(var(--base-font-size-xs));
}

.p-smart-tt {
    cursor: pointer;
}

    .p-smart-tt img {
        max-width: 1.35rem;
        display: inline-block;
    }

.roi-gl .ph-ad-count-small {
    top: 10px;
}

.p-tooltip-list li {
    margin-bottom: 0.3rem;
}

.roi-rec-eff {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

    .roi-rec-eff h6 {
        margin-bottom: 0;
        font-size: var(--base-font-size-xl);
    }

.roi-con {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .roi-con > * {
        flex: 0 0 auto;
    }

    .roi-con label {
        font-size: calc(var(--base-font-size-h1) * 1.1);
        color: var(--secondary-color);
        font-weight: 600;
        line-height: 1.2;
    }

    .roi-con small {
        align-self: flex-end;
        position: relative;
        top: -1px;
        font-size: var(--base-font-size);
    }

.roi-up-con-tl small {
    font-size: 1rem;
    display: inline-block;
    margin-top: 0.15rem;
}

.roi-eng-ud {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 0.3rem 2rem;
}

.roi-dl p {
    margin-bottom: 0.25rem;
}

.label-data-chev {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

span.ld-chev-txt {
    font-size: var(--base-font-size);
    color: var(--on-primary-color) !important;
    font-weight: 400 !important;
}

.label-data-chev span {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.label-data-chev small {
    font-size: calc(var(--base-font-size-xxs) * 0.98);
    font-weight: 500;
    position: relative;
    top: 0.1em;
}

.label-data-chev em.icon {
    font-size: var(--base-font-size-h1);
    line-height: 0.6;
}

.label-data-chev-red em.icon,
.label-data-chev-red small {
    color: var(--red-color);
}

.label-data-chev-green small,
.label-data-chev-green em.icon {
    color: var(--green-color);
}



.roi-data-up-down {
    display: flex;
    align-items: center;
    gap: var(--box-padding);
    justify-content: space-around;
}

    .roi-data-up-down > * {
        flex: 0 0 auto;
    }

/*css ring*/
.roi-cir-pb {
    position: relative;
}

.roi-cir-pb-count {
    font-size: var(--base-font-size-h1);
    font-weight: 600;
    color: var(--primary-color);
}

.roi-cir-pb-svg {
    --progress-bar-stroke-width: 2.2;
    --progress-bar-size: 7rem;
    height: var(--progress-bar-size);
    width: var(--progress-bar-size);
    transform: rotate(-90deg);
}

.progress-bar__background {
    fill: none;
    stroke: #ebe4f9;
    stroke-width: var(--progress-bar-stroke-width);
}

.progress-bar__progress {
    fill: none;
    stroke: #7946DB;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-width: var(--progress-bar-stroke-width);
    transition: stroke-dashoffset 1s ease-in-out;
}


/*css ring ends here*/

/*css for review settings*/

.p-rev-ty-grid {
    gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr) auto;
    align-items: center;
}

    .p-rev-ty-grid .p-icon-fill,
    .p-rev-fw .p-icon-fill {
        fill: var(--primary-color);
    }

    .p-rev-ty-grid p {
        font-size: var(--base-font-size-xs);
        line-height: 1.2;
    }

.p-utg .p-rev-ty-grid:not(:last-child),
.p-rev-fw .p-listype-bg:not(:last-child) {
    margin-bottom: 0.9rem;
}

.p-listype-bg .pp-users-count,
.p-listype-bg .pp-user-imgs {
    width: 1.8rem;
    height: 1.8rem;
}

.p-listype-bg .pp-user-cont {
    font-size: calc(var(--base-font-size-xxs) * 0.75);
}

.p-rev-ty-grid span.label-primary {
    font-size: var(--base-font-size-xs);
}

.p-drop-pop.p-dd-wp-btn {
    padding: 0.48rem 0.95rem;
    font-size: var(--base-font-size-xxs);
    border-radius: var(--border-radius-default);
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: var(--p-btn-txt);
    width: initial;
    height: inherit;
    cursor: pointer;
}

.pso-card {
    padding: calc(var(--box-padding) * 0.7);
    background-color: var(--bg-default);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--primary-border-color);
    position: relative;
}

.rev-rating-acc.p-acco-btn {
    padding: 0.2rem 0.5rem;
    padding-left: 2.3rem;
}

.p-inline-tag {
    background-color: var(--sec-light-color4);
    padding: 0.2rem 0.65rem;
    border-radius: 5rem;
    color: var(--primary-color);
}

.p-rem-msg-w .p-label-msg {
    margin-bottom: 0.35rem;
    font-weight: 500;
}


.p-rem-msg-w p {
    margin-bottom: 1.1rem;
}

.p-msg-grid {
    display: grid;
    gap: 0.55rem;
}

.p-rem-msg-w {
    font-size: var(--base-font-size-sm);
}

.ph-default-link svg.p-icon {
    stroke: var(--primary-color);
}

.label-primary small {
    color: var(--on-primary-color);
    line-height: 1.3;
    margin-top: 0.05rem;
}

.p-rv-cb {
    padding-left: 0.9rem;
}

.al-cb-cen .custom-switch {
    padding-left: 2.9rem;
}
/*css for form builder starts here*/

.p-fb-actn-btn {
    position: absolute;
    z-index: 2500;
    right: 1rem;
    bottom: 1.2rem;
}

.form-builder-wp {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0;
    border: none;
}

    .form-builder-wp .form-wrap.form-builder {
        position: relative;
        display: flex;
        flex: 1;
    }

    .form-builder-wp .ui-tabs .ui-tabs-panel {
        padding: 0;
        background-color: var(--bg-default);
    }

    .form-builder-wp .ui-widget-content {
        border: none;
        border-radius: 2px;
        padding: 0;
        height: 100%;
        flex: 1;
        background-color: var(--bg-default);
        display: flex;
    }

    .form-builder-wp .form-wrap.form-builder .stage-wrap {
        width: 100%;
        margin: calc(var(--default-gap) * 1.4);
        padding: calc(var(--default-gap) * 0.6);
        background-color: var(--chat-dark-bg-2);
        border-radius: var(--bs-border-radius);
        border: 1px solid var(--primary-border-color);
    }

.set-up-from-scratch .modal-body {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.form-builder-wp .ui-tabs .ui-tabs-nav {
    margin: 0;
    position: relative;
    display: flex;
    font-size: var(--base-font-size);
    background-color: var(--chat-dark-bg-2);
    padding: 0.55rem var(--default-gap);
    border-radius: var(--bs-border-radius);
    border-top: 1px solid var(--primary-border-color);
}

.cb-wrap {
    max-width: 26em;
    background-color: var(--chat-dark-bg-2);
    padding: var(--box-padding);
    border-left: 1px solid var(--input-border-1);
    margin-top: -1px;
    width: 100% !important;
    padding-top: 0;
}

.set-up-from-scratch .emoji-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.p-acc-card input.custom-control-input {
    z-index: 9999;
    cursor: pointer;
}

.emoji-cell {
    cursor: pointer;
}

.reminderRows {
    position: relative;
}

svg.p-if-remove {
    width: 1.1rem;
    height: 1.1rem;
    background-color: #da4545;
    padding: 0.1rem;
    border-radius: 50%;
    fill: #fff;
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 0;
}

.form-wrap.form-builder .frmb .form-elements .false-label:first-child, .form-wrap.form-builder .frmb .form-elements label:first-child {
    font-weight: 600 !important;
}

.form-wrap.form-builder .frmb .field-actions .btn {
    border-radius: calc(var(--bs-border-radius) * 0.5) !important;
    background-color: transparent !important;
}

.formbuilder-checkbox-group .checkbox-group {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
    margin-bottom: 0.5rem;
}

    .formbuilder-checkbox-group .checkbox-group label {
        margin-bottom: 0;
        line-height: 1.25;
    }

    .formbuilder-checkbox-group .checkbox-group input[type="checkbox"] {
        margin: 0 !important;
    }


#add-page-tab {
    background-color: transparent;
    position: sticky;
    right: 0;
    background: #fff;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.fb-add-section.ui-tabs-anchor[href="#new-page"] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

.fb-add-section.ui-tabs-anchor[href="#new-page"]:hover {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
    color: #fff !important;
}

.fb-add-section.ui-tabs-anchor[href="#new-page"]:hover em.icon.ni.ni-plus {
    color: #fff;
}

.p-rev-tab-ed {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    transition: opacity 0.5s;
    background-color: rgb(39 72 125 / 75%);
    gap: 0.5rem;
}

    .p-rev-tab-ed .p-icon {
        display: inline-block;
        stroke: #fff;
        line-height: 1.8;
    }

    .p-rev-tab-ed svg.p-grid-icon1p1 {
        --icon-v1: 0.9rem;
    }

    .p-rev-tab-ed .p-icon-sm {
        width: 1rem;
        height: 1rem;
    }

.fb-add-section {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .fb-add-section .p-dd-wp-btn.p-dd-wp-btn-small {
        width: 1.1rem;
        height: 1.1rem;
        padding: 0.15rem;
    }

    .fb-add-section .p-dd-wp-btn-small .p-dd-wp-dot-icon {
        flex-shrink: 0;
        padding: 0.12rem;
        width: 1rem;
        height: 1rem;
    }

.form-builder-wp .ui-state-default:hover .p-rev-tab-ed {
    opacity: 1;
    visibility: visible;
}

.form-builder-wp input[type="checkbox"] {
    width: 1.05rem !important;
    height: 1.05rem !important;
    padding: 0 !important;
}

@media(min-width: 1900px) {
    .cb-wrap {
        max-width: 27em;
    }
}

.set-up-from-scratch .modal-header {
    padding: 0.55rem var(--default-gap);
}

.form-builder-wp .ui-tabs .ui-tabs-nav li {
    color: var(--on-primary-color);
    margin: 0;
    font-size: var(--base-font-size);
}

.form-builder-wp .ui-state-default a, .form-builder-wp .ui-state-default a:link, .form-builder-wp .ui-state-default a:visited {
    color: var(--on-primary-color);
    text-decoration: none;
}

.form-builder-wp.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    background-color: var(--chat-dark-bg-2);
    border-bottom: 1px solid var(--input-border-1);
    position: relative;
    display: flex;
    font-size: var(--base-font-size);
    padding: 0.55rem var(--default-gap);
    border-radius: 0;
    gap: calc(var(--default-gap) * 0.5);
    border-top: 1px solid var(--primary-border-color);
    overflow-x: auto;
    padding-right: 0 !important;
}

.form-builder-wp.ui-tabs .ui-tabs-nav li {
    margin: 0;
    font-weight: 400;
    border-radius: calc(var(--bs-border-radius) * 0.5);
    flex-shrink: 0;
    overflow: hidden;
}

.form-builder-wp.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
    color: var(--primary-color);
    background-color: var(--sec-light-color4);
    cursor: pointer;
}

.form-builder-wp.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
     color: var(--theme-primary-color);
     background-color:  hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%) );
     cursor: pointer;
}

.form-builder-wp .ui-helper-clearfix:after, .form-builder-wp .ui-helper-clearfix:before {
    display: none;
}

.form-builder-wp .ui-state-focus,
.form-builder-wp .ui-state-hover,
.form-builder-wp .ui-widget-content .ui-state-focus,
.form-builder-wp .ui-widget-content .ui-state-hover,
.form-builder-wp .ui-widget-header .ui-state-focus,
.form-builder-wp .ui-widget-header .ui-state-hover {
    background: var(--chat-dark-bg-2);
    font-weight: 400;
    color: #212121;
}

.form-wrap.form-builder .stage-wrap.empty {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23cccccc' stroke-width='2' stroke-dasharray='6%2c 10' stroke-dashoffset='24' stroke-linecap='square'/%3e%3c/svg%3e");
    background-color: rgba(255,255,255,.25);
    border-radius: calc(var(--bs-border-radius) * 0.95);
    border: none !important;
}

    .form-wrap.form-builder .stage-wrap.empty::after {
        color: var(--primary-color);
        font-weight: 400;
    }

.set-up-from-scratch .modal-body {
    padding: 0;
}

.form-wrap.form-builder .frmb-control {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    gap: 0.7rem;
}

.form-wrap.form-builder .frmb-control li,
.form-wrap.form-builder .frmb-control li:first-child {
   border-radius: calc(var(--bs-border-radius) * 0.75) !important;
   border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5 );
   box-shadow: none !important;
   color: var(--primary-color);
   padding-left: 3rem !important;
   position: relative;
}

.set-up-from-scratch .form-wrap.form-builder .frmb-control li:hover {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 ) !important;
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 )
}

.form-wrap.form-builder .frmb-control li::before,
.form-wrap.form-builder .frmb-control li .control-icon {
    font-size: 16px;
    position: absolute;
    left: 0.8rem;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0 !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    background-position: center center;
    background-size: cover;
}

.formbuilder-icon-text:before,
.formbuilder-icon-header:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 12.9258H14.5' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 4.92578C11.1569 4.92578 12.5 6.26893 12.5 7.92578V17.9258C12.5 19.5826 11.1569 20.9258 9.5 20.9258' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5 4.92578C13.8431 4.92578 12.5 6.26893 12.5 7.92578V17.9258C12.5 19.5826 13.8431 20.9258 15.5 20.9258' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.formbuilder-icon-textarea:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 5.76562H20.5M4.5 15.0986H20.5' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.4297H20.5M4.5 19.7637H20.5' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.formbuilder-icon-textarea:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 5.76562H20.5M4.5 15.0986H20.5' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.4297H20.5M4.5 19.7637H20.5' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.formbuilder-icon-checkbox-group:before,
.formbuilder-icon-radio-group:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 18.7617H20.5006' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 12.7617H20.5006' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 6.76172H20.5006' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.51132 6.74701V6.81099M4.77058 6.76076C4.77058 6.90478 4.65374 7.02153 4.50972 7.02153C4.36571 7.02153 4.24902 6.90478 4.24902 6.76076C4.24902 6.61675 4.36571 6.5 4.50972 6.5C4.65374 6.5 4.77058 6.61675 4.77058 6.76076Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.51132 12.8759V12.9399M4.77058 12.8897C4.77058 13.0337 4.65374 13.1504 4.50972 13.1504C4.36571 13.1504 4.24902 13.0337 4.24902 12.8897C4.24902 12.7457 4.36571 12.6289 4.50972 12.6289C4.65374 12.6289 4.77058 12.7457 4.77058 12.8897Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.51132 18.747V18.811M4.77058 18.7608C4.77058 18.9048 4.65374 19.0215 4.50972 19.0215C4.36571 19.0215 4.24902 18.9048 4.24902 18.7608C4.24902 18.6167 4.36571 18.5 4.50972 18.5C4.65374 18.5 4.77058 18.6167 4.77058 18.7608Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.form-wrap.form-builder .frmb-control li[data-type="ratingscale"] .control-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8118 10.3828C18.6743 10.3828 21.0006 12.7092 21.0006 15.5813C21.0006 18.4438 18.6743 20.7701 15.8118 20.7701C12.9396 20.7701 10.6133 18.4438 10.6133 15.5813' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.19659 13.6236C11.0668 13.6236 13.3932 11.2973 13.3932 8.42706C13.3932 5.55682 11.0668 3.23047 8.19659 3.23047C5.32635 3.23047 3 5.55682 3 8.42706C3 11.2973 5.32635 13.6236 8.19659 13.6236Z' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75684 6.86307V6.80469M9.69092 6.80469V6.86307' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.74023 9.55469C7.05645 9.99739 7.59255 10.2795 8.1987 10.2795C8.80486 10.2795 9.34096 9.99739 9.65717 9.55469' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3672 14.0086V13.9609M17.3013 14.0052V13.9643' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3506 17.4241C14.6668 16.9814 15.2029 16.6992 15.8091 16.6992C16.4152 16.6992 16.9513 16.9814 17.2675 17.4241' stroke='%23404040' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lms-form-builder .form-wrap.form-builder .frmb-control .input-control[data-type="checkbox-group"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23404040'%3E%3Cpath d='M17.5256 3V9.092' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M15.1172 5.41831L17.5248 3L19.9334 5.41831' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M3.00586 15.5802L6.95496 12.7133C8.41762 11.6506 10.4165 11.7479 11.7711 12.9381L19.465 19.8408' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M21.0002 15.482C20.1613 14.7113 18.8553 13.4832 17.0803 14.4388C16.1636 14.9351 15.3549 15.4528 14.9062 15.7545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M20.9996 10.9576V15.9801C20.9996 18.9249 19.1565 21.0016 16.2126 21.0016H7.77823C4.83344 21.0016 3 18.9249 3 15.9801V8.03324C3 5.08845 4.84317 3.01172 7.77823 3.01172H11.3371' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    width: 1.3rem !important;
    height: 1.3rem !important;
}

.form-wrap.form-builder .frmb .field-actions a::before {
    font-size: 0 !important;
    width: 1.2rem;
    height: 1.2rem;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

a.formbuilder-icon-cancel.del-button::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

a.formbuilder-icon-cancel.del-button:hover::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.form-wrap.form-builder .frmb .field-actions .toggle-form:hover {
    background-color: var(--primary-color) !important;
}

a.formbuilder-icon-pencil::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light/Edit%3C/title%3E%3Cg id='Iconly/Light/Edit' stroke='%23404040' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Edit' transform='translate(3.000000, 3.000000)' stroke='%23404040' stroke-width='1.5' %3E%3Cline x1='10.7473996' y1='17.4429051' x2='18' y2='17.4429051' id='Stroke-1'%3E%3C/line%3E%3Cpath d='M9.7800071,0.794792587 C10.5556498,-0.132213323 11.949987,-0.268144478 12.8962256,0.491732963 C12.9485416,0.532957985 14.6294799,1.83878843 14.6294799,1.83878843 C15.6689776,2.46719147 15.9919725,3.80310504 15.3493946,4.8225887 C15.3152754,4.877184 5.81194644,16.7644749 5.81194644,16.7644749 C5.49577537,17.1588981 5.01583223,17.3917638 4.50290722,17.3973347 L0.863527997,17.4430165 L0.0435303654,13.9723153 C-0.0713375414,13.4843002 0.0435303654,12.9717729 0.359701436,12.5773497 L9.7800071,0.794792587 Z' id='Stroke-3'%3E%3C/path%3E%3Cline x1='8.02082217' y1='3.00088838' x2='13.4730672' y2='7.18801364' id='Stroke-5'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

a.formbuilder-icon-pencil:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light/Edit%3C/title%3E%3Cg id='Iconly/Light/Edit' stroke='%23ffffff' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Edit' transform='translate(3.000000, 3.000000)' stroke='%23ffffff' stroke-width='1.5' %3E%3Cline x1='10.7473996' y1='17.4429051' x2='18' y2='17.4429051' id='Stroke-1'%3E%3C/line%3E%3Cpath d='M9.7800071,0.794792587 C10.5556498,-0.132213323 11.949987,-0.268144478 12.8962256,0.491732963 C12.9485416,0.532957985 14.6294799,1.83878843 14.6294799,1.83878843 C15.6689776,2.46719147 15.9919725,3.80310504 15.3493946,4.8225887 C15.3152754,4.877184 5.81194644,16.7644749 5.81194644,16.7644749 C5.49577537,17.1588981 5.01583223,17.3917638 4.50290722,17.3973347 L0.863527997,17.4430165 L0.0435303654,13.9723153 C-0.0713375414,13.4843002 0.0435303654,12.9717729 0.359701436,12.5773497 L9.7800071,0.794792587 Z' id='Stroke-3'%3E%3C/path%3E%3Cline x1='8.02082217' y1='3.00088838' x2='13.4730672' y2='7.18801364' id='Stroke-5'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.form-wrap.form-builder .frmb .field-actions .copy-button:hover {
    background-color: var(--green-color) !important;
}

a.formbuilder-icon-copy::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5459 3.00195H17.5791C19.6874 3.00195 21.0009 4.49055 21.0009 6.59794V12.2828C21.0009 14.3893 19.6874 15.8779 17.5781 15.8779H11.5459C9.43652 15.8779 8.125 14.3893 8.125 12.2828V6.59794C8.125 4.49055 9.44334 3.00195 11.5459 3.00195Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8759 15.8774V17.4068C15.8759 19.5123 14.5712 20.997 12.457 20.997H6.42864C4.31347 20.997 3 19.5123 3 17.4068V11.721C3 9.61456 4.3232 8.12109 6.42864 8.12109H8.11962' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

a.formbuilder-icon-copy:hover::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5459 3.00195H17.5791C19.6874 3.00195 21.0009 4.49055 21.0009 6.59794V12.2828C21.0009 14.3893 19.6874 15.8779 17.5781 15.8779H11.5459C9.43652 15.8779 8.125 14.3893 8.125 12.2828V6.59794C8.125 4.49055 9.44334 3.00195 11.5459 3.00195Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8759 15.8774V17.4068C15.8759 19.5123 14.5712 20.997 12.457 20.997H6.42864C4.31347 20.997 3 19.5123 3 17.4068V11.721C3 9.61456 4.3232 8.12109 6.42864 8.12109H8.11962' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

a.sort-button-higher {
    transform: rotate(180deg);
}

    a.sort-button-lower::before,
    a.sort-button-higher::before {
        background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIconly/Light/Arrow - Down%3C/title%3E%3Cg id='Iconly/Light/Arrow---Down' stroke='%23404040' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Arrow---Down' transform='translate(5.500000, 4.000000)' stroke='%23404040' stroke-width='1.5' %3E%3Cline x1='6.7743' y1='15.75' x2='6.7743' y2='0.75' id='Stroke-1'%3E%3C/line%3E%3Cpolyline id='Stroke-3' points='12.7987 9.7002 6.7747 15.7502 0.7497 9.7002'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

.form-wrap.form-builder .frmb .field-actions .btn {
    width: 2.5rem !important;
    min-width: initial;
    height: 2rem;
    color: var(--primary-color);
    position: relative;
    transition: none;
}

.set-up-from-scratch .form-wrap.form-builder .hoverDropStyleInverse {
    background-color: var(--grey-bg-1);
    border: 1px dashed var(--input-border-1);
    min-height: 20px;
}

.set-up-from-scratch .form-wrap.form-builder .frmb li.form-field {
    padding: calc(var(--default-gap) * 0.6);
}

    .set-up-from-scratch .form-wrap.form-builder .frmb li.form-field:hover {
        border-color: var(--input-border-1);
        outline: 0;
        box-shadow: inset 0 0px 0px rgba(0,0,0,.1), 0 0 4px rgb(239 239 239 / 85%);
        border-radius: var(--bs-border-radius) !important;
    }

.set-up-from-scratch .form-wrap.form-builder .frmb .field-label,
.set-up-from-scratch .form-wrap.form-builder .frmb .legend {
    font-weight: 600;
    color: var(--primary-color);
    font-size: var(--base-font-size);
    display: inline-block;
    margin-bottom: 0.22rem;
    position: relative;
    line-height: 1.4;
}

.form-wrap.form-builder .frmb li.form-field:hover .field-actions {
    background-color: var(--chat-dark-bg-2);
    z-index: 9;
}

.set-up-from-scratch .form-wrap.form-builder .frmb li.form-field .close-field {
    color: var(--primary-color);
    bottom: 20px;
    background: transparent;
    border-top: none;
    border: none;
    border-right: none;
    font-weight: 500;
    text-decoration: underline;
}

    .set-up-from-scratch .form-wrap.form-builder .frmb li.form-field .close-field:hover {
        text-decoration: underline;
    }

.set-up-from-scratch .form-wrap.form-builder .frmb .prev-holder select,
.set-up-from-scratch .form-wrap.form-builder .frmb .prev-holder input[type=text],
.set-up-from-scratch .form-wrap.form-builder .frmb .prev-holder textarea,
.set-up-from-scratch .form-wrap.form-builder .frmb .prev-holder input[type=number],
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements [contenteditable].form-control,
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements input[type=text],
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements input[type=number],
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements input[type=date],
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements input[type=color],
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements textarea,
.set-up-from-scratch .form-wrap.form-builder .frmb .form-elements select {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    box-shadow: none;
    padding: 0.375rem 0.75rem;
    height: calc(1.5em + 0.75rem + 0.825em);
    border-radius: var(--bs-border-radius);
    color: var(--primary-color);
}

.set-up-from-scratch .p-btn-small {
    padding: 0.48rem 0.95rem;
    min-width: 7em;
    min-height: initial;
}

.form-wrap.form-builder .frmb .form-elements {
    padding: var(--box-padding) !important;
    background: var(--bg-default) !important;
    border-radius: var(--bs-border-radius) !important;
    margin: 0 !important;
    border: 1px solid var(--primary-border-color) !important;
    margin-top: 0.9rem !important;
}

.frm-holder {
    margin-top: 0.8rem;
}

.enableScoring span.custom-control-label {
    color: var(--primary-color);
}

.enableScoring .p-custom-checkbox:not(:last-child) {
    margin-bottom: 0.35rem;
}

.scale-opt-num.p-p-radio-group {
    gap: 2.45rem;
}

.set-up-from-scratch .rating-table .emoji-cell label {
    font-size: calc(var(--base-font-size-h1) * 1.7);
    margin-bottom: 0;
    cursor: pointer;
}

.set-up-from-scratch .rating-table.rating-number .emoji-cell label {
    font-size: calc(var(--base-font-size-h1) * 1.3);
}

.set-up-from-scratch .rating-table.rating-star .emoji-cell label {
    font-size: calc(var(--base-font-size-h1) * 1);
}

.form-builder-wp .form-wrap.form-builder .stage-wrap {
    overflow-y: auto;
    max-height: calc(100vh - 10rem);
}

.p-fbw {
    display: flex;
    height: 100%;
}

.p-fb-sb {
    display: flex;
    min-height: 100%;
    flex-grow: 3;
    transition: all 0.3s;
}

    .p-fb-sb.isClosed {
        flex-grow: 0;
    }

    .p-fb-sb ul.nav {
        display: flex;
        flex-direction: column;
        width: 100%;
        opacity: 1;
    }

        .p-fb-sb ul.nav.isClosed {
            display: none;
        }

.p-fbc {
    display: flex;
    min-height: 100%;
    flex-grow: 3;
    transition: all 0.3s;
    border-left: 1px solid var(--sec-light-color7);
    margin-top: -1px;
    z-index: 99;
    position: relative;
    background-color: var(--chat-dark-bg-2);
}

a.js-p-fbsb-close-btn {
    display: none;
}

.set-up-from-scratch .form-wrap.form-builder .frmb .sortable-options {
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.5);
}

.form-wrap.form-builder .frmb .field-actions .btn {
    border: none;
}

.form-wrap.form-builder .frmb .sortable-options > li {
    background-color: var(--chat-dark-bg-2) !important;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 0.7rem calc(var(--box-padding) * 0.75) !important;
}

.set-up-from-scratch .form-wrap.form-builder.formbuilder-embedded-bootstrap button,
.set-up-from-scratch .form-wrap.form-builder.formbuilder-embedded-bootstrap input,
.set-up-from-scratch .form-wrap.form-builder.formbuilder-embedded-bootstrap select,
.set-up-from-scratch .form-wrap.form-builder.formbuilder-embedded-bootstrap textarea {
    font-size: var(--base-font-size);
    flex-shrink: 0;
}

.form-wrap.form-builder .frmb .sortable-options input[type="checkbox"] {
    width: 1.05rem;
}

.set-up-from-scratch .form-wrap.form-builder .frmb .sortable-options > li .remove {
    float: right;
    right: initial;
    height: 18px;
    width: 18px;
    top: initial;
    font-size: 0;
    background-color: #c10000;
    border-radius: 50%;
    color: #fff;
    padding: 0.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    display: block;
}

.form-wrap.form-builder .frmb .radio-group-field .sortable-options li:nth-child(2) .remove,
.form-wrap.form-builder .frmb .radio-group-field .sortable-options li:nth-child(1) .remove {
    display: block !important;
    visibility: hidden;
    opacity: 0;
}

.form-wrap.form-builder .frmb .checkbox-group-field .sortable-options li:nth-child(2) .remove,
.form-wrap.form-builder .frmb .checkbox-group-field .sortable-options li:nth-child(1) .remove {
    display: block !important;
    visibility: hidden;
    opacity: 0;
}

.set-up-from-scratch .form-wrap.form-builder .frmb .sortable-options > li .remove::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    font-size: 0 !important;
    width: 0.85rem;
    height: 0.85rem;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.set-up-from-scratch .form-wrap.form-builder .frmb .sortable-options > li:nth-child(1) .remove {
    display: block;
    visibility: hidden;
    opacity: 0;
}

.set-up-from-scratch .form-wrap.form-builder .frmb .option-actions {
    margin-top: 1rem;
}

    .set-up-from-scratch .form-wrap.form-builder .frmb .option-actions button,
    .set-up-from-scratch .form-wrap.form-builder .frmb .option-actions a {
        /*padding: 0.48rem 0.95rem;
    min-width: var(--p-btn-min-width2);
    font-size: var(--base-font-size);
    border-radius: var(--border-radius-default);
    background-color: var(--p-btn-bg);
    color: var(--p-btn-txt);
    min-height: var(--p-btn-min-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--p-btn-bg);*/
        background: transparent;
        border: none;
        color: var(--primary-color);
        font-weight: 500;
        cursor: pointer;
        text-decoration: underline;
    }

.set-up-from-scratch .form-wrap.form-builder .frmb .sortable-options > li input[type="text"] {
    flex: 1;
}

.set-up-from-scratch .fb-edit-action-btn {
    /*position: absolute;*/
    top: 0.65rem;
    right: 0.8rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: flex-end;
}

/*.set-up-from-scratch .form-wrap.form-builder .frmb .field-actions {
    position: absolute;
    top: 0.8rem;
    right: 13rem;
    opacity: 0;
}*/

.form-wrap.form-builder .frmb .field-actions .del-button:hover {
    background-color: #c66865 !important;
    color: #fff;
}

@media only screen and (max-device-width: 736px) and (orientation: portrait) {
    .p-fb-sb {
        flex-grow: 0;
    }

        .p-fb-sb.isClosed {
            width: 360px;
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            z-index: 999;
            background-color: #fff;
        }
}

.p-fb-actions-btns .p-btn-small {
}


.p-qestion-mw {
    width: 100%;
    position: relative;
    transition: height 0.3s ease;
    min-height: calc(100% - 3.5rem);
    padding: var(--box-padding);
    background-color: var(--light-new-blue);
    border-radius: var(--bs-border-radius);
}

.p-question-item {
    width: 100%;
    height: 100%;
    display: none;
}

    .p-question-item.active {
        display: block;
    }

.pso-step .simplebar-content {
    height: 100%;
    padding-left: 0.2rem !important;
}

.p-rev-qa-mw {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.p-qes-cta {
    /*position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;*/
    display: flex;
    align-items: center;
    gap: 1.2rem;
    justify-content: flex-end;
}

    .p-qes-cta button {
        background-color: transparent;
        border: none;
        border-radius: 50%;
        fill: var(--secondary-color);
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .p-qes-cta button > * {
            flex: 1;
        }

        .p-qes-cta button svg {
            --np-btn-wh: 2.4rem;
            width: var(--np-btn-wh);
            height: var(--np-btn-wh);
            display: inline-block;
        }

.rev-gt-icon svg {
    --rev-gt-icon: 1.35rem;
    width: var(--rev-gt-icon);
    height: var(--rev-gt-icon);
    display: inline-block;
    stroke: var(--primary-color);
    cursor: pointer;
}

.rev-gt-icon svg:hover {
    fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    stroke:hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-rv-gm-list {
    flex: 1;
    justify-content: flex-end;
}

    .p-rv-gm-list .p-progress-def {
        max-width: 17em;
    }

.goals-grid-table {
    display: grid;
    grid-template-columns: 200px auto auto;
    align-items: center;
    gap: 1.9rem;
}

.rating-table {
    --bor-def-rt: var(--input-border-1);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.rating-table .emoji-row, .rating-table .label-row {
     display: flex;
}

.rating-table .emoji-cell, .rating-table .label-cell {
     flex: 1;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     padding: 0.45rem;
     color: var(--primary-color);
}

.rating-table .emoji-row {
     border-radius: var(--bs-border-radius);
     overflow: hidden;
     border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
}

.rating-table .emoji-cell {
    border-left: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
    padding: 0.3rem;
    font-size: calc(var(--base-font-size-h1) * 1.7);
    background-color: var(--chat-dark-bg-2);
    cursor: pointer;
    min-height: 3.8rem;
 }

.rating-star .emoji-cell {
    font-size: calc(var(--base-font-size-h1) * 1.05);
}

.p-rev-all-quest .rating-table .label-cell {
    color: var(--on-primary-color);
}

.emoji-cell:hover,
.emoji-cell.es-active {
    background-color: var(--theme-border-3);
}

.p-rev-all-quest .label-cell.es-active {
    font-weight: 600;
    color: var(--primary-color);
}

.rating-table .emoji-cell:first-of-type {
    border-left: 0;
}

.rating-number .emoji-cell {
    font-size: 1.625rem;
}

.p-rev-ans {
    margin-top: 0.4rem;
}

.p-rev-aqa-list .p-rev-aqa-list-item:not(:last-child) {
    margin-bottom: 1.8rem;
}

svg.p-rev-close {
    stroke: var(--on-primary-color);
    fill: none;
    --rev-gt-icon: 1.4rem;
    position: relative;
    top: 0.2em;
}

.label-row .es-active {
    font-weight: 600;
}

#confetti-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.view-scr-row {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 3.5rem;
}

.p-rev-aqa-list-item h6, .p-revq-item h5 {
    font-size: var(--base-font-size-xl);
}

.p-revq-list {
    width: 100%;
    position: relative;
    padding: var(--box-padding);
    background-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
}

.pso-grid-wrapper .p-revq-list {
    padding: 0;
    background-color: transparent;
}

    .pso-grid-wrapper .p-revq-list .p-revq-item {
        padding: calc(var(--box-padding) * 0.75);
        background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.04);
        border-radius: var(--bs-border-radius);
    }

.p-revq-list .p-revq-item:not(:last-child) {
    margin-bottom: 1.25rem;
}

.p-rev-score-iw {
    margin-top: 1rem;
}

.p-rev-cb {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 800;
}

    .p-rev-cb svg {
        width: 1.4rem;
        height: 1.4rem;
        display: inline-block;
    }

.p-def-circ-guage {
    position: relative;
    width: 16em;
    height: 16em;
    margin: 0 auto;
}

.p-def-gr-vs {
    height: 17.5em;
}

.p-rev-cb {
    position: absolute;
    right: 0;
    top: 0rem;
}

.inside-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--base-font-size-h1-lg);
    font-weight: 700;
    color: var(--primary-color);
}

/*css for form builder ends here*/

.p-chat-def .sup-chat-icon {
    fill: var(--on-primary-color);
}

.p-chat-def svg.supervision-chat-icon {
    width: 1rem;
    height: 1rem;
}

.p-chat-def .msger-new {
    display: flex;
    height: 100%;
    flex-grow: 1;
    flex-flow: column;
    min-width: 0;
    width: 100%;
    z-index: 1;
    position: relative;
}

.p-chat-def .msger-header-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem var(--chat-def-padding);
    z-index: 1;
    position: relative;
    background-color: var(--chat-dark-bg-2);
}

    .p-chat-def .msger-header-new::after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 1px;
        width: calc(100% - 2.9rem);
        background-color: var(--primary-border-color);
        left: 50%;
        transform: translateX(-50%);
    }

.p-chat-def .msger-header-title {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-gap: 10px;
}

    .p-chat-def .msger-header-title h5 {
        margin-bottom: 0;
        font-weight: 600;
        letter-spacing: 1px;
        margin-top: 0;
        padding: 0px 0;
        align-items: center;
        justify-content: center;
        display: flex;
        cursor: pointer;
    }

.emmaTitle .chat-user-image, .emmaTitle .chat-user-image img,
.p-chat-def .chat-user-image, .p-chat-def .chat-user-image img {
    --chat-prof-icon-width: 42px;
    height: var(--chat-prof-icon-width);
    min-height: var(--chat-prof-icon-width);
    width: var(--chat-prof-icon-width);
    min-width: var(--chat-prof-icon-width);
    border-radius: 50%;
    margin-right: 1rem;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    object-fit: cover;
}

    .p-chat-def .sender-image-new > img, .p-chat-def .chat-user-image img, .p-chat-def .msg-side-nav-body .userProfileDiv img {
        background-color: var(--profile-img-border-color) !important;
        border: 0 solid var(--profile-img-border-color);
        object-fit: cover;
    }

.p-chat-def .chatWrapperName {
    margin-bottom: 0;
    line-height: 16px;
}

.p-chat-def .sender-name-left, .p-chat-def .head-chatbot-txt {
    display: flex;
    gap: 0.3rem;
}

.p-chat-def .head-chatbot-txt {
    font-size: 17px;
    color: var(--primary-color);
    font-weight: 700;
    cursor: pointer;
    letter-spacing: normal;
}

.p-chat-def .chatWrapperName small {
    display: block;
    font-size: 12px;
    margin-top: 0.1rem;
    font-weight: 400;
    color: var(--on-primary-color);
    cursor: pointer;
    letter-spacing: normal;
}

.p-chat-def .main-message-wrapper {
    height: 100%;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
}

.hc-msg-modified .main-message-wrapper {
    background-color: var(--chat-dark-bg-2);
}

.p-chat-def .webchatMain {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: White !important;
    font-size: large !important;
    overflow-y: auto;
    font-weight: bold !important;
    padding: 6px 4px;
    overflow: auto;
    overflow-x: hidden;
}

.p-chat-def main.msger-chat {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
    overflow-y: auto;
    padding: var(--chat-def-padding);
    min-height: 100%;
}

.p-chat-def .line-heading.line-heading-chat {
    color: var(--on-primary-color);
    border: 1px solid var(--chat-bg-color);
    background-color: var(--sec-light-color8);
    font-weight: 400;
    font-size: calc(var(--base-font-size-xxs) * 0.8);
    overflow: hidden;
    text-align: center;
    letter-spacing: 0.1px;
    max-width: 34rem;
    margin: 1.8rem auto;
    padding: 0.3rem 0.7rem;
    border-radius: var(--bs-border-radius);
}

html[color-mode="dark"] .p-chat-def .line-heading.line-heading-chat {
    background-color: #0c1115;
}

.p-chat-def .line-heading:after, .p-chat-def .line-heading:before {
    background-color: var(--chat-inbox-border-color);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    display: none;
}

.p-chat-def .line-heading:before {
    right: 10px;
    margin-left: -50%;
}

.p-chat-def .line-heading:after {
    left: 10px;
    margin-right: -50%;
}

.p-chat-def article.article-load-msg:not(:last-child) {
    margin-bottom: 1.9rem;
}

.p-chat-def .article-load-msg-right {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
}

.p-chat-def .webchat-load-msg-main-wrapper {
    max-width: 30em;
    transition-duration: 0s;
    transition-property: max-width;
}

.p-chat-def .webchat-load-msg-wrapper,
.p-chat-def .msg-bubble {
    background: var(--chat-left-bubble);
    border: none !important;
    color: var(--primary-color);
    min-height: 2.3rem;
    margin-left: 0px;
    margin-right: 0px;
    transition-duration: 0s;
    transition-property: margin-left, margin-right;
    word-break: break-word;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 0.6rem 0.75rem;
    position: relative;
    display: inline-block;
    border-radius: var(--bs-border-radius) var(--bs-border-radius) var(--bs-border-radius) 0;
    align-self: flex-end;
    min-width: 11.8em;
}

.p-chat-def .article-load-msg-right .webchat-load-msg-wrapper,
.p-chat-def .right-msg .msg-bubble {
    background: var(--theme-secondary-color);
    color: var(--primary-color) !important;
}

.p-chat-def .webchat-load-msg-wrapper-right.webchat-load-msg-wrapper,
.p-chat-def .right-msg .msg-bubble {
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 var(--bs-border-radius);
}

.p-chat-def .webchat-load-msg-main-wrapper {
    display: flex;
    position: relative;
    z-index: 1400;
    gap: 0.5rem;
}

.p-chat-def .msger-header-title {
    flex: 1;
}

.p-chat-def .chat-profile-img-wrapper {
    flex: 0 0 auto;
    min-width: 2.2rem;
    min-height: 2.2rem;
    align-self: flex-end;
    z-index: 99;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.chat-profile-img-wrapper span {
    font-size: calc(var(--base-font-size-xxs) * 0.8);
    display: inline-block;
    margin-top: 0.35rem;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.1;
    color: var(--primary-color);
    font-weight: 600;
}

.p-chat-def .article-load-msg-right .chat-profile-img-wrapper {
    order: 2;
}

.p-chat-def .chat-time-txt {
    font-size: 0.75rem;
    line-height: 1.2;
    align-self: flex-end;
    margin-bottom: 0.25rem;
}

.p-chat-def img.chat-profile-img {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 1px 2px rgb(0 0 0 / 6%) !important;
    border: 1px solid var(--primary-border-color);
}


.p-chat-def .webchat__bubble__content::after, .p-chat-def .webchat-load-msg-wrapper-left::after, .p-chat-def .chat-left-loader .msg-bubble.placeload::after {
    background-color: #f5f6fa;
    border-bottom-right-radius: 0.53rem;
    left: 20px;
    transform: translate(-30px, -2px);
    width: 10px;
}

.p-chat-def .webchat__bubble--from-user::before, .p-chat-def .webchat-load-msg-wrapper-right::before, .p-chat-def .chat-right-loader .msg-bubble.placeload::before {
    border-bottom-left-radius: 1rem 1.1rem;
    border-right: 1.2rem solid var(--primary-dark-color);
    right: -0.3rem;
    transform: translate(0, -0.1rem);
}

.p-chat-def .webchat__bubble--from-user::after, .p-chat-def .webchat-load-msg-wrapper-right::after, .p-chat-def .chat-right-loader .msg-bubble.placeload::after {
    background-color: #f5f6fa;
    border-bottom-left-radius: 0.53rem;
    right: -40px;
    transform: translate(-30px, -2px);
    width: 10px;
}

.p-chat-def .webchat-load-msg-wrapper .chatbot-bubble, .p-chat-def .webchat-load-msg-wrapper p {
    font-size: var(--base-font-size);
    margin-bottom: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    color: var(--primary-color);
    z-index: 9;
    position: relative;
    line-height: 1.4;
    font-weight: 400;
}

.p-chat-def span.webchat-load-msg-time {
    color: var(--on-primary-color);
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: calc(var(--base-font-size-xxs) * 0.8);
    float: right;
    position: initial !important;
    margin: 10px -8px -3px 31px;
    margin: 10px 5px -3px 30px;
    display: inline-block;
}

.p-chat-def .user-rec-name {
    display: block;
    font-weight: 600;
    font-size: 0.785rem;
    margin-bottom: 0.3rem;
    color: var(--bs-blue);
}

.p-chat-def .emma-supervision .modal-content {
    overflow: hidden;
}

.p-chat-def .chatbot-bubble a {
    text-decoration: underline;
    color: #007bff;
}

.p-chat-def .placeload {
    background: var(--bg-default);
    pointer-events: none;
    margin: 10% 0 10%;
    position: relative;
    min-height: 320px;
    border-radius: var(--bs-border-radius) var(--bs-border-radius) var(--bs-border-radius) 0;
}

/*.p-chat-def .loads {
    background: linear-gradient(to right, #ecf3fc 8%, #dce4ed 18%, #ecf3fc 33%);
    -webkit-background-size: 800px 104px;
    background-size: 1200px 104px;
    position: relative;
}
*/

.p-chat-def .chat-loader-inner .right-msg .msg-bubble {
    background: #e5e7ec;
}

@-webkit-keyframes placeload {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes placeload {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.p-chat-def .chat-loader {
    margin-top: 0.7rem;
}

.p-chat-def .chatbot-end-chat-bubble-wrapper .webchat-load-msg-wrapper {
    padding: 0.25rem 0.9rem;
    background-color: #F9E791;
    box-shadow: 1px 1px 2px rgb(40 44 73 / 10%);
    margin: 1.2rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.25rem !important;
    border-radius: var(--bs-border-radius-lg);
}

.p-chat-def .chatbot-end-chat-bubble {
    gap: 0.35rem;
    z-index: 9999;
    position: relative;
    padding: 0.2rem 0rem;
    align-items: center;
}

    .p-chat-def .chatbot-end-chat-bubble .end-chat {
        color: #303030;
        font-size: 1.2rem;
        transition: all .5s;
    }

.p-chat-def .chatbot-end-chat {
    color: #303030 !important;
    text-decoration: none;
    font-weight: 500 !important;
}

.p-chat-def .chat-loader-inner {
    margin-bottom: 8px;
}

.p-chat-def .chat-right-loader, .p-chat-def .chat-left-loader {
    flex-direction: column !important;
}

.p-chat-def .chat-left-loader {
    align-items: flex-start !important;
}

    .p-chat-def .chat-left-loader .msg-bubble {
        align-self: flex-start;
    }

.p-chat-def .chat-loader .msg-bubble.placeload {
    margin: 0;
    min-height: inherit;
    display: initial;
    width: initial;
    border: none;
    box-shadow: none;
    max-width: 78%;
}

/*.p-chat-def .main-msg-box {
    background-color: var(--chat-dark-bg-2);
}*/

.chatbot-user-request-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0rem 1.3rem 0 1.3rem;
    height: calc(100vh - var(--nav-min-height) - 6em);
}

.chatbot-user-request-list-item,
.inbox-table-row {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    padding: 0.8rem 0.8rem;
    cursor: pointer;
    position: relative;
    background-color: var(--chat-dark-bg-2);
    border-bottom: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    border-left: var(--left-active-bw) solid transparent;
}

.chatbot-user-request-list-item-text {
    font-size: var(--base-font-size-lg);
    color: var(--on-primary-color);
    position: relative;
}

.chatbot-user-request-list-item em.ni-chat-circle {
    font-size: 1.22rem;
    position: relative;
    top: 0.15rem;
    align-self: flex-start;
}

.plm-text-ellip {
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

.chatbot-user-request-list .chatbot-user-request-list-item:hover {
    background-color: var(--sec-light-color7);
    /*border-left: var(--left-active-bw) solid var(--secondary-color) !important;*/
}

.chatbot-user-request-list .chatbot-user-request-list-item:hover, .chatbot-user-request-list-active,
.inbox-table-row-selected {
    border-radius: calc(var(--bs-border-radius) * 0.75);
}

    .chatbot-user-request-list-active,
    .chatbot-user-request-list-active:hover,
    .inbox-table-row-selected,
    .inbox-table-row:hover {
        background-color: var(--ot-bg-color);
        /*border-left: var(--left-active-bw) solid var(--secondary-color) !important;*/
    }

.p-chat-def .chat-loader .loads {
    width: 100%;
    height: 8px;
}

    .p-chat-def .chat-loader .loads:not(:last-child) {
        margin-bottom: 8px;
    }

.p-chat-def .chat-right-loader .placeload:nth-child(1), .p-chat-def .chat-left-loader .placeload:nth-child(1) {
    width: 25%;
}

.p-chat-def .chat-right-loader .loads:nth-child(1), .p-chat-def .chat-left-loader .loads:nth-child(1) {
    max-width: 35%;
}

.p-chat-def .chat-loader .msg-bubble:not(:last-child) {
    margin-bottom: 10px;
}

.p-chat-def .chat-right-loader .placeload:nth-child(2),
.p-chat-def .chat-left-loader .placeload:nth-child(2) {
    width: 45%;
}

.p-chat-def .sup-chat-icon {
    fill: var(--bs-link-color);
    cursor: pointer;
}

.p-chat-def .p-chat-area textarea {
    resize: none;
    padding: 0.62rem 0.55rem 0.35rem;
    min-height: 2.5rem !important;
    line-height: 1.4;
}

.p-chat-def .va-input-area,
.p-chat-def .msger-inputarea .p-chat-area {
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 91%) );
    border-top: 1px solid rgb(231 234 243 / 95%);
}

.p-tl-chat-ia-w {
    padding: 0 var(--chat-def-padding);
}

    .p-tl-chat-ia-w .p-chat-area {
        padding: calc(var(--box-padding) * 0.5) 0 !important;
    }

.p-tl-imsg {
    margin-bottom: 0.15rem;
    margin-left: 0.55rem;
}

    .p-tl-imsg small {
        font-size: calc(var(--base-font-size-xxs) * 0.95)
    }

.p-tl-case-info .ph-3 {
    text-align: center;
}

.input-emoji {
    position: relative;
}

.p-chat-area .btn-sendchat,
.btn-trnp {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    margin-bottom: 0;
    position: absolute;
    bottom: 0.5rem;
    right: 0.8rem;
}

.p-chat-area .btn-sendchat .p-icon {
    fill: var(--theme-primary-color);
    stroke: none;
}

.p-tl-msg-box {
    background-color: var(--bg-default);
    border: 1px solid var(--sec-light-color7);
    padding: 1.5rem;
    border-bottom: 0;
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}

.p-tl-case-info,
.p-tl-trust-msg {
    max-width: 100%;
    width: 100%;
    position: relative;
    margin-top: 1.1rem;
}

.p-tl-cs-grid {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    text-align: center;
    justify-content: space-between;
}

.p-tl-cs-grid-itmes label span {
    font-weight: 400;
}

.p-tl-cs-grid-itmes label {
    color: var(--primary-color);
    font-weight: 600;
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.p-tl-cs-grid-itmes span.p-generic-tag {
    background-color: #E4ECF5;
    font-size: var(--base-font-size);
    color: #4EA5FF;
    padding: 0.3rem 0.7rem;
    margin-left: 0.2rem;
}

.p-tl-trust-msg {
    background-color: var(--salmon-new-color2);
    border: 1px solid var(--salmon-new-color);
    color: var(--primary-color);
}

    .p-tl-trust-msg p {
        text-align: left;
    }

    .p-tl-trust-msg h6 {
        text-align: center;
    }

.p-tl-mb-time {
    position: absolute;
    right: 0.5rem;
    bottom: 0.25rem;
    font-size: calc(var(--base-font-size-xxs) * 0.92);
}

.p-fp-content .main-msg-box {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 8rem;
}

.p-fp-content .p-chat-area {
    min-height: initial;
}

.p-fp-content.p-chat-def .p-chat-area textarea,
.p-chat-ta .p-chat-area textarea {
    padding-right: 3rem;
}

.p-tl-chat-ia {
    flex: 1;
}

    .p-tl-chat-ia .input-emoji .emojionearea .emojionearea-picker {
        z-index: 1600;
        box-shadow: var(--default-shadow);
    }

.p-tl-lacts .p-icon {
    stroke: var(--primary-color);
}

.p-tl-lacts {
    align-self: flex-end;
    margin-bottom: 0.45rem;
}

.p-tl-chat-ia .emojionearea .emojionearea-editor {
    display: block;
    height: auto;
    max-height: 150px;
    min-height: 2.75rem;
    border-radius: var(--bs-border-radius);
    overflow: auto;
    padding: 0.586rem 0.8rem;
    line-height: 1.5;
    font-size: inherit;
    color: var(--primary-color);
    background-color: transparent;
    cursor: text;
    box-shadow: none;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    box-shadow: none;
    padding-right: 5.4rem;
}

.p-tl-chat-ia .emojionearea, .p-tl-chat-ia .emojionearea.form-control {
    display: block;
    position: relative !important;
    width: 100%;
    height: auto;
    padding: 0;
    font-size: var(--base-font-size);
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    box-shadow: none;
    overflow: visible;
}

    .p-tl-chat-ia .emojionearea.focused {
        border-color: var(--input-border-1);
        box-shadow: none;
    }

.p-tl-chat-ia .input-emoji .emojionearea .emojionearea-button .emojionearea-button-open {
    width: 100% !important;
    height: 100% !important;
}

.p-tl-chat-ia .emojionearea .emojionearea-button {
    top: initial;
    bottom: -0.25rem;
    right: 3.4rem;
    width: 1.95em;
    height: 1.95em;
}

.main-message-wrapper .simplebar-content {
    height: 100%;
}

@media(max-width: 1700px) {
    .p-chat-def .webchat-load-msg-main-wrapper {
        max-width: 26em;
    }
}

@media(max-width: 1024px) {
    .inbox-content-section .p-chat-def .msger-new {
        top: var(--nav-min-height);
        height: calc(100vh - var(--nav-min-height));
    }

    .sidenav-view-profile {
        height: calc(100% - var(--nav-min-height));
        top: var(--nav-min-height);
    }
}


@media(max-width: 991px) {
    .p-tl-chat-ia-w,
    .p-chat-def main.msger-chat,
    .p-chat-def .msger-header-new {
        padding: calc(var(--chat-def-padding) * 0.5);
    }

        .p-tl-chat-ia-w .p-chat-area {
            padding: 0 !important;
            min-height: initial;
        }

    .mt-skip-btn {
        padding: 0 0.4rem;
    }

    .p-mt-chat-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 1;
        align-self: center;
        padding-bottom: 0rem;
        min-height: 2.55rem;
    }

    .p-fp-content .main-msg-box {
        padding: 0 0rem;
        padding-top: 4rem;
    }
}


/*ends here*/

.brand-logo-tl {
    position: absolute;
    top: 1.1rem;
    left: 1.1rem;
}

.brand-logo {
    width: 2.9875rem;
    height: 2.9875rem;
    display: inline-block;
    border-radius: 0.5rem;
    overflow: hidden;
}

.brand-logo {
    background: var(--indigo-color);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    fill: #fff;
    padding: 0.65rem;
}

.p-mh-wh .modal-header {
    position: absolute;
    right: 0;
    z-index: 99;
}

.p-modal.p-mh-wh .modal-body {
    padding-top: 3.2rem;
}


.p-gp-cen .grid-profile-wrapper {
    justify-content: center;
}

.p-gp-cen .circle-tag {
    text-align: left;
}

.reminder-list .p-listype-bg:not(:last-child) {
    margin-bottom: 0.8rem;
}

.form-control.input-num-mw {
    max-width: 5rem;
}

.reminder-list h6 {
    font-size: var(--base-font-size-lg);
}

.reminder-list button.p-dd-wp-btn {
    width: 1.8rem;
    height: 1.8rem;
}

.p-files-wrapper {
    width: 3rem;
}

    .p-files-wrapper img {
        max-width: 100%;
        height: auto;
    }

    .p-files-wrapper svg {
        width: 3rem;
        height: 3rem;
    }

.pos-abs-right-icon {
    position: absolute;
    top: 0;
    right: 0;
}

.download-icon-case-no {
    position: absolute;
    top: 0.85rem;
    right: 1.45rem;
    stroke: var(--primary-color);
    cursor: pointer;
}

.label-case-not-dt label {
    color: var(--primary-color);
    display: flex;
    gap: 0.45rem;
}

    .label-case-not-dt label span {
        font-weight: normal;
    }

.p-cn-mb {
    display: flex;
    flex-direction: column;
}

.cn-tab-mw {
    flex: 1;
}

    .cn-tab-mw .tab-content {
        height: 32em;
    }

        .p-modal-chat,
        .p-modal-chat .p-chat-def,
        .cn-tab-mw .tab-content .tab-pane {
            height: 100%;
        }

            .p-modal-chat .p-tl-chat-ia-w {
                background-color: var(--bg-default);
            }

            .p-modal-chat .p-chat-def .msger-new {
                border-radius: var(--bs-border-radius);
                overflow: hidden;
            }

            .p-modal-chat .p-chat-def main.msger-chat {
                padding: calc(var(--chat-def-padding) * 0.5);
            }

/*.main-message-wrapper::before {
    content: '';
    display: inline-block;
    position: sticky;
    width: 100%;
    height: 1rem;
    background: linear-gradient(180deg, var(--bg-default) 65%, transparent);
    left: 0;
    top: 0;
    z-index: 1600;
}*/
.p-cn-mb textarea.form-control {
    min-height: calc(7rem + 0.75rem + calc(var(--bs-border-width) * 2));
}

.p-tl-cn-notes {
}

.p-cc-res textarea.form-control {
    min-height: calc(8rem + 0.75rem + calc(var(--bs-border-width) * 2));
}

/*.case-number .p-fp-content.p-chat-def .main-message-wrapper {
    max-height: calc(100vh - 13.5rem); 
}
*/

.p-tt-case-conver .p-fp-content.p-chat-def .main-message-wrapper {
    border-bottom: 1px solid var(--primary-border-color);
}

.p-tl-chat-ia-w {
    position: sticky;
    bottom: 0;
    z-index: 9999;
}
/*css for trustline ends here*/
.cardCoursesRow {
    display: flex;
    flex-wrap: wrap;
}

.cardCoursesRow .cardCourses {
   align-items: stretch;
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}

.cardCoursesRow .cardCourses .row {
    width: 100%;
}

.cardCoursesRow .cardCourses .icon {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
}

.cardCoursesRow .cardCourses .icon em {
    font-size: 32px;
    background: #d3f8ff;
    padding: 8px;
    border-radius: 50%;
    border: 1px solid #52d3eb;
    color: #52d3eb;
}

.cardCoursesRow .cardCourses .icon h4 span {
     font-size: 26px;
     display: block;
}

.cardCoursesRow .cardCourses .icon h4 {
     text-align: left;
}

/*ROI Page*/
.roi-up-con-tl {
    display: grid;
    line-height: 1;
    gap: 0.5rem;
    justify-content: center;
    text-align: center;
}

.roi-up-con-tl label, .ins-label-primary {
   font-size: calc(var(--base-font-size-h1) * 1.75);
   color: var(--theme-primary-color);
   font-weight: 700;
   line-height: 1;
 }

.roi-hr-eng-cat-gr {
    flex: 1;
}

.roi-up-con small {
    color: var(--on-primary-color);
}

.overall-estimated-savings, .overall-time-savings {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}

.p-ins-txt {
    margin-bottom: 0;
    color: var(--on-secondary-color);
    line-height: 1.4;
    font-size: calc(var(--base-font-size-xxs) * 0.9);
    font-style: italic;
    font-weight: 300;
}

.p-ins-txt sub {
    vertical-align: super;
    font-size: var(--base-font-size);
    margin-right: 0.15rem;
    position: relative;
    top: 4px;
}

.roi-gl-up {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: var(--box-padding);
    margin-top: 1rem;
}

.hr-engagement-category {
    grid-column: span 4;
}

svg.p-ins-icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: var(--primary-color);
}

.roi-hr-eng-cat-mw {
    display: grid;
    grid-template-columns: 26em 1fr;
    align-items: flex-start;
    gap: 2.3rem;
}

.p-ins-category {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    word-break: break-word;
}

.hr-engagement-category .p-ins-category {
    grid-template-columns: repeat(2, auto);
}

.p-ins-category-items {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.p-ins-wb-used-sess svg {
    --p-ins-wb-su: 17em;
    width: var(--p-ins-wb-su);
    height: var(--p-ins-wb-su);
}

@media(min-width: 1900px) {
    .p-ins-wb-used-sess svg {
        --p-ins-wb-su: 20em;
    }
}


.p-ins-wb-mw {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-ins-cat-icon-data p {
    margin-bottom: 0;
    color: var(--primary-color);
    line-height: 1.2;
}

.p-ins-cat-icon-data span {
    font-size: var(--base-font-size);
    font-weight: 600;
    color: var(--secondary-color);
}

.p-ins-cat-icon {
    width: 3rem;
    height: 3rem !important;
    background-color: var(--theme-secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bs-border-radius) !important;
    flex-shrink: 0;
}

    .p-ins-cat-icon span {
        font-size: 1.18rem;
        color: var(--theme-primary-color);
        font-weight: 600;
    }

.hr-engagement-category .p-ins-cat-icon {
    width: 3.45rem;
    height: 3.45rem !important;
}

    .hr-engagement-category .p-ins-cat-icon span {
        font-size: 0.82rem;
        color: var(--secondary-color);
        font-weight: 700;
    }

.p-ins-cat-icon > * {
    flex: 0 0 auto;
}


.ins-con-ru-b1, .ins-con-ru-b1-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
}

.p-list-gp-rd {
    text-align: left;
    padding-left: 0.95rem;
}

    .p-list-gp-rd.list-group-numbered {
        list-style-type: none;
        padding: 0;
    }

    .p-list-gp-rd li:not(:last-child) {
        margin-bottom: 0.7rem;
    }

.ins-con-ru-b2 h4.ph4 {
    font-size: var(--base-font-size);
    top: 0;
    margin-top: -0.2rem;
}

.p-list-gp-rd p {
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    justify-content: space-between;
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.p-list-gp-rd span.badge {
    margin-top: 0;
    background-color: var(--theme-secondary-color);
    color: var(--theme-primary-color);
    font-weight: 500;
    padding-top: 0.4em;
    min-width: 2.2em;
    display: inline-block;
    font-size: calc(var(--base-font-size-xxs)* 0.92);
}

.ins-pople-gg {
    display: grid;
    grid-template-columns: 22em repeat(2, 1fr);
    gap: var(--p-row-grid-gap);
}

.ins-poeple-gi,
.ins-con-gr {
    position: relative;
    min-height: 220px;
}

.ins-overvew-grid .ba-box-shadows {
    position: relative;
}

.ins-overvew-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--box-padding);
    grid-template-areas:
        "ga-tu ga-tu ga-tu ga-tru ga-tru ga-tru ga-ug ga-ug ga-ug ga-ug ga-ug ga-ug"
        "ga-ubd ga-ubd ga-ubd ga-ubd ga-ubd ga-ubd ga-acm ga-acm ga-acm ga-acm ga-acm ga-acm"
        "ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc ga-loc";
}

.isn-ov-tu {
    min-height: 12em;
    grid-area: ga-tu;
}

.isn-ov-tru {
    grid-area: ga-tru;
}

.isn-ov-act-user {
    grid-area: ga-au;
}

.isn-ov-uwg {
    grid-area: ga-ug;
}

.isn-ov-ubd {
    grid-area: ga-ubd;
}

.isn-ov-cmt {
    grid-area: ga-acm;
    min-height: 19.3em;
}

.isn-ov-locations {
    grid-area: ga-loc;
}

.location-leg-list {
    list-style: none;
    padding: 0;
}

    .location-leg-list p label {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        line-height: 1;
        gap: 1rem;
    }

    .location-leg-list.p-list-gp-rd p {
        display: inline-grid;
        grid-template-columns: 11em auto;
    }

    .location-leg-list p label span {
        font-size: var(--base-font-size-xxl);
        font-weight: 600;
        color: var(--primary-color);
        min-width: 2em;
    }

    .location-leg-list span.badge.rounded-pill, .p-def-badge {
        margin: 0;
        background-color: var(--btn-light-bg);
        color: var(--theme-primary-color);
        font-weight: 400;
        padding-top: 0.3em;
        min-width: 2.3em;
        font-size: var(--base-font-size-xs);
    }

.isn-ov-tu .ins-overview-gg,
.isn-ov-tru .ins-overview-gg {
    width: 100%;
    display: flex;
    justify-content: center;
}

.ins-overvew-grid .roi-con {
    flex-direction: column;
    text-align: center;
    width: calc(100% - 0.4rem);
}

.ins-overvew-grid .ins-overview-gg.pos-cen {
    width: 100%;
}

.roi-con label {
    font-size: calc(var(--base-font-size-h1) * 1.5);
}

.note-w-aster strong {
    color: var(--primary-color);
}

    .note-w-aster strong sup {
        font-size: var(--base-font-size);
        top: -1px;
    }

.isn-ov-uwg .ins-overview-gg {
    min-height: 13em;
    position: relative;
}


@media(max-width: 1600px) {
    .ins-overvew-grid .label-data-chev em.icon {
        font-size: 0.85rem;
    }

    .ins-overvew-grid .roi-con small label,
    .ins-overvew-grid .roi-con small span,
    .ins-overvew-grid .roi-con small {
        font-size: 0.85rem;
    }

    .ins-overvew-grid .ins-overview-gg {
        width: 100%;
    }
}

@media(max-width: 1400px) {
    .ins-overvew-grid .label-data-chev em.icon {
        font-size: 0.8rem;
    }

    .ins-overvew-grid .roi-con small label,
    .ins-overvew-grid .roi-con small span,
    .ins-overvew-grid .roi-con small {
        font-size: 0.67rem;
    }

    .insight-content .p-icon.p-icon-sm {
        width: 0.98rem;
        height: 0.98rem;
    }

    .ins-overview-gg .roi-con .pdf-gap-5xs {
        gap: 0.18rem;
    }

    .ba-box-shadows h4 {
        font-size: var(--base-font-size);
    }
}

.ins-overvew-grid .roi-con small {
    align-self: center;
}

.isn-ov-locations .ins-overview-gg {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--default-gap);
    align-items: flex-start;
}

    .isn-ov-locations .ins-overview-gg .location-leg-list {
        display: inline-grid;
        grid-template-columns: repeat(2, max-content);
        gap: 0.35rem 2.5rem;
        justify-content: flex-start;
    }

.p-ins-wel-grid {
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
    grid-template-rows: repeat(6, auto);
    gap: var(--default-gap);
}

.ins-well-session {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sessions-by-location {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}

.sessions-by-departament {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
}

.ins-ask-a-therapist {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 2;
}

.ins-watched-content, .ins-wcbc, .ins-mood-tracker {
    grid-column: span 4;
}

.ins-timeoff {
}


.ins-well-loc-leg {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    margin-top: 1rem;
}

    .ins-well-loc-leg .location-leg-list.p-list-gp-rd p {
        display: inline-grid;
        grid-template-columns: max-content auto;
    }

.sessions-by-location .dxm-background,
.isn-ov-locations-lcol .dxm-background {
    stroke: none;
}

.ins-loc-vec-map {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 1px solid var(--primary-border-color);
}

.p-sssion-mw {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}

.p-ins-ses-data .p-ins-cat-icon-data {
    flex: 1;
}

span.tt-aster-note-nl {
    display: block;
}

    span.tt-aster-note-nl sup {
        font-size: 0.85rem;
        line-height: 0.8;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        top: -1px;
    }

.p-ins-sw-dc {
    margin-top: 0.45rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    justify-content: center;
}

.ins-ask-a-therapist .p-ins-sw-dc label.active {
    background-color: #76f6dd;
}

.ins-ask-a-therapist .p-ins-sw-dc label {
    background-color: #81c3fa;
    color: var(--primary-color);
}

.p-sess-booked {
    background-color: var(--theme-secondary-color);
    padding: calc(var(--box-padding) * 0.45);
    border-radius: calc(var(--bs-border-radius) * 0.65);
    border: 1px solid var(--primary-border-color);
    text-align: center;
}

    .p-sess-booked .ins-label-primary {
        font-size: calc(var(--base-font-size-h1));
    }

    .p-sess-booked p {
        font-size: var(--base-font-size);
        color: var(--primary-color);
        font-weight: 500;
        margin-bottom: 0.65rem;
        line-height: 1.3;
        margin-top: 0;
        text-align: left;
    }

.p-session-avg-sess {
    display: grid;
    gap: 1.25rem;
    align-items: end;
}

.ins-label-primary-sub span {
    font-size: calc(var(--base-font-size-sm));
    font-weight: 300;
    position: relative;
    bottom: 0.05rem;
    color: var(--theme-primary-color);
}

.p-session-avg-sess .p-sess-booked {
    justify-self: flex-start;
    min-width: 15em;
}

.p-ins-ses-data.loading-skeleton .p-iw-thsl {
    display: grid;
    grid-template-columns: 11em 2em;
    gap: 2rem;
    justify-content: space-between;
}

.p-ins-sw {
    display: flex;
    justify-content: center;
    gap: 0.8rem;
    margin-top: 1.5rem;
}

.p-ins-sw-items {
    padding: calc(var(--box-padding) * 0.35);
    border-radius: calc(var(--bs-border-radius) * 0.5);
    color: var(--primary-color);
    background-color: var(--input-bg-sel-theme);
    border: 1px solid var(--primary-border-color);
}

.p-ins-sw-dc label {
    background-color: var(--blur2-bg-color);
    border: 1px solid var(--input-border-1);
    color: var(--primary-color);
    padding: 0.125rem;
    min-width: 2.7rem;
    text-align: center;
    border-radius: 0.25rem;
    font-size: var(--base-font-size-xs);
}

    .p-ins-sw-dc label.active {
        background-color: var(--green-color);
    }

.p-ana-box-mh .ba-box-shadows {
    min-height: 434px;
}

.p-def-gr-he-la,
.p-ana-box-mh .p-fb-graph {
    height: 370px;
}

.ins-loc-vec-map {
    height: 17em;
}

    .ins-loc-vec-map.ins-loc-vec-map-wb {
        height: 16em;
    }

@media(max-width: 1800px) {
    .ins-loc-vec-map.ins-loc-vec-map-wb {
        height: 14em;
    }
}

@media(max-width: 1700px) {
    .ins-loc-vec-map.ins-loc-vec-map-wb {
        height: 19em;
    }

    .p-def-gr-he-la,
    .p-ana-box-mh .p-fb-graph {
        height: 300px;
    }

    .p-ana-box-mh .ba-box-shadows {
        min-height: 350px;
    }
}


.isn-ov-locations-lcol {
    min-height: 250px;
    position: relative;
}

.p-def-gr-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 1rem;
    height: var(--ins-gr-cricle-wh);
}

.p-def-gr-circle-w {
    margin: 0 auto;
    height: var(--ins-gr-cricle-wh);
    margin-bottom: 1.5rem;
}

.p-session-cols {
    position: relative;
}

.p-def-badge-red {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc);
}

.p-def-badge-green {
    background-color: var(--tag-bg-work-color);
    color: var(--complete-tc);
}

.p-def-badge-orange {
    background-color: var(--tag-bg-work-color);
    color: var(--complete-tc);
}

.p-def-fr-jcsb-fdc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.ins-wcbc .p-sess-booked {
    display: inline-block;
    min-width: 15em;
    margin-bottom: 1.75rem;
}

.ins-hr-divider {
    display: block;
    border-bottom: 1px solid var(--primary-border-color);
    margin: 1.5rem 0 2.4rem !important;
}

.ins-con-ru, .ins-con-res-usa {
    display: grid;
    grid-template-columns: auto auto 50em;
    gap: 5rem;
}

.p-ins-2fr {
    display: grid;
    grid-template-columns: auto 50em;
    gap: 5rem;
}

.ins-wcbc .p-ins-category {
    grid-template-columns: repeat(3, 1fr);
}

.p-ins-mood-2x {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3rem;
}

.p-ins-cat-bx {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--default-gap) * .5);
    grid-template-rows: repeat(3, 6.5rem);
}

    .p-ins-cat-bx .p-sess-booked.mb-3 {
        margin-bottom: 0 !important;
        position: relative;
    }

    .p-ins-cat-bx .p-sess-booked .p-ins-cat-bx-emojee,
    .p-ins-cat-bx .p-sess-booked .ins-label-primary {
        position: absolute;
        top: calc(50% + 17px);
        transform: translate(-50%, -50%);
        left: 50%;
    }

.p-ins-emojee {
    font-size: calc(var(--base-font-size-h1) * 1.7);
}

.ins-con-ru-b2 {
    position: relative;
}

    .ins-con-ru-b2 .ba-box-shadows h4 {
        top: 0px;
    }


@media(min-width: 1850px) {
    .p-ins-wel-grid {
        grid-template-columns: 1fr 0fr 0fr 1fr;
    }
}

.loading-skeleton li {
    background: transparent;
}

    .loading-skeleton li .badge {
        min-width: 2.5em;
        min-height: 1.85em;
    }

.loading-skeleton .p-list-gp-rd {
    text-align: left;
    padding-left: 0;
}

    .loading-skeleton .p-list-gp-rd li:not(:last-child) {
        margin-bottom: 1.1rem;
    }

.loading-skeleton .p-ins-category-items p {
    min-width: 100px;
}

.loading-skeleton .p-ins-category-items span {
    min-width: 22px;
}

.loading-skeleton .p-ins-cat-icon-data {
    display: grid;
    gap: 0.5rem;
}

.loading-skeleton .p-ins-cat-icon {
    border-radius: var(--bs-border-radius);
}

.loading-skeleton svg.p-ins-icon {
    fill: none;
}

.loading-skeleton .p-ins-cat-icon-data label {
    max-width: 2em;
}

#div-leave-taken-by-policy-NoData {
    min-height: 15em;
}

.ins-timeoff {
    min-height: 26em;
}

.p-ins-cat-bx-emojee {
    font-size: calc(var(--base-font-size-h1) * 1.5);
    line-height: 1.1;
}

.roi-up-con-tl.loading-skeleton {
    min-height: 3.65em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 7em;
}

    .roi-up-con-tl.loading-skeleton label {
        min-width: 3.6rem;
    }

    .roi-up-con-tl.loading-skeleton small {
        min-width: 5rem;
        display: inline-block;
    }

.roi-dl.loading-skeleton {
    display: grid;
    gap: 0.4rem;
}



@media(min-width: 2400px) {
    .p-session-avg-sess {
        max-width: 24em;
    }

    .ins-con-ru, .ins-con-res-usa {
        grid-template-columns: auto auto 70em;
    }

    .p-ins-2fr {
        grid-template-columns: auto 70em;
    }
}

@media(min-width: 1921px) {

    .p-session-avg-sess {
        max-width: 24em;
    }

    .ins-con-ru, .ins-con-res-usa {
        grid-template-columns: auto auto 60em;
    }

    .p-ins-2fr {
        grid-template-columns: auto 60em;
    }
}

@media(max-width: 1800px) {
    .ins-con-ru, .ins-con-res-usa {
        grid-template-columns: auto auto 48em;
        gap: 2rem;
    }

    .p-ins-2fr {
        grid-template-columns: auto 48em;
    }
}

@media(max-width: 1600px) {
    .p-ins-sw-items span {
        font-size: calc(var(--base-font-size) * 0.9);
    }

    .p-ins-sw-dc label {
        padding: 0.15rem;
        min-width: 2.5rem;
        border-radius: 0.25rem;
        font-size: calc(var(--base-font-size-xs) * 0.85);
    }

    .roi-up-con-tl label, .ins-label-primary {
        font-size: calc(var(--base-font-size-h1) * 1.5);
    }

    .p-ins-2fr {
        gap: 2rem;
    }

    .ins-con-ru, .ins-con-res-usa {
        grid-template-columns: auto auto 44em;
    }

    .p-ins-2fr {
        grid-template-columns: auto 44em;
    }

    .p-ins-category-items {
        gap: 0.65rem;
        line-height: 1.25;
    }

    .p-ins-mood-2x {
        gap: 1rem;
    }
}

@media(max-width: 1400px) {
    .p-sssion-mw {
        gap: 2rem;
    }

    .p-ins-2fr {
        gap: 1.5rem;
    }

    .ins-con-ru, .ins-con-res-usa {
        grid-template-columns: auto auto 36em;
    }

    .p-ins-2fr {
        grid-template-columns: auto 36em;
    }
}



/*dashboard css starts here*/
.p-db-grid-cont {
    display: grid;
    grid-template-columns: repeat(8, 1fr) repeat(4, 5.2em);
    grid-gap: var(--default-gap);
    line-height: 1.4;
}

@media(max-width: 1500px) {
    .p-db-grid-cont {
        grid-template-columns: repeat(8, 1fr) repeat(4, 4.4em);
    }

    .p-db-data-count-inner label {
        font-size: var(--base-font-size-xxs);
    }
}

.p-db-grid-cont .ph-card {
    padding: 0.85rem;
    padding-top: 3.25rem;
}

.p-dash-banner {
    grid-area: p-db-pro-banner;
}

.p-dash-my-activ {
    grid-area: p-db-my-acti;
}

.p-db-seperator {
    grid-area: p-db-seperator;
}

.p-db-ma-app {
    grid-area: p-db-ma-app;
}

.p-db-mcs {
    grid-area: p-db-mood-track;
}

.p-db-mtr {
    grid-area: p-db-chat-area;
}

.p-db-daf {
    grid-area: p-db-dai-aff;
    overflow: hidden;
}

.p-db-fm {
    grid-area: p-db-feat-medi;
}

.p-db-on-cr {
    grid-area: p-db-onli-cour;
}

.p-db-upcoming-events {
    grid-area: p-db-upcoming-events;
}

.p-db-appointments {
    grid-area: p-db-appointments;
}

.p-db-time-off {
    grid-area: p-db-time-off;
}

.p-db-goal-progress {
    grid-area: p-db-goal-progress;
}

.p-db-blogs {
    grid-area: p-db-blogs;
}

.p-db-ebooks {
    grid-area: p-db-p-db-ebooks;
}

.p-db-seperator {
    min-height: 3em;
}

.p-db-boxes-1 {
    grid-area: p-db-box-1;
}

.p-db-boxes-2 {
    grid-area: p-db-box-2;
}

.p-db-boxes-3 {
    grid-area: p-db-box-3;
}

.p-db-boxes-4 {
    grid-area: p-db-box-4;
}

.p-db-upcom-bday {
    grid-area: p-db-upcom-bday;
    /*    max-height: 336px;
    overflow-y: auto;
    box-sizing: border-box;
    padding-bottom: 0 !important;*/
}

.p-db-blog-atri {
    grid-area: p-db-blog;
}

    .p-db-blog-atri.loading-skeleton {
        background: var(--chat-dark-bg-2);
    }

        .p-db-blog-atri.loading-skeleton::before {
            background-color: initial;
        }

.p-db-grid-cont {
    grid-template-areas:
        "p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti"
        "p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator"
        "p-db-box-1 p-db-box-1 p-db-box-2 p-db-box-2 p-db-box-3 p-db-box-3 p-db-box-4 p-db-box-4 p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
        "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi  p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
        "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
        "p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-blog p-db-blog p-db-blog p-db-blog"
}

    .p-db-grid-cont.dash-w-birthday {
        grid-template-areas: "p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti"
            "p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator"
            "p-db-box-1 p-db-box-1 p-db-box-2 p-db-box-2 p-db-box-3 p-db-box-3 p-db-box-4 p-db-box-4 p-db-upcom-bday p-db-upcom-bday p-db-upcom-bday p-db-upcom-bday"
            "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi  p-db-upcom-bday p-db-upcom-bday p-db-upcom-bday p-db-upcom-bday"
            "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
            "p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
    }

/*GRID FOR MENTAL HEALTH*/
.package-mental-health .p-db-grid-cont {
    grid-template-areas:
        "p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti"
        "p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator"
        "p-db-box-1 p-db-box-1 p-db-box-2 p-db-box-2 p-db-box-3 p-db-box-3 p-db-box-4 p-db-box-4 p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
        "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi  p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
        "p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-blog p-db-blog p-db-blog p-db-blog"
}

.package-mental-health .p-db-upcom-bday {
    display: none;
}

.p-db-blog-atri {
    grid-area: p-db-blog;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    background: url("https://liveplummblob.blob.core.windows.net/content/19012024042936.jpg") no-repeat center center;
    position: relative;
    padding: 0.8rem;
}

    .p-db-blog-atri .nd-label-head {
        color: #fff;
    }

    .p-db-blog-atri::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-color: #11173b69;
        width: 100%;
        height: 100%;
    }

.p-db-blog-atri-cont {
    color: #fff;
    position: absolute;
    bottom: 0.8rem;
    display: grid;
    gap: 0.4rem;
    max-width: calc(100% - 1.4rem);
}

    .p-db-blog-atri-cont p {
        margin-bottom: 0;
        font-size: var(--base-font-size-xxs);
        line-height: 1.5;
    }

    .p-db-blog-atri-cont .p-icon {
        stroke: #fff;
    }

/*
.package-full .p-db-blog-atri {
    display: none;
}*/

.p-events-card.p-upcom-birth h6 {
    margin-bottom: 0;
    font-size: var(--base-font-size);
}

.p-upcom-birth p {
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-xxs) * 0.95);
}


.p-book-chat-ab {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.p-db-data-count {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.p-db-data-count-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 1rem;
    width: 100%;
}

    .p-db-data-count-inner strong {
        font-size: calc(var(--base-font-size-h1-lg)* 0.75);
        color: var(--primary-color);
        line-height: 1.3;
        display: inline-block;
    }

.p-ev-it-cont h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    --max-lines: 1;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
}

.p-ev-it-cont p,
.one-line-clamp,
.two-line-clamp,
.four-line-clamp,
.p-color-pri {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    --max-lines: 2;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
}

.one-line-clamp {
    -webkit-line-clamp: 1;
    --max-lines: 1;
}

.two-line-clamp {
    -webkit-line-clamp: 2;
    --max-lines: 2;
}

.four-line-clamp {
    -webkit-line-clamp: 4;
    --max-lines: 4;
}

.one-line-clamp-url {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    overflow-wrap: break-word;
}

.p-db-grid-cont .ph-default-link {
    color: var(--primary-color)
}

.mental-health-package .p-db-blogs, .mental-health-package .p-db-ebooks {
    margin-top: calc(var(--default-gap) * -1);
}

.p-cont-watching-widget {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    gap: 0.8rem;
}

.p-con-wath-thum {
    width: 15.2em;
    height: 100%;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    position: relative;
}

.loading-skeleton .p-con-wath-thum {
    height: 100%;
}

.p-con-wath-thum img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


@media(max-width: 1600px) {
    .p-db-seperator {
        min-height: 3em;
    }

    .p-db-grid-cont {
        grid-template-columns: repeat(8, 1fr) repeat(4, 4.4em);
    }

    .daily-affirmation-para {
        font-size: calc(var(--base-font-size-h2) * 0.8);
    }

    .p-con-wath-thum {
        width: 13.5em;
    }

    .p-con-wath-cont p, .nd-oc-course-desc {
        font-size: .76rem;
    }

    .p-con-wath-cont h5 {
        font-size: 0.84rem;
    }

    .p-con-wath-thum .ph-default-tag-label {
        padding: 0.3rem 0.4rem;
        font-size: 0.6rem;
    }

    .p-con-wath-thum .p-tag--pabs-tl {
        top: 0.4rem;
        right: 0.4rem;
    }
}

@media(max-width: 1400px) {
    .p-con-wath-thum {
        width: 13em;
    }

    .p-con-wath-cont p {
        font-size: 0.71rem;
        line-height: 1.4;
    }

    .p-tag--pabs-tl {
        position: absolute;
        top: 0.4rem;
        left: 0.4rem;
        font-size: 0.65rem;
    }

    span.nd-read-more {
        font-size: 0.7rem;
    }

    .p-con-wath-cont > h5 {
        font-size: 0.8rem;
    }
}

@media(max-width: 1300px) {
    .p-db-data-count {
        min-height: 9.5rem;
    }

    .p-cont-watching-widget {
        grid-template-columns: 1fr;
    }

    .p-con-wath-thum {
        width: 100%;
        height: 7.2rem;
    }

    .p-db-data-count-inner strong {
        font-size: calc(var(--base-font-size-h1-lg) * 0.95);
    }

    .p-banner-stats {
        padding-top: 0.6rem;
    }
}

@media(max-width: 1024px) {
    .mental-health-package .p-db-blogs, .mental-health-package .p-db-ebooks {
        margin-top: calc(var(--default-gap) * -2);
    }
}

@media(max-width: 1000px) {
    .p-db-grid-cont {
        grid-template-columns: repeat(12, 1fr);
    }

    .p-db-grid-cont {
        grid-template-areas:
            "p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner"
            "p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator"
            "p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti"
            "p-db-box-1 p-db-box-1 p-db-box-1 p-db-box-2 p-db-box-2 p-db-box-2 p-db-box-3 p-db-box-3 p-db-box-3 p-db-box-4 p-db-box-4 p-db-box-4"
            "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-blog p-db-blog p-db-blog p-db-blog"
            "p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
    }

    /*GRID FOR MENTAL HEALTH*/
    .package-mental-health .p-db-grid-cont {
        grid-template-areas:
            "p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner p-db-pro-banner"
            "p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator p-db-seperator"
            "p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti p-db-my-acti"
            "p-db-box-1 p-db-box-1 p-db-box-1 p-db-box-2 p-db-box-2 p-db-box-2 p-db-box-3 p-db-box-3 p-db-box-3 p-db-box-4 p-db-box-4 p-db-box-4"
            "p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-dai-aff p-db-feat-medi p-db-feat-medi p-db-feat-medi p-db-feat-medi  p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events p-db-upcoming-events"
            "p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-chat-area p-db-blog p-db-blog p-db-blog p-db-blog "
    }

    .p-banner-stats {
        align-items: center;
        justify-content: center;
        padding-top: 0.6rem;
        padding-bottom: 1rem;
    }

    .p-bp-gr-leg {
        gap: 0.65rem 1.7rem;
    }

    .p-bp-gr-leg {
        grid-template-columns: repeat(3, auto);
    }
}


@media(max-width: 991px) {
    .mental-health-package .p-db-blogs, .mental-health-package .p-db-ebooks {
        margin-top: 0;
    }

    .nd-blog-bg-img1 {
        margin-bottom: var(--default-gap);
    }
}



@media(max-width: 991.98px) {

    .feedback-emoji-wrapper {
        max-width: calc(100% - 4rem);
    }

    .daily-aff-wrapper {
        min-height: 10rem;
    }

    .p-db-seperator {
        min-height: 6em;
    }
}

@media(max-width: 576px) {
    .p-db-upcoming-events .p-nd-upd,
    .p-db-upcom-bday .p-nd-upd {
        min-height: 320px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: initial;
        transform: none;
    }

    .p-db-blog-atri {
        min-height: 230px;
        background-position: center;
    }
}
/*dashboard css ends here*/

.p-ev-it-mdt {
    --p-even-dt-box-wh: 5rem;
    width: var(--p-even-dt-box-wh);
    height: var(--p-even-dt-box-wh);
    display: flex;
    flex-direction: column;
    color: var(--theme-primary-color);
    justify-content: space-between;
    text-align: center;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    padding: 0.35rem;
    flex-shrink: 0;
}

    .p-ev-it-mdt > * {
        flex: 0 0 auto;
    }

.p-events-item {
    display: flex;
    align-items: flex-start;
    gap: 0.88rem;
    height: 100%;
}

.p-upcom-birth .p-events-item {
    align-items: center;
}

.p-ev-it-mdt small,
.p-ev-it-mdt label {
    /*text-transform: uppercase;*/
    font-weight: 300;
}

.p-ev-it-mdt small {
    font-size: calc(var(--base-font-size-xxs) * 0.75);
    font-weight: 500;
}

.p-ev-it-mdt label {
    font-size: calc(var(--base-font-size-h2) * 1.65);
    line-height: 0.9;
}

/*.p-ev-it-cont small {
    text-transform: uppercase;
}*/

.p-events-card.loading-skeleton .p-ev-it-mdt small,
.p-events-card.loading-skeleton .p-ev-it-mdt label {
    background: transparent;
}

.p-events-card,
.p-db-cgp-mw {
    display: grid;
    align-items: center;
    gap: 1.1rem;
}

.p-side-content-sb .p-events-card,
.p-side-content-sb .p-db-cgp-mw {
    width: 100%;
}

.p-db-grid-cont .p-events-card,
.p-db-cgp-mw {
    gap: 0.75rem;
}

    .p-events-card hr,
    .p-db-cgp-mw hr {
        height: 1px;
        width: 100%;
        background-color: var(--primary-border-color);
        margin: 0;
    }

.p-ev-it-cont {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    margin-top: -0.2em;
    gap: 0.055rem;
}

    .p-ev-it-cont h6 {
        font-size: var(--base-font-size-xxs);
        line-height: 1.3;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

    .p-ev-it-cont small {
        /*text-transform: uppercase;*/
        font-size: calc(var(--base-font-size-xxs) * 0.95);
    }

#upcmoningEventsDiv .p-ev-it-cont {
    justify-content: space-between;
    margin-top: 0;
    height: 100%;
}

.bg-darkBlue {
    background-color: var(--theme-secondary-color);
}

.bg-lightBlue {
    background-color: var(--light-blue-dark)
}

.bg-lightSalmon {
    background-color: var(--light-blue-dark)
}

.bg-tealGreen {
    background-color: var(--tealGreen)
}

.p-events-card > hr:last-of-type,
.p-db-cgp-mw > hr:last-of-type {
    display: none;
}

.loading-skeleton .p-ev-it-cont {
    flex-grow: 1;
    gap: 0.5rem;
}

.loading-skeleton .p-ev-it-mdt {
    overflow: hidden;
    position: relative;
    padding: 0;
}

.loading-skeleton .p-ev-it-cont small {
    width: 100%;
    max-width: 10em;
}

.loading-skeleton .p-ev-it-cont h6 {
    width: 100%;
    max-width: 85%;
    min-height: initial;
}

.see-ph-link {
    text-align: center;
}

.fo-cols-widget {
    height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
    align-items: flex-start;
}

.p-db-time-off .p-ev-it-cont h6 {
    min-height: initial;
}

.p-db-goal-progress .p-db-cgp-mw h6 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--base-font-size-xxs);
    font-weight: 600;
    margin-bottom: 0;
    justify-content: space-between;
}

/*.p-db-goal-progress .p-db-cgp-mw h6 span {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 10em;
    flex: 1;
}*/

.p-db-time-off .p-ev-it-cont p {
    font-weight: 600;
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.p-generic-tag.p-generic-tag-sm {
    padding: 0.38rem 0.55rem;
    border-radius: calc(var(--border-radius-default) * 0.6);
    font-size: calc(var(--base-font-size-xs) * 0.85);
    min-width: 5rem;
    text-align: center;
}

.p-db-cgp-mw .p-progress-def {
    margin-bottom: 0.12rem;
}

.p-db-cgp-head {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.36rem;
    gap: 0.12rem;
}

.p-btn-sm-lb.pl-event-joined {
    background-color: var(--btn-light-bg);
    color: var(--disabled-text-color);
    border-color: var(--disabled-border-color);
}

button:not(:disabled).p-btn-sm-lb.pl-event-joined {
    cursor: not-allowed !important;
    pointer-events: none;
}

.p-btn-sm-lb.p-btn-disabled {
    background-color: var(--disabled-color) !important;
    border-color: transparent !important;
    color: #fff !important;
    cursor: default !important;
}

.p-db-cgp-head small {
    color: var(--on-primary-color);
    font-size: calc(var(--base-font-size-xxs) * 0.95);
}

.p-con-wath-cont p,
.nd-oc-course-desc {
    margin-bottom: 0;
    font-size: var(--base-font-size-sm);
    line-height: 1.4;
}

.p-db-oc-imgw {
    position: relative;
}

.p-db-oc-imgw-inn img {
    width: 100%;
    height: 15.5em;
    border-radius: 6px;
    object-fit: cover;
    object-position: center;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.p-sl-cgp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .p-sl-cgp .p-generic-tag {
        width: 77px;
        height: 24px;
    }

    .p-sl-cgp p {
        width: 100%;
    }

@media(min-width: 1500px) {
    .p-db-oc-imgw-inn img {
        height: 16em;
    }
}

@media(min-width: 1600px) {
    .p-db-oc-imgw-inn img {
        height: 18em;
    }
}

@media(min-width: 1800px) {
    .p-db-oc-imgw-inn img {
        height: 19em;
    }
}

.p-db-oc-cw {
    padding: var(--dash-card-padd);
}

.p-db-main-head {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    color: var(--primary-color);
}

.p-db-oc-cw-iw h5 {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
}

.p-db-oc-tt .p-icon {
    stroke: var(--primary-color)
}

.p-db-oc-iw {
    display: grid;
    grid-template-rows: auto 1fr max-content;
    height: 100%;
}

.p-db-oc-tt {
    padding: var(--dash-card-padd);
}

    .p-db-oc-tt label {
        color: var(--primary-color);
        font-size: var(--base-font-size-xs);
    }

label#courseDuration {
    position: relative;
    top: 1px;
}

.p-db-oc-tt .p-icon-sm {
    width: 1.05rem;
    height: 1.05rem;
}

.p-db-oc-cw-iw .p-generic-tag {
    flex-shrink: 0;
}

.p-db-on-cr {
    min-height: 31.5em;
}

.loading-skeleton .p-con-wath-cont h4 {
    max-width: 3.5em;
}

.loading-skeleton .p-con-wath-cont p {
    margin-bottom: 0.75rem
}

    .loading-skeleton .p-con-wath-cont p:last-of-type {
        max-width: 45%;
    }

@media(max-width: 1600px) {
    .p-ev-it-mdt {
        --p-even-dt-box-wh: 4.3rem;
    }

        .p-ev-it-mdt label {
            font-size: calc(var(--base-font-size-h2) * 1.35);
        }

    .p-events-item {
        gap: 0.68rem;
    }

    .p-db-grid-cont .ph-card {
        padding-top: 2.65rem;
    }
}

@media(max-width: 680px) {
    .p-db-grid-cont {
        display: flex;
        flex-direction: column;
        margin-top: var(--default-gap);
    }

    .p-bp-grid {
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        gap: 7.2rem;
    }

    .profile-main-container .p-bp-grid {
        gap: 10.5rem;
    }

    .p-mpc {
        margin-top: var(--default-gap);
    }
}

@media(max-width: 576px) {


    .p-db-grid-cont > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .p-cont-watching-widget {
        grid-template-columns: auto;
    }

    .daily-aff-wrapper {
        min-height: 15em;
    }

    .mood-inner-boxes,
    .p-db-mt-gr-wr {
        min-height: 22em;
    }

    .p-db-mtr {
        min-height: 26.5em;
    }

    .p-banner-stats {
        grid-template-columns: auto;
        gap: 1.5rem;
    }

    .p-bp-gr-leg {
        display: flex;
        gap: 0.35rem 0.85rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .p-feat-legends-items label {
        font-size: calc(var(--base-font-size-xs));
    }

    .p-feat-legends-items {
        gap: 0.45rem;
    }

    .nd-upcoming-div-main-wrapper {
        padding-top: 1.2rem;
    }

    .p-con-wath-thum {
        width: 100%;
        height: 10rem;
    }
}


/*css for trustline starts here*/

.p-fp-content {
    height: 100%;
}

.trustline-card {
}

.p-tl-box {
    text-align: center;
    border-radius: var(--bs-border-radius);
    padding: var(--box-padding);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 24rem;
    max-width: 30rem;
    width: 100%;
    overflow: hidden;
}


svg.p-tl-bl {
    width: 3.0875rem;
    height: 3.0875rem;
    display: inline-block;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-top: -2.2rem;
}

.p-tl-box.p-tl-case-pp {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.p-tl-case-pp svg.p-tl-bl {
    margin-top: 0;
}

.p-lbl-ii {
    display: flex !important;
    align-items: center;
    gap: 0.25rem;
}

    .p-lbl-ii .p-icon {
        position: relative;
        top: 0;
    }

.p-tl-box h6 {
    font-size: var(--base-font-size-lg);
    line-height: 1.4;
}

.p-tl-case-cta-w {
    display: grid;
    gap: 0.5rem;
}

    .p-tl-case-cta-w span {
        margin-top: 0.4rem;
    }

.p-tl-im svg {
    width: 1.8rem;
    height: 1.8rem;
    stroke: var(--primary-color);
    cursor: pointer;
}


html[color-mode="dark"] .p-tl-im svg {
    stroke: #173571;
}

.p-tl-ud .p-upload-input {
    min-height: 8rem;
}

.p-grid-link {
    color: #007bff;
    cursor: pointer;
}

.p-cn-input {
    max-width: 250px;
    margin: 2.3rem auto;
}

.p-cd-textarea {
    min-height: 15rem;
}

.p-txt-underline {
    text-decoration: underline;
}

.p-case-subb {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
    align-items: center;
    min-height: 10rem;
    margin-top: 0.6rem;
}

.p-fp-content.p-chat-def .webchat-load-msg-main-wrapper {
    max-width: 42em;
}

.p-fp-content .p-tl-chat-ia-w {
    padding: 0.8rem;
    background: var(--theme-secondary-color);
    border: 1px solid var(--primary-border-color);
    border-top: 0;
}

.p-fp-content.p-chat-def .main-message-wrapper {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    border-bottom: 0;
}

.p-fp-content.p-chat-def .chat-profile-img-wrapper {
    width: 2.2rem;
    text-align: center;
}

.p-fp-content.p-chat-def .emojionearea-button {
    display: none !important;
}

.p-fp-content.p-chat-def .p-tl-chat-ia .emojionearea .emojionearea-editor {
    padding-right: 3.5rem;
}

.p-fp-content.p-chat-def .p-tl-imsg {
    padding: 0.75rem 0.85rem;
    background-color: var(--chat-dark-bg-2);
    margin: 0;
    border-left: 1px solid var(--primary-border-color);
    border-right: 1px solid var(--primary-border-color);
}

.tl-sys-msg-mw {
    display: flex;
    justify-content: center;
}

    .tl-sys-msg-mw .tl-sys-msg span.chatbot-bubble {
        font-weight: 400;
        font-size: calc(var(--base-font-size-xs) * 0.92);
        text-align: center;
        color: var(--on-primary-color);
        line-height: 1.25;
    }

    .tl-sys-msg-mw .webchat-load-msg-main-wrapper .webchat-load-msg-wrapper {
        background-color: var(--bg-default);
        border-radius: var(--bs-border-radius);
        padding: 0.55rem 0.55rem 0.6rem;
        border: none;
        text-align: center;
        color: var(--on-primary-color) !important;
    }

.tl-sys-msg {
    line-height: 1;
}

.p-fp-content.p-chat-def .tl-sys-msg-mw .webchat-load-msg-main-wrapper {
    max-width: 70%;
}

.p-switch-lwi .icon.ni-info {
    display: inline-block;
    margin-top: 0.45rem;
}

.pos-tt-txt-area {
    position: absolute;
    left: 0.8rem;
    top: 0.4rem;
}

.inbox-table-row, .chatbot-user-request-list-item {
    margin-bottom: 0.6rem;
}

.side-msg-list-inner-wrapper {
    border-right: 1px solid var(--primary-border-color);
}
/*css for trustline ends here*/

/*css for reiew page people sh*/

.start-review-banner {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding-bottom: var(--box-padding);
}

    .start-review-banner p {
        font-size: var(--base-font-size-lg);
    }

.pso-form-wrapperDiv {
    height: calc(100vh - 13rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
    max-height: 27rem;
}

.grid-rating-star {
    cursor: pointer;
}

/*css for meditation and course page starts here*/
.p-grid-mc-inner,
.p-grid-course-inner {
    display: grid;
    grid-template-columns: var(--default-sidebar-width) 1fr;
    grid-template-rows: auto 1fr;
    grid-gap: var(--default-gap);
}

.p-glg-col-video {
    grid-area: p-cm-v;
}

.p-glg-col-video-det {
    grid-area: p-cm-vd;
}

.p-glg-col-sb {
    grid-area: p-cm-sb;
}

.p-grid-mc-inner {
    grid-template-areas:
        "p-cm-sb p-cm-v"
        "p-cm-sb p-cm-vd";
}

/*courses inner*/

.p-grid-course-inner {
    grid-template-columns: var(--default-sidebar-width) 1fr;
}

.p-gci-lsb {
    grid-area: p-gci-lsb;
}

.p-gci-mc-vid {
    grid-area: p-gci-mc-vid;
}

.p-gci-mc-vid-cont {
    grid-area: p-gci-mc-vid-cont;
}

.p-grid-course-inner {
    grid-template-areas:
        "p-gci-lsb p-gci-mc-vid"
        "p-gci-lsb p-gci-mc-vid-cont";
}

.pgm-data-title h2 {
    font-size: var(--base-font-size-h2);
}

.p-sb-mw-head {
    margin-bottom: 0;
    padding-bottom: 1.9rem;
    background-color: transparent;
    z-index: 1000;
    position: relative;
}

.bck-to-mc {
    transition: all 0.5s;
    z-index: 99;
    justify-self: flex-start;
}

.p-mc-title-top {
    display: grid;
    grid-template-columns: 0.3fr 1fr 0.3fr;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    text-align: center;
    padding: 0.85rem;
}

.p-mc-title-head {
    font-size: calc(var(--base-font-size-h3) * 1.1);
    text-shadow: 0px 1px 2px rgb(0 0 0 / 60%);
    color: #fff;
}

.p-mc-title-top .p-save-tag-wrap .ni.icon {
    font-size: 1.15rem;
    color: var(--white-color);
    text-shadow: 0px 1px 2px rgb(0 0 0 / 35%);
}

.p-mc-title-top svg {
    stroke: #fff;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
    stroke-width: 2px;
}

.p-mc-title-top .like-save-wrapper {
    justify-content: flex-end;
}

/*css for meditation and course page ends here*/
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.add-new-policy label.col-form-label {
    padding-top: 0;
}


.disbaled-emoji {
    opacity: 0.7;
    filter: grayscale(100%);
}

.ins-emoji-sl .skeleton-img {
    width: 2.065rem;
    height: 2.065rem;
    border-radius: 50%;
    margin-bottom: 0;
    border: none;
}

.ins-lbl-sl-inn {
    width: 1.8rem;
    height: 0.65rem;
}

.ins-emoji-sl.loading-skeleton .skeleton-img::after,
.loading-skeleton .ins-lbl-sl-inn {
    --skeleton-color-1: #e1eaf4;
    --skeleton-color-2: #cad3de;
}

.p-cus-ds-mw {
    position: sticky;
    top: 0px;
    background-color: var(--chat-dark-bg-2);
    padding: 0.55rem;
    margin-top: -2px;
}

input.dropdown-search {
    display: block;
    height: calc(1.5em + 0.75rem + 0.525em);
    padding: .375rem 0.8rem;
}

    input.dropdown-search::placeholder,
    .p-q-add input::placeholder,
    .pso-add-question input::placeholder,
    .delete-conf-iw::placeholder,
    .ch-filter-search input::placeholder,
    input.p-show-ph::placeholder,
    textarea.p-show-ph::placeholder {
        opacity: 1;
        visibility: visible;
    }

.msg-count label.dash-side-msg-count-label {
    position: initial;
}

.js-open-sw {
    display: none;
}

.p-sw-link {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    position: relative;
    gap: 0.3rem;
    color: var(--primary-color);
    font-weight: 500;
    padding: 0;
}

    .p-sw-link svg {
        stroke: var(--primary-color);
        width: 1.2rem;
        height: 1.2rem;
        display: inline-block;
    }


/*css for moodtracker new sh*/
.p-mt-fb .featured-banner-grid {
    align-content: flex-start;
}

.p-mt-fb .feedback-emoji-wrapper {
    max-width: calc(100% - 4rem);
}

.p-mt-fb .fbg-cols {
    position: relative;
    display: block;
}

.p-amr-txt {
    margin-top: 1.4rem;
    width: 100%;
}

    .p-amr-txt h1 {
        font-weight: 700;
        font-size: 4.2rem;
        margin-bottom: 0;
    }

    .p-amr-txt.loading-skeleton h1 {
        min-height: 5rem;
        max-width: 4.5em;
        border-radius: 0.45rem !important;
    }

.mt-rcol::before {
    content: '';
    position: absolute;
    left: -3rem;
    transform: translateY(-50%);
    top: 50%;
    width: 1px;
    height: calc(100% + calc(var(--box-padding) * 2));
    background-color: var(--primary-border-color);
}

.p-mood-inner-boxes {
    flex: 1;
}

.p-fb-mt-emj {
    min-height: 8.4em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mts-gmw-boxes {
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 31em;
    height: 100%;
}

.mt-emj {
    min-height: 31em;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mt-emj > * {
        flex: 0 0 auto;
    }

.mts-modal .modal-dialog {
    max-width: 900px;
}

.mts-gmw-boxes h3.ph-3 {
    font-size: calc(var(--base-font-size-h1) * 1.2);
    font-style: normal;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0 !important;
}

.mts-gmw-boxes .mood-track-step-feeling {
    max-width: 42em;
    margin: 0 auto;
}

.mts-gmw-boxes .mood-track-step-feeling {
    gap: 1rem 1.4rem;
}

    .mts-gmw-boxes .mood-track-step-feeling span {
        padding: 0.5rem 1.25rem;
        font-size: var(--base-font-size-xl);
    }

.mts-ta .main-wrapper-mood-track-step {
    max-width: 50em;
    margin: 0 auto;
}

.mts-ta textarea.form-control {
    min-height: 13.5rem;
    width: 100%;
}

.mts-ta textarea::placeholder {
    opacity: 1;
    visibility: visible;
}

.mt-emj > * {
    flex: 1;
}

.mood-history-report {
    margin-left: -4px;
}

.mts-gmw .main-message-wrapper {
    min-height: 31em;
    width: 100%;
    justify-content: flex-end;
    display: flex;
}

.p-mt-hw-stb {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.4rem;
}

.p-fl-al .form-group label {
    padding-left: 0.125rem;
}

@media (max-width: 1200px) {
    .p-mt-fb .featured-banner-grid {
        grid-template-columns: auto auto;
    }

    .p-mt-fb .feedback-emoji-wrapper {
        max-width: 500px;
    }

    .p-amr-txt {
        margin-top: 1rem;
        width: 100%;
    }

        .p-amr-txt h1 {
            font-size: 3.5rem;
            margin-bottom: 0;
        }

    .feature-event-main-wrapper .pos-cen {
        position: static;
        transform: none;
    }

    .feature-event-main-wrapper .p-no-data {
        min-height: 250px !important;
    }
}

@media (max-width: 991px) {
    .feedback .emojis-wrapper:not(:last-child) {
        margin-right: 0;
    }

    .p-mt-fb .featured-banner-grid {
        grid-template-columns: auto;
    }

    .mt-rcol::before {
        display: none;
    }

    .p-amr-txt {
        margin-top: 1rem;
        width: 100%;
        position: initial;
        transform: none;
    }

        .p-amr-txt h1 {
            font-size: 4rem;
            text-align: center;
        }

    .p-mt-hw-stb {
        flex-direction: column;
    }
}

@media (max-width: 576px) {
    .p-amr-txt h1 {
        font-size: 3.6rem;
        margin-bottom: 0;
    }

    .mood-track-step-feeling {
        margin: 12px 0;
        gap: 0.5rem 0.55rem;
    }

        .mood-track-step-feeling span {
            font-size: var(--base-font-size-xxs);
        }

        .mood-track-step-feeling span {
            padding: 0.4rem 0.75rem;
        }

    .feedback-emoji-wrapper {
        max-width: calc(100% - 1rem);
    }
}

/*css for moodtracker new eh*/
/*right side widget open in mobile view sh*/
@media (max-width: 1024px) {
    .p-sw-btn-df {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .js-open-sw {
        display: flex;
    }

    .js-sw {
        width: var(--default-sidebar-width);
        position: fixed;
        right: calc(var(--default-sidebar-width) * -1);
        top: 0;
        height: 100%;
        background-color: #f1f1f1;
        overflow-x: hidden;
        transition: 0.5s;
        z-index: 2500 !important;
    }

        .js-sw.active {
            right: 0;
        }

    .body-overlay {
        overflow: hidden;
    }

        .body-overlay::after {
            overflow: hidden;
            position: fixed;
            width: 100%;
            height: 100% !important;
            top: 0;
            left: 0;
            background-color: rgb(10 30 68 / 64%);
            z-index: 2400;
            content: '';
        }

    .cw-scroll {
        height: calc(100vh - 57px);
    }

    .js-sw .ph-3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .btn-close-sw svg {
        width: 1.4rem;
        height: 1.4rem;
        display: inline-block;
        stroke: var(--primary-color);
    }

    .btn-close-sw {
        border: none;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .p-defautlt-navs .nav-pills .nav-link.active {
        border: none;
        background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
        border-radius: calc(var(--border-radius-default) * 0.6);
        color: var(--primary-color);
    }

    .p-defautlt-navs .tabsNavActiveBg {
        display: none;
    }

    .p-defautlt-navs .nav-pills .nav-link {
        padding: 0.55rem 1rem;
    }

    .to-tabs.p-defautlt-navs .nav-pills {
        gap: 0.8rem;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-bottom: -0.7rem;
        padding-bottom: 0.6rem;
    }

    .pg-grid-layout-reverse .pg-grid-layout-left {
        flex: 1;
        max-width: 100%;
    }
}

@media(max-width: 991px) {


    .campaigns-calender .dx-scheduler-navigator, .time-off-calender .dx-scheduler-navigator {
        min-width: 18.5em;
    }

    .ch-filter-wrapper {
        flex-direction: column;
        gap: 1.1rem;
        align-items: flex-start;
    }

        .ch-filter-wrapper .js-open-sw {
            align-self: flex-end;
        }

    .ch-filter-action {
        width: 100%;
    }

    .ch-filter-wrapper element.style {
        align-self: flex-end;
    }
    /*res for grid main sh*/
    .p-dg-cl {
        grid-template-columns: auto;
    }

    .p-thera-pro-wrap {
        max-width: 100%;
    }
    /*res for grid main eh*/


    /*res for timeline UI sh*/
    .pso-grid-wrapper {
        grid-template-columns: auto;
        gap: 1rem;
    }

    .pso-timeline-list {
        flex-direction: initial;
        flex-wrap: wrap;
        gap: 1.05rem calc(var(--timeline-ver-gap) * 0.6);
    }

    .pso-timeline-item {
        position: relative;
    }

    .pso-circle::after {
        display: none;
    }

    .pso-timeline-item:not(:last-child)::after {
        content: '';
        position: absolute;
        right: -1.55rem;
        transform: translateY(-50%);
        top: 50%;
        height: 0.1875rem;
        background-color: var(--input-border-1);
        width: 1rem;
        border-radius: var(--bs-border-radius);
    }

    .js-pso-timeline-item-completed.pso-timeline-item:not(:last-child)::after {
        background-color: var(--secondary-color);
    }

    .pso-timeline-item {
        gap: 0.6rem;
    }

    .p-ss-h100 > div {
        padding: 0;
    }

    .p-tabs-mh {
        min-height: initial;
    }
    /*res for timeline UI eh*/

    /*res for legends and graph UI sh*/
    .p-feat-piechart-wrapper {
        gap: 1.1rem;
        justify-content: center;
        flex-direction: column;
    }

    .p-feat-legends {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.45rem 1.3rem;
    }
    /*res for legends UI eh*/
    .p-dx-search-left {
        margin-top: 1.3rem;
    }

    .p-events-card, .p-db-cgp-mw {
        width: 100%;
    }

    .smily-gif-wrapper {
        margin-left: 0;
    }

    .p-th-banner {
        grid-template-columns: auto;
    }

    .div-therapy, .div-coach {
        border-radius: calc(var(--bs-border-radius) * 0.55);
    }

    .p-thc-grid-mw {
        display: flex;
        flex-direction: column;
    }

    .gp-content .nd-doctor-name {
        white-space: nowrap;
    }

    .p-dx-search-left .dx-datagrid-header-panel .dx-toolbar {
        margin-bottom: 0.5rem;
    }

    /*generic css changes sh*/
    .play-btn-video {
        opacity: 1;
        visibility: visible;
    }

    .p-banner-profile .ph-card {
        min-height: 150px;
    }
    /*generic css changes eh*/
    /*profile css changes sh*/
    .p-head-btn-sb {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.8rem;
    }
    /*profile css changes eh*/

    .pso-action-btns {
        gap: 1.5rem;
    }

    .ono-meeting-details {
        flex-direction: column;
    }

    .p-read-only-txt-cent {
        margin-top: 0.2rem;
    }

    .event-cal-wrapper .ph-3 {
        margin-bottom: 0;
    }

    .p-vf-rc {
        justify-content: flex-end;
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 1;
    }

    .p-vf-head {
        grid-template-columns: auto auto;
        gap: 0.8rem;
    }
}

@media(max-width: 576px) {
    /*res for timeline UI sh*/
    .tfc-thumbnail-profile img {
        height: 206px;
    }

    .ch-filter-search {
        align-items: flex-start;
        gap: 1.1rem;
        flex-direction: column;
    }

        .ch-filter-wrapper .p-search-input,
        .btn-slect-dropdown-wli,
        .btn-slect-dropdown-wli .p-add-btn,
        .p-search-input-icon-left input,
        .ch-filter-search > form {
            max-width: 100%;
            width: 100%;
        }

    /*res for timeline UI eh*/
    .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-datagrid-search-panel,
    .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
        width: 100% !important;
        max-width: 100%;
        min-width: 100%;
    }

    .js-sw {
        width: 100% !important;
        right: -100%;
        max-width: initial !important;
    }

    .tfc-profile {
        --feature-img-h: initial;
    }
}
/*right side widget open in mobile view eh*/

.document-pic-parc {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.import-field-mw td.sheetName {
    background-color: #f8fbfd;
}

td.statusIconCell {
    text-align: center;
    line-height: 1;
}

.p-icon.p-im-stop {
    stroke: var(--red-color);
}

.p-icon.p-im-check {
    stroke: var(--green-color);
}

.report-data-con-modal {
    max-height: calc(100vh - 11rem);
}

/*.report-data-con-tl {
    height: 440px;
}


@media(min-width: 1600px ) {
    .report-data-con-tl {
        height: 490px;
    }
}

@media(min-width: 1800px ) {
    .report-data-con-tl {
        height: 570px;
    }
}


@media(max-width: 1400px ) {
    .report-data-con-tl {
        height: 400px;
    }
}*/

/*.file-delete svg.p-grid-icon {
    stroke: var(--on-primary-color);
}*/

.file-delete {
    line-height: 1;
}

.p-upload-fnd {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--primary-color);
    justify-content: space-between;
    font-weight: 500;
    word-break:break-all;
}

    .p-upload-fnd:not(:last-child) {
        margin-bottom: 0.35rem;
    }

th.p-def-tab-actn-btn {
    text-align: center !important;
    max-width: 90px;
    width: 90px;
}

.p-ts-general .admin-loader-loading-text,
.p-ts-ono .admin-loader-loading-text,
.p-ts-email .admin-loader-loading-text {
    top: 50%;
}

#div-score-by-category {
    height: 260px;
}

@media(max-width: 1000px) {
    .p-chat-area .p-tl-chat-ia {
        width: 100%;
        flex: 1;
    }

    .p-tl-imsg {
        margin-bottom: 0;
    }

    .show-live-type-status {
        left: 1.8rem;
        top: -1.5rem;
    }

    .content-wrapper.inbox-content-section {
        position: fixed;
        left: 0;
        width: 100%;
        top: 0;
        height: 100%;
    }

    .inbox-content-section .hc-msg-modified,
    .inbox-content-section .inbox,
    .inbox-content-section .w-100p,
    .inbox-content-section .p-chat-def .msger-new {
        height: 100% !important;
        min-height: initial;
    }

    .inbox-content-section .msger-header-new {
        margin-top: 0;
    }

    .layout-navbar-fixed .wrapper .content-wrapper.inbox-content-section {
        padding-top: var(--nav-min-height) !important;
        margin-top: 0;
    }

    .inbox-content-section .p-chat-def .msger-new {
        position: initial;
    }

    .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
        bottom: 5rem !important;
    }

    .p-tl-chat-ia .emojionearea .emojionearea-button {
        right: 3.4rem !important;
    }

    .p-tl-chat-ia-w, .p-chat-def .msger-header-new {
        padding: calc(var(--chat-def-padding) * 0.25) calc(var(--chat-def-padding) * 0.5);
    }

    .p-chat-def main.msger-chat {
        padding: calc(var(--chat-def-padding) * 0.5);
    }
}

@media(max-width: 767px) {
    .chat-filter-therapist-action-btns {
        max-width: initial !important;
    }
}

.input-validation-error-custom,
.form-group .select2-container--default .select2-selection--multiple.input-validation-error-custom {
    border: 1px solid var(--red-color) !important
}

.p-sticky-top {
    position: sticky;
    top: 0;
    z-index: 9;
    background-color: var(--chat-dark-bg-2);
}

.p-cn-cn .form-group.p-sticky-top::before {
    content: '';
    position: absolute;
    top: -27px;
    width: 100%;
    height: 35px;
    background-color: #fff;
    z-index: -1;
}

.p-cn-cn .form-group.p-sticky-top {
    padding-bottom: 1rem;
}

.oci-video-page .p-glg-col-sb .cw-scroll {
    height: 100%;
}

.p-asu-details-mw .p-info-msg {
    margin-bottom: 1.35rem;
    margin-top: -0.5rem;
}

.p-th-banner-cont .hc-default-btn {
    background: var(--chat-dark-bg-2);
    color: var(--theme-primary-color);
    font-weight: 500;
    min-height: initial;
    padding: 0.45rem 0.85rem;
}

.sidebar-generic {
    height: 100%;
    width: var(--sidebar-width);
    position: fixed;
    top: 0;
    right: calc(var(--sidebar-width) * -1); /* Start off-screen to the right */
    background-color: var(--chat-dark-bg-2);
    overflow-x: hidden;
    transition: right 0.8s; /* Transition for sliding effect */
    z-index: 2770;
}

.sidebar-generic-md {
    max-width: 470px;
    right: -470px;
    width: 100%;
}

.sidebar-generic-xl {
    max-width: 600px;
    right: -600px;
    width: 100%;
}

.sidebar-generic-xxl {
    max-width: var(--sidebar-width-xxl);
    right: -1000px;
    width: 100%;
    max-width: 1000px;
}

.sidebar-generic.open {
    right: 0; /* Slide in */
}

.p-sb-gene-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--box-padding)* 0.9) var(--box-padding);
    gap: 1rem;
    position: sticky;
    top: 0;
    z-index: 1200;
    border-bottom: 1px solid var(--p-grey-5);
    background-color: var(--chat-dark-bg-2);
}

.p-sb-gene-body {
    padding: var(--box-padding);
    position: relative;
}

.org-ch-details-item {
    margin-bottom: 1.3rem;
}

    .org-ch-details-item .label-primary {
        margin-bottom: 0.12rem;
        color: var(--primary-color);
        font-weight: 600;
    }

.p-sb-gene-pc > * {
    margin-bottom: 0;
}

.p-sb-gene-pc {
    display: grid;
    margin-top: 0;
    text-align: left;
    gap: 0.1rem;
}

.p-sb-gene-prof {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.25rem;
    align-items: center;
}

.p-sb-gene-pc h5 {
    font-size: calc(var(--base-font-size-h3) * 1.1);
    font-weight: 600;
}

.p-sb-gene-pc .JobTitle {
    display: block;
    font-size: calc(var(--base-font-size-xxl) * 1.015);
    font-weight: 500;
}

.p-sb-gene-pc small {
    font-size: calc(var(--base-font-size-xxs) * 0.92);
}

.org-ch-details-item p {
    color: var(--on-primary-color);
    font-weight: 400;
}

.p-inte-cont-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.p-card-full-details-img-thumb {
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.3 )
}

.p-integrations-mw .p-card-full-details-img-thumb svg {
    --integs-icon: 7em;
    max-width: var(--integs-icon);
    width: var(--integs-icon);
    height: auto;
    margin: 0 auto;
    display: block;
}

.p-integrations-mw .p-card-full-details-img-thumb.p-inte-thumb svg {
    --integs-icon: 9.2em;
}

.p-integrations-mw .p-card-full-deatils-data {
    align-self: flex-start;
}

.p-integrations-mw .p-card-full-details-contents:not(:last-child) {
    margin-bottom: var(--box-padding);
}

.p-inte-cont-cta .ph-4 {
    margin-bottom: 0.4rem;
}

.p-sc-cont-w {
    display: grid;
    gap: 0.3rem;
    padding: calc(var(--default-gap) * .5);
    font-size: var(--base-font-size-sm);
}

    .p-sc-cont-w li {
        font-size: var(--base-font-size-sm);
    }

    .p-sc-cont-w > * {
        margin: 0;
    }

    .p-sc-cont-w ul li:not(:last-child) {
        margin-bottom: 0.6rem;
    }

    .p-sc-cont-w p {
        margin-bottom: 0.45rem;
        margin-top: 0.25rem;
    }

.locations-wrapper h3.condition-tag {
    margin-bottom: 1.4rem;
}

.pi-slider-card {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 1px solid var(--primary-border-color);
}

.p-sc-img-w {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 10.5rem;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    border-bottom: 0;
    position: relative;
}

    .p-sc-img-w img {
        max-width: 60%;
        margin: 0 auto;
        display: block;
    }

.p-hotl a,
.p-hotl button {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: #ffffff;
    padding: 0.42rem 0.7em;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    font-size: 0.72rem;
    border: none;
}

    .p-hotl a svg {
        stroke: #fff;
    }

@media(max-width: 576px) {
    .pi-baner-slider::after {
        display: none;
    }

    .location-items .p-sc-cont-w {
        padding: calc(var(--default-gap) * 0.7);
    }

    .location-items .pi-slider-item {
        max-width: 320px;
    }
}

.p-yellow-btn.p-hotl a {
    background-color: var(--plm-light-yellow);
    color: var(--primary-color);
}

.p-yellow-btn.p-hotl svg {
    stroke: var(--primary-color);
}

.chat-user-image.avatar {
    margin: 0;
}

#btnUserProfileDiv button {
    border: none;
    background-color: transparent;
    padding: 0;
}

    #btnUserProfileDiv button svg {
        stroke: var(--primary-color);
    }

.p-revq-item-txt::first-letter {
    text-transform: capitalize;
    display: inline-block;
}

button#loadMoreBtn {
    margin-top: 1.5rem;
}

.p-checkbox-dd .dx-list-item {
    padding: 0.1rem 0.8rem;
}

.emoji-sl-circle {
    width: 6rem;
    height: 6rem !important;
    display: inline-block;
    border-radius: 50% !important;
}

.p-amr-txt {
    display: flex;
    align-items: center;
    justify-content: center;
}

#avgMoodRating span {
    font-size: 5.7rem;
}

.p-hotlines-mw .pi-slider-card {
    margin-left: 1px;
}

.p-hotlines-mw .p-icon {
    flex-shrink: 0;
}

.p-info-link {
    color: var(--link-color);
}

.pos-rel-t1 {
    position: relative;
    top: 1px;
}

.pos-rel-t2 {
    position: relative;
    top: 2px;
}

.cri-desc-cont {
    min-height: 2.4rem;
}

.p-sc-min-h {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 11.2rem;
}

.p-marketpl-card-mw .p-sc-min-h {
    min-height: 8.2rem;
}

.p-marketpl-card-mw .cri-desc-cont {
    min-height: 6em;
}

.p-ms-time-off {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 16.2rem;
    z-index: 999;
    margin-top: 1px;
}

    .p-ms-time-off .p-input-append {
        position: relative;
        width: 600px;
    }


@media(min-width: 1800px) {
    .p-ms-time-off .p-input-append {
        width: 750px;
    }
}

@media(max-width: 1400px) {
    .p-ms-time-off .p-input-append {
        width: 400px;
    }
}

.p-ms-time-off .p-input-append.p-add-dd.p-dx-msdd .dx-texteditor-input-container,
.p-ms-time-off-sb .p-input-append.p-add-dd.p-dx-msdd .dx-texteditor-input-container {
    padding-right: 2.5rem;
    padding-left: 0.65rem;
    justify-content: flex-start;
}

.p-ms-time-off .p-input-append.p-add-dd.p-dx-msdd .po-user-count,
.p-ms-time-off-sb .p-input-append.p-add-dd.p-dx-msdd .po-user-count {
    right: 1.25rem;
}

.p-ms-dx-input .dx-tag-content {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    justify-content: flex-start;
    font-size: var(--base-font-size-xs);
}

    .p-ms-dx-input .dx-tag-content::before {
        display: none;
    }

.p-ms-dx-input img.tag-img {
    border-radius: 50%;
}

.p-ms-dx-input.p-input-append.p-add-dd .dx-texteditor-input-container {
    background-image: none;
    padding: 0;
}

.p-asu-docs-mw .label-w-info {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    white-space: nowrap;
}

    .p-asu-docs-mw .label-w-info .icon.ni-info {
        top: 0;
    }

.p-asu-docs-mw tr td:nth-child(2) {
    word-break: break-all;
}

/*.p-dx-treeview-rev {
    min-height: 300px;
}*/

.p-para-block {
    margin-bottom: 1.25rem;
}

.p-jobs-banner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height: 15em;
    padding: var(--box-padding);
}

.p-jobs-logo {
    margin-bottom: 0.6rem;
}

.p-jobs-banner h3.ph-3 {
    margin-bottom: 0.2rem;
}

.p-form-inner-box {
    background-color: var(--bg-default);
    padding: calc(var(--box-padding) * 0.75);
    border-radius: var(--bs-border-radius);
}

.p-jobs-logo img {
    width: 2.9875rem;
    height: auto;
    display: inline-block;
}

.p-jobs-banner p, .p-jobs-banner .ph-default-link {
    line-height: 1.3;
    font-size: var(--base-font-size-sm);
    color: var(--on-primary-color);
}

.p-jobs-logo {
    max-width: 130px;
    height: auto;
    display: inline-block;
}

.p-jobs-tabs-mw {
    background-color: var(--chat-dark-bg-2);
}

    .p-jobs-tabs-mw .ph-card {
        position: sticky;
        top: 0;
        z-index: 1200;
        display: block;
        background-color: var(--chat-dark-bg-2);
    }

    .p-jobs-tabs-mw .to-tabs-content {
        max-width: 720px;
        margin: 0 auto;
        padding: var(--box-padding);
        position: relative;
        z-index: 1;
    }

.link-btn-wi {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: var(--base-font-size);
    font-weight: 400;
}

    .link-btn-wi svg {
        stroke: var(--link-color)
    }

.p-ul-align {
    padding-left: 0.96rem;
}

.p-dot-seperator::before {
    content: "\B7";
    width: 3px;
    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0.15rem;
}

.js-jobs-form-container {
    display: none;
    margin-top: 1.2rem;
}

.ph-3.p-head-w-sepe-line {
    position: relative;
    padding-bottom: 0.8rem;
    margin-top: 1.6rem;
    margin-bottom: 1.4rem;
}

    .ph-3.p-head-w-sepe-line::after {
        content: '';
        display: block;
        height: 1px;
        background-color: var(--primary-border-color);
        width: 100%;
        bottom: 0;
        left: 0;
        position: absolute;
    }

.p-btn-sm {
    padding: 0.45rem 0.98rem;
    font-size: var(--base-font-size);
    border-radius: calc(var(--border-radius-default));
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    color: var(--p-btn-txt);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    gap: 0.5rem;
    min-width: 116px;
}

.p-btn-sm:hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8);
    color: #fff;
    border-color:hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.8);
}

.p-sf-ques-mw .p-btn-sm {
    min-width: 116px;
    min-height: 36px;
}

.p-sf-ques-mw .loader-new {
    font-size: 1.85px;
}

.p-btn-sm em.icon.ni {
    color: #fff;
}

.p-form-expand-mw {
    margin-bottom: 2.25rem;
}

.form-wrap.form-builder .frmb .form-elements .false-label:first-child, .form-wrap.form-builder .frmb .form-elements label:first-child {
    text-transform: initial !important;
}

.live-past-classes-vid .oci-thumbnails-inner-image {
    background-color: #131315;
}

.live-past-classes-vid .learn-medi-detail-save-icon {
    right: inherit;
    top: initial;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    flex-direction: column;
    justify-content: center;
    bottom: 7.8rem;
    left: 2.1rem;
}

.live-past-classes-vid .lcp-content-head {
    display: inline-block;
    margin-bottom: 0;
    font-size: 0.88rem;
    font-weight: 700;
    color: #fff;
}

.live-past-classes-vid .back-to-library.saved-icon {
    left: 33px;
    top: 20px;
}

.live-past-classes-vid .saved-icon em.icon {
    font-size: 17px;
    top: 0.8px;
}


.counter span {
    display: block;
    transition: transform 2s ease-out;
    transform: translateY(100%);
}

.counter.active span {
    transform: translateY(0);
}

.user-fl-n {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
    font-family: var(--primary-font);
}

#ViewFileUploadDiv a {
    word-break: break-all;
    line-height: 1.35;
}

    #ViewFileUploadDiv a svg {
        flex-shrink: 0;
    }

.grp-digit-fs {
    font-size: 1.25rem;
    font-weight: 500;
    fill: var(--primary-color);
}

.dx-checkbox-icon {
    border: 1px solid var(--input-border-1) !important;
}

.dx-checkbox-checked span.dx-checkbox-icon {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.dx-checkbox.dx-checkbox-checked.dx-state-hover .dx-checkbox-icon {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border-color: var(--theme-primary-color);
}

.dx-checkbox-checked .dx-checkbox-icon::before {
    color: #fff;
}

.dx-checkbox-icon {
    border-radius: 0.35rem !important;
}

.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon {
    border-color: var(--input-border-1);
}

.files-icon {
}

.SurveyFormSelfSurveyCreateMode #formStepError {
    align-self: flex-start;
    min-height: 21px;
}

.sfsscm-actn-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.p-sf-ques-mw {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.SurveyFormSelfSurveyCreateMode.p-sf-ques-mw {
    height: calc(100% - 0.5rem);
}

.files-icon {
    width: 100px;
    height: 120px;
}


.p-count-data-mw {
}

.lt-list-date {
}


.p-doc-upload-modal .img-uploder {
    min-height: 20.5rem;
}

.p-btn-add-link {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background-color: transparent;
    border: none;
    color: var(--link-color);
    padding: 0;
}

    .p-btn-add-link em.icon {
        color: var(--link);
        font-size: 0.85rem;
        position: relative;
        top: 0.05em;
    }

@media (min-width: 992px) {
    .p-doc-upload-modal .modal-lg {
        max-width: 770px;
    }
}

.p-count-data-mw .lt-list-date small {
    text-align: left;
    min-width: initial;
}

.p-count-data-mw .lt-list-date .lt-days:last-child,
.p-count-data-mw .lt-days {
    align-items: flex-start;
}

.p-count-data-mw hr {
    margin: 0;
    min-height: 40px;
    width: 1px;
    border: none;
    background-color: var(--primary-border-color);
    line-height: 1.25;
}

.p-count-data-mw .lt-list-date {
    gap: 1rem;
}

.p-count-data-mw .lt-days p {
    margin: 0;
    font-weight: 600;
    font-size: var(--base-font-size-h4);
    color: var(--primary-color);
}

.p-count-data-mw .lt-days span {
    font-weight: 600;
    min-width: 38px;
    text-align: left;
}

.p-count-data-mw .lt-days {
    color: var(--primary-color);
}

.p-count-data-mw .p-progress-def {
    min-width: 125px;
}

.participants-list-wpb .lt-list-date {
    justify-content: flex-end;
    align-items: end;
    display: grid;
    grid-template-columns: repeat(3, auto) 180px;
}

.participants-list-wpb .lt-days p strong {
    font-size: var(--base-font-size-h3);
}

.participants-list-wpb .p-count-data-mw .lt-days p {
    align-self: center;
    line-height: 1.25;
    font-size: var(--base-font-size-xl);
}

.participants-list-wpb .p-count-data-mw .lt-days span {
    font-size: var(--base-font-size-xl);
}

.sf-overall-score {
    align-items: center;
    gap: 1.25rem;
}

.sf-os-2x {
    display: flex;
    width: 100%;
    padding: 1.65rem;
    justify-content: space-around;
    align-items: flex-end;
    gap: 1.25rem;
}

    .sf-os-2x > * {
        flex: 0 0 auto;
    }

    .sf-os-2x hr {
        margin: 0;
        width: 1px;
        height: 5em;
        background-color: var(--primary-border-color);
    }

.p-res-distr {
    display: flex;
    width: 100%;
    min-height: 31px;
    overflow: hidden;
    margin-bottom: 0.5rem;
    border-radius: calc(var(--bs-border-radius)* 0.15);
    border: 1px solid var(--p-grey-5);
    padding: 0.3rem;
}

    .p-res-distr .p-smart-tt:not(:last-child) {
        margin-right: 4px;
    }

    .p-res-distr .p-smart-tt {
        border-radius: calc(var(--bs-border-radius)* 0.45);
    }

.respp-dist-tt-cont h5 {
    font-size: var(--base-font-size-h5);
    font-weight: 600;
    padding-left: 1rem;
    position: relative;
    color: #ffffff;
}

    .respp-dist-tt-cont h5::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0.35rem;
        height: 100%;
        border-radius: 0.1rem;
    }

.respp-dist-tt-cont.resp-negative h5::before {
    background-color: #f2143f;
}

.respp-dist-tt-cont.resp-moderate h5::before {
    background-color: #feb94a;
}

.respp-dist-tt-cont.resp-positive h5::before {
    background-color: #91bf5e;
}

.respp-dist-tt-cont p {
    margin-bottom: 0;
}

.p-list-group-item {
    display: flex;
    gap: 1.8rem;
    font-size: var(--base-font-size-xs);
    font-weight: 400;
    align-items: center;
}

    .p-list-group-item label {
        font-size: var(--base-font-size-xl);
        font-weight: 600;
        color: var(--primary-color);
        position: relative;
        min-width: 33px;
    }

.sur-feed-results .p-list-group-item label::after {
    content: "";
    position: absolute;
    right: -0.95rem;
    top: 50%;
    transform: translateY(-50%);
    height: 17px;
    background-color: var(--primary-color);
    width: 2px;
}

.sur-feed-results .p-list-group-item p {
    font-weight: 500;
    flex-grow: 1;
}

.p-list-group-item:not(:last-child) {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--primary-border-color);
}

.p-res-red-zone {
    width: 20%;
    background-color: #f2143f;
}

.p-res-yellow-zone {
    width: 30%;
    background-color: #feb94a;
}

.p-res-green-zone {
    background-color: #91bf5e;
    width: 50%;
}

.sur-feed-results {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--default-gap);
}

    .sur-feed-results .ba-box-shadows,
    .inner-sur-res .ba-box-shadows {
        min-height: 17em;
    }

.p-bck-btn-mw {
    color: var(--primary-color);
}

.inner-sur-res {
    display: grid;
    grid-template-columns: 450px 1fr;
    gap: var(--default-gap);
}

.p-inn-res-distri .p-progress-def {
    font-size: var(--base-font-size-sm);
}

    .p-inn-res-distri .p-progress-def:not(:last-child) {
        margin-bottom: 1.7rem;
    }

.sf-participation .p-progress-def {
    min-width: 180px;
}

.insight-def-label {
    font-size: calc(var(--base-font-size-h1) * 1.325);
    color: var(--primary-color);
    font-weight: 700;
    line-height: 1.2;
}

.p-cur-poi {
    cursor: pointer;
}

.sur-feed-emoji {
    font-size: 2.75rem;
}

.sf-sum-lbl {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    margin-bottom: 0.15rem;
}

@media(max-width: 1400px) {
    .sur-feed-results .p-icon.p-icon-sm {
        width: 0.98rem;
        height: 0.98rem;
    }
}

.drag-handle {
    cursor: move;
}

    .drag-handle .bi-arrows-move {
        font-size: 0.9rem;
    }

.pgab-icons.dx-button .dx-button-content {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    color: var(--primary-color);
    font-size: var(--base-font-size-xxs);
    padding: 0.45rem 0.45rem;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.45;
}

.p-sl-scroll {
    /*    max-height: 500px;*/
    overflow-y: auto;
    margin-right: -1.25rem;
    padding-right: 0.95rem;
}

.grid-rating-star em.icon {
    font-size: 1.16rem;
}

.hire-left-sc-pos {
    max-height: 100%;
    overflow: auto;
}

.p-def-lay1-left {
    display: flex;
    flex-direction: column;
    flex: 0 0 320px;
    max-width: 320px;
    z-index: 99;
    height: 100%;
}

.p-def-lay1-mw {
    height: calc(100vh - calc(var(--default-container-gap)* 2) - var(--nav-min-height));
}

.hire-main-container .p-def-lay1-mw {
    min-height: 800px;
}

.kanban-content .tab-content {
    /*overflow-x: hidden;*/
    width: 100%;
}

.kanban-content {
    display: flex;
}

.p-def-lay1-left > .ph-card {
    flex: 1;
}

.p-fdc-h100 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.hire-right-kb .tab-content > .active {
    display: flex;
}
/*step timeline full width sh*/
.step-fw-modal .pso-form-wrapper {
    --minmax-height-pso: calc(100vh - 9.3rem);
    max-height: var(--minmax-height-pso);
    height: var(--minmax-height-pso);
}

/*.step-fw-modal .p-ss-h100 {
    width: calc(100% + 1.45rem);
}*/

.step-fw-modal .p-html-editor-lg .dx-htmleditor-content {
    height: calc(100vh - 21.5rem);
    max-height: initial;
}

.p-add-pos-ap {
    height: 100%;
}

.step-fw-modal iframe::-webkit-scrollbar {
    width: 5px; /* for horizontal scrollbars */
    height: 5px; /* for vertical scrollbars */
}

.step-fw-modal iframe::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
}

.p-dx-ul .dx-texteditor-container {
    align-items: center;
}

.p-dx-ul .dx-tag {
    align-self: center;
    max-width: calc(100% - 0.6rem);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-dx-ul .userNameDiv {
    max-width: calc(100%);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-dx-ul .dx-tag-container.dx-texteditor-input-container .dx-texteditor-input {
    border: none;
    padding: initial;
    height: initial;
}

.p-dx-ul .dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container {
    justify-content: flex-start;
    padding-bottom: 0;
}

.p-dx-ul .dx-texteditor-input {
    border: none !important;
}

.p-dx-ul .dx-texteditor-input-container {
    padding-right: 1rem;
    padding-left: 0.55rem;
}

.p-dx-ul .po-user-count {
    right: 0.55rem;
}

.p-add-bord .dx-texteditor.dx-editor-outlined {
    border: 1px solid var(--input-border-1);
}

.p-help-cent .wb-inner-wrapper {
    --pc-thumb-height: initial;
    border: 1px solid var(--input-border-1);
    min-height: var(--pc-thumb-height);
    box-shadow: 0 2px 6px rgb(20 54 111 / 4%);
    border-radius: calc(var(--bs-border-radius) * 0.85);
    cursor: pointer;
}

.p-hel-cot-item {
    min-width: 210px;
    max-width: 210px;
}

    .p-hel-cot-item .academy-bc h5 {
        font-size: var(--base-font-size-xxs);
        font-weight: 500;
    }

.p-hps-head-mw {
    padding-left: 0.38rem;
}

.sidebar-generic,
.df-fdc-hc {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.p-sb-gene-body,
.help-center-mw {
    flex: 1;
}

#msg-side-nav-header-text svg {
    cursor: pointer;
}

.p-sb-gene-footer.text-center {
    padding: 0.7rem 1.2rem;
    background-color: var(--p-grey-2);
    display: flex;
    justify-content: space-between;
    position: sticky;
    bottom: 0;
    margin-left: -1.1rem;
    width: calc(100% + calc(var(--box-padding) * 2));
    z-index: 1200;
}

.p-sb-gene-footer span {
    color: var(--primary-color);
    position: relative;
    top: 0.02rem;
}

.p-help-cent-mw .academy-feat-img {
    --pc-thumb-height: 7.5rem;
}

.msg-side-nav-header-text #backToHelpMenus {
    position: relative;
    top: 0.02em;
}

.p-help-cent-mw .slick-prev,
.p-help-cent-mw .slick-next {
    top: calc(50% - 1.2rem);
}

.p-help-cent-mw:not(:last-child) {
    margin-bottom: 1.2rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--primary-border-color);
}

.phc-tab-slides-content .ch-filter-wrapper .p-search-input,
.phc-tab-slides-content .btn-slect-dropdown select {
    max-width: 100% !important;
    width: 100%;
}

.phc-tab-slides-content .ch-filter-search {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    flex: 1;
}

.help-center-video-modal .modal-content {
    overflow: hidden;
    border-radius: var(--bs-border-radius);
}

.wb-inner-wrapper::after, .academy-tc::after {
    background-color: transparent;
}

.modal.over-sb {
    z-index: 8888;
}

.p-bg-overlay-over-pp::before {
    content: '';
    background-color: rgb(10 30 68 / 64%);
    backdrop-filter: blur(6px px );
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 8879;
    transition: all 0.6s;
}

.p-hc-lv-mw {
    height: 112px;
    border-radius: 4px;
    overflow: hidden;
    z-index: 1;
    height: 110px;
    width: 209px;
}

    .p-hc-lv-mw iframe {
        height: 112px;
        width: 210px;
    }

.p-eve-muted-img-mw svg {
    fill: var(--p-grey-1);
}

.p-eve-card-muted.p-events-card.p-upcom-birth h6,
.p-eve-card-muted .p-ev-it-cont p,
.p-eve-card-muted .p-ev-it-cont small,
.p-eve-muted-img-mw svg,
.p-muted-ma .p-feat-legends-items label,
.p-eve-card-muted .p-ev-it-cont h6,
.muted-txt h5,
.muted-txt label {
    color: var(--on-primary-color);
    opacity: 0.75;
    cursor: default;
}

.muted-txt .tc-content {
    text-align: left;
}

.muted-txt .tc-img-wrapper {
    opacity: .5;
}

.p-muted-graph .p-fb-graph {
    height: 170px;
}

.muted-txt .p-ins-txt {
    text-align: left;
}

.p-muted-ma .p-bp-gr-leg .p-fli-box, .p-eve-card-muted .bg-darkBlue, .p-eve-card-muted .p-btn-sm-lb {
    opacity: 1;
    color: #fff;
}

.p-muted-ma .p-ins-txt {
    color: var(--on-primary-color);
    opacity: 0.85;
    text-align: left;
    font-size: .7rem;
    margin-top: 0.8rem;
    display: flex;
    text-align: left;
    align-self: flex-start;
}

.p-muted-graph {
    padding-bottom: 1.1rem;
}

.p-feat-chart-wrapper .p-inst-pos-abs {
    position: absolute;
    bottom: -13px;
}

.p-muted-ma .p-banner-stats.p-pie-chart-sl {
    margin-bottom: 0.8rem;
}

.p-muted-graph .p-inst-pos-abs {
    bottom: -10px;
}

.p-inst-pos-abs {
    position: absolute;
    bottom: 0;
}

.p-muted-ma .p-ins-txt sub {
    top: 5px;
}

.loading-skeleton.p-eve-card-muted .skeleton-img,
.loading-skeleton.p-eve-card-muted .skeleton-img::after,
.loading-skeleton.p-eve-card-muted h1,
.loading-skeleton.p-eve-card-muted h2,
.loading-skeleton.p-eve-card-muted h3,
.loading-skeleton.p-eve-card-muted h4,
.loading-skeleton.p-eve-card-muted h5,
.loading-skeleton.p-eve-card-muted h6,
.loading-skeleton.p-eve-card-muted p,
.loading-skeleton.p-eve-card-muted li,
.loading-skeleton.p-eve-card-muted .btn,
.loading-skeleton.p-eve-card-muted label,
.loading-skeleton.p-eve-card-muted .form-control,
.loading-skeleton.p-eve-card-muted a,
.loading-skeleton.p-eve-card-muted small,
.loading-skeleton.p-eve-card-muted strong,
.loading-skeleton.p-eve-card-muted svg,
.loading-skeleton.p-eve-card-muted .skeleton-img::after,
.loading-skeleton.p-eve-card-muted .def-avat-name-ini::after,
.loading-skeleton.p-eve-card-muted .p-add-btn,
.loading-skeleton.p-eve-card-muted .p-btn-small,
.loading-skeleton.p-eve-card-muted .progress,
.loading-skeleton.p-eve-card-muted .progress .cp-data-bottom,
.loading-skeleton.p-eve-card-muted .circle-tag,
.loading-skeleton.p-eve-card-muted .p-btn-sm-lb {
    background: var(--p-grey-1);
    opacity: 0.5;
}

.loading-skeleton.p-eve-card-muted .p-bar-chart-sl:before,
.loading-skeleton.p-eve-card-muted .p-bar-chart-sl:after {
    background: var(--p-grey-1);
    opacity: 0.25;
}

.loading-skeleton.p-eve-card-muted.p-events-card hr,
.loading-skeleton.p-eve-card-muted.p-db-cgp-mw hr {
    background: var(--bg-default);
    opacity: 0.85;
}

.p-muted-graph .p-bp-gr-leg {
    display: flex;
    gap: 1.1rem;
}

.p-muted-pie {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: conic-gradient(#c5ccdd 30%, #d8dde9 0 60%, #a9aebc 0 0%, #c5ccdd 0%);
    opacity: 0.75;
}

.p-feat-chart-wrapper .p-muted-pie {
    width: 135px;
    height: 135px;
}

.p-muted-slice {
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 50%, 100% 50%, 100% 0);
    background: inherit;
    border-radius: 50%;
}

.p-muted-ma .p-bp-gr-leg .p-fli-box,
.p-eve-card-muted .bg-darkBlue,
.p-eve-card-muted .p-btn-sm-lb {
    background: var(--p-grey-1);
    opacity: 0.7;
    color: #edf0f7;
}

.p-muted-ma .p-feat-legends-items label {
    text-align: left;
}

.p-muted-slice:nth-child(1) {
    transform: rotate(0deg);
}

.p-muted-slice:nth-child(2) {
    transform: rotate(90deg);
}

.p-muted-slice:nth-child(3) {
    transform: rotate(180deg);
}

.p-muted-slice:nth-child(4) {
    transform: rotate(270deg);
}

.p-muted-ma {
    position: relative;
    flex: 1;
}

.p-nd-upd.p-muted-ma {
    padding-top: 0;
}

/*.main-sidebar {
    padding-bottom: 4.6rem !important;
}*/

.icon-scroll-down-indi.ni.icon {
    color: var(--primary-color) !important;
    font-size: 1.4rem;
    font-weight: 300;
}

.nav-menu-scroll-indi-mw {
    position: absolute;
    bottom: 0;
    z-index: 999;
    left: 46%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey-bg-6);
    padding: 1.25rem 0 1.4rem;
    border-bottom-right-radius: 2.5rem;
}

.p-sidebar.p-scroll-overlay {
    padding-bottom: 5rem;
}

.p-muted-graph-labels {
    position: absolute;
    top: 0;
}

.p-bck-btn {
    stroke-width: 2;
}

.p-bg-grey {
    background-color: var(--p-grey-2);
}

.p-grey-mh {
    min-height: 58px;
}

.sur-feed-results .p-list-group-item {
    cursor: pointer;
}

.sur-feed-results .p-list-group-item {
    cursor: pointer;
}

.show-results-modal .modal-body {
    min-height: 520px;
}

.head-wb-btn {
    margin: 1rem 0 1.25rem;
}

    .head-wb-btn .pdf {
        font-size: var(--base-font-size-xs);
    }

.p-inn-res-distri {
    margin-bottom: 1rem;
}


.p-nr-to-show {
    max-width: 470px;
    margin-top: 0.5rem;
}

#ddlPolicyList .dx-lookup-field {
    padding-right: 2.5rem;
}

.modal-fullscreen .p-cn-mb .pso-form-wrapper.pso-form-details {
    max-height: calc(100vh - 6rem) !important;
}

.help-center-loader .wb-inner-wrapper .skeleton-img {
    min-height: var(--pc-thumb-height);
    max-height: var(--pc-thumb-height);
    border-radius: var(--bs-border-radius);
}

/*#ChatTherapy.chat-small-icon span.msg-count {
    right: 1.6em;
    top: 0.45em;
}*/

.dx-datagrid-header-panel .dx-datagrid-export-button,
.download-circle .dx-icon-export-excel-button,
.p-icon-circle {
    width: 2.548rem;
    height: 2.548rem;
    position: relative;
    background-color: var(--btn-light-bg) !important;
    border-radius: 50% !important;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.25) !important;
}

.p-icon-circle.p-icon-circle-sm {
    width: 2.1rem;
    height: 2.1rem;
}

.p-swap-fdi .min-w-95px select.form-control {
    min-height: 40.75px;
}

.dx-datagrid-header-panel .dx-datagrid-export-button .dx-icon-export-excel-button::before,
.download-circle .dx-icon-export-excel-button::after {
    content: ""; /* Remove Font Awesome icon */
    background-image: none; /* Clear old background */
    font-size: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
}

.dx-datagrid-header-panel .dx-datagrid-export-button:hover .dx-icon-export-excel-button::before,
.download-circle:hover .dx-icon-export-excel-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M1 16.1724V18.4483C1 20.9621 3.03788 23 5.55172 23H18.4483C20.9621 23 23 20.9621 23 18.4483V16.1724M12 15.4138V1M12 15.4138L7.06897 10.1034M12 15.4138L16.931 10.1034' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 1.6rem;
    padding-top: 0.4rem;
}

.p-task-content .dx-datagrid.dx-gridbase-container .dx-toolbar-items-container {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-top: 6px;
    gap: 1rem;
}

.p-task-content .dx-datagrid.dx-gridbase-container .dx-toolbar-after,
.p-task-content .dx-datagrid.dx-gridbase-container .dx-toolbar-before {
    position: initial;
    padding-top: 0;
}

.p-icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-icon-circle:hover {
    background: var(--theme-primary-color) !important;
}

.p-icon-circle:hover svg {
    stroke: #fff !important;
}

.cirlce-icon-align-search {
    position: absolute;
    left: 320px;
    z-index: 9;
    top: 2px;
}
/*.p-userlist .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    flex-direction: row;
    align-items: center;
    gap: 0.45rem;
}*/
.download-circle .dx-icon-export-excel-button {
    width: 2.7rem;
    height: 2.7rem;
}

.dx-datagrid-header-panel .dx-datagrid-export-button:hover,
.download-circle .dx-icon-export-excel-button:hover {
    background-color: var(--theme-primary-color) !important;
}

/*.filter-active::after {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    top: -2px;
    right: -1px;
}*/

.filter-active {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

    .filter-active .p-icon-grey-s {
        stroke: #fff !important;
    }

.try-hr-modal .modal-content {
    max-width: 675px;
}

.try-hr-modal .modal-content .modal-body {
    padding: 2rem 2rem !important;
    padding-bottom: 1rem !important;
}

.p-b-frame img {
    filter: drop-shadow(0px 39.831px 46.86px rgba(205, 205, 205, 0.16));
    border-radius: 1.1rem;
    border: 12px solid rgba(255, 255, 255, 0.24);
    background: rgb(244 247 252 / 14%);
    position: relative;
    left: 0.9rem;
    width: 100%;
    height: 100%;
    max-width: initial;
    object-fit: cover;
    border-bottom-right-radius: 48px;
    object-position: left;
    object-position: top;
}

.p-b-frame {
    max-width: 411px;
    margin: 0 auto;
    height: 245px;
}

.try-hr-modal .modal-content .modal-body p {
    font-size: var(--base-font-size-lg);
}

.p-try-hr-actn-btn {
    display: flex;
    flex-direction: column-reverse;
    gap: 0.2rem;
    max-width: 320px;
    margin: 0 auto;
    margin-top: 2.1rem;
}

    .p-try-hr-actn-btn button.hc-default-btn {
        min-height: 3rem;
    }

.try-hr-modal-content {
    position: relative;
}

.pattern-blue {
    background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 88.02%);
    stroke-width: 2.5px;
    stroke: var(--Color-Greadient, #76F6DD);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.02)) blur(100px);
    position: absolute;
    width: 550px;
    height: 210px;
    bottom: 150px;
    z-index: 0;
    left: -50px;
    transform: rotate(-31deg);
    z-index: 0;
}

.p-try-hr-actn-btn button.hc-default-btn.btn-cancel {
    font-size: var(--base-font-size-xl);
}

.ai-delete {
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
}

.allow-incr-table tr:hover .ai-delete {
    visibility: visible;
    opacity: 1;
}

.allow-incr-table .p-small-input {
    max-width: 90px;
    min-width: initial;
    padding-right: 0.6rem;
}

.allow-incr-table tr td {
    vertical-align: middle;
}

.p-add-btn-sm.p-add-btn {
    min-height: inherit;
    min-width: initial;
    padding: 0.45rem 0.7rem;
}

.allow-incr-table.p-def-table tr td,
.allow-incr-table.p-def-table tr th {
    padding: 0.5rem;
}

table.allow-incr-table {
    width: 100%;
    table-layout: fixed;
}

table.allow-incr-table th, table.allow-incr-table td {
    width: 18%;
}

@media(max-height: 700px) {
    .try-hr-modal .modal-content .modal-body {
        padding: 1.5rem !important;
        padding-bottom: 0.6rem !important;
    }
}

/*iphone 14 mockup*/
.iframe-in-device {
    height: 100%;
    width: 100%;
}


.iphone, .ipad {
    display: block;
    color: #fff;
    text-align: center;
    background-size: auto 200%, cover;
    background-repeat: no-repeat, no-repeat;
    border: solid var(--primary-color);
    margin-bottom: 2em;
    position: relative;
    transition: all 0.1s linear, line-height 0s linear;
    background-position: 50% 100%, center;
    overflow: hidden;
    background: var(--bg-default);
}

.ipad {
    height: 100vmin;
    width: 53vmin;
    border-width: 2.2vmin;
    border-radius: 3.8vmin;
    z-index: 100;
}

.step-fw-modal .pso-grid-wrapper {
    padding-bottom: 0;
}

.talent-ske-load .p-grey-bg-box {
    background-color: transparent;
    border: 1px solid var(--bg-default);
}

.talent-ske-load h3 {
    min-height: 0.9rem;
    margin-bottom: 1.1rem;
    max-width: 7.5em;
}

.talent-ske-load .p-search-input input {
    border: none;
    min-height: 42px;
}

.talent-ske-load .kanban-board-header h5 {
    min-width: 6.2rem;
    min-height: 0.9rem;
    margin-bottom: 0;
}

.talent-ske-load .kanban-title-board .card-count {
    margin-right: 0.35rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.3rem;
    font-size: 0.7rem;
    border-radius: 1.18rem !important;
    border: none;
}

.talent-ske-load header.kanban-board-header::after {
    background-color: var(--bg-default);
}

.talent-ske-load .kanban-header .pdf .p-icon {
    stroke: transparent;
}

.talent-ske-load .kanban-footer .kanban-icons label {
    height: 0.7rem;
    min-width: 2.6rem;
}

.talent-ske-load .kanban-item {
    border-color: var(--bg-default);
}

.talent-ske-load .kanban-board-header em.icon.ni-plus {
    color: var(--skeleton-color-2);
}

.talent-ske-load .pt-jdesc-sl p {
    margin-bottom: 0.3rem;
    min-height: 0.73rem;
}

.talent-ske-load .kanban-tabs-container {
    overflow: hidden;
}
/**/
.step-fw-modal .p-html-editor-lg .dx-htmleditor-content {
    height: calc(100vh - 25rem);
}

.p-gene-ai-wp {
}

.ls-textbox.sl-gai-progress {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 4rem;
}

.p-gai-wp-iw {
    margin-top: 1.3rem;
}

    .p-gai-wp-iw img {
        max-width: 6em;
        margin: 0 auto;
        display: block;
    }

.p-gene-ai-content {
    max-width: 25em;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
    text-align: center;
    margin-top: 1.4rem;
}

    .p-gene-ai-content h4.ph-4 {
        font-size: var(--base-font-size-h3);
    }

    .p-gene-ai-content p {
        font-size: var(--base-font-size-xxl);
        font-weight: 400;
        color: var(--primary-color);
    }

.progress-bar-grad.progress-bar {
    background: var(--primary-color);
}

.p-gene-ai-content .custom-progress.progress {
    background-color: #e9edf2;
}

/*ai generation process sh*/
.p-ai-gene-process {
    --animation-duration: 1.5s;
    --purple-color: #3699ff;
    --green-color: #4CAF50;
    --transition-duration: 0.3s;
    --box-shadow-color: rgb(54 153 255 / 84%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

.p-ai-gen-pro-container {
    list-style: none;
}

.p-ai-gen-pro-step {
    padding: 0.525rem;
    margin: 0.3125rem 0;
    position: relative;
    overflow: hidden;
    font-size: var(--base-font-size);
    transition: all var(--transition-duration) ease;
    padding-left: 2.5rem;
}

.p-ai-gen-pro-indicator {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background-color: var(--secondary-color);
    box-shadow: 0 0 0.625rem 0 var(--box-shadow-color); /* Added box shadow */
    position: absolute;
    top: 50%;
    left: 0.625rem;
    transform: translateY(-50%) scale(1);
    transition: background-color var(--transition-duration) ease, transform var(--transition-duration) ease;
}

.p-ai-gen-pro-active .p-ai-gen-pro-indicator {
    animation: scaleUpDown var(--animation-duration) infinite alternate;
}

.p-ai-gen-pro-completed .p-ai-gen-pro-indicator {
    background-color: var(--green-color);
    transform: translateY(-50%) scale(1.2); /* Start at a slightly larger size to transition to checkmark */
    box-shadow: 0 0 0.625rem 0 rgba(76, 175, 80, 0.5);
}

    .p-ai-gen-pro-completed .p-ai-gen-pro-indicator::after {
        content: '';
        color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        font-size: 1.125rem;
        transition: transform var(--transition-duration) ease;
        animation: appearCheckmark var(--transition-duration) forwards;
        background: url("data:image/svg+xml,%0A%3Csvg width='14px' height='14px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 0.05rem 0.05rem;
        background-size: 0.75rem;
    }

@keyframes scaleUpDown {
    0%, 100% {
        transform: translateY(-50%) scale(1);
        box-shadow: 0 0 0.625rem 0 var(--box-shadow-color);
    }

    50% {
        transform: translateY(-50%) scale(1.2);
        box-shadow: 0 0 0.9375rem 0 var(--box-shadow-color);
    }
}

@keyframes appearCheckmark {
    to {
        transform: translate(-50%, -50%) scale(1);
    }
}
/*ai generation process eh*/

.p-tal-ins-grid {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: var(--default-gap);
    line-height: 1.4;
}

.p-tal-tot-app {
    grid-area: pt-tot-app;
}

.p-tal-off-made {
    grid-area: pt-off-made;
}

.p-tal-hire-made {
    grid-area: pt-hire-made;
}

.p-tal-sources {
    grid-area: pt-tal-sources;
}

.p-tal-loca {
    grid-area: pt-tal-loca;
}

.p-tal-gender {
    grid-area: pt-tal-gender;
}

.p-tal-experience {
    grid-area: pt-tal-experience;
}

.p-tal-applicationtrend {
    grid-area: pt-tal-applicationtrend;
}

/*OVERVIEW*/
.p-tal-ov-grid {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: var(--default-gap);
    line-height: 1.4;
}

.p-talov-tot-app {
    grid-area: pt-tot-app;
}

.p-talov-off-made {
    grid-area: pt-off-made;
}

.p-talov-hire-made {
    grid-area: pt-hire-made;
}

.p-talov-sources {
    grid-area: pt-tal-sources;
}

.p-talov-loca {
    grid-area: pt-tal-loca;
}

.p-talov-gender {
    grid-area: pt-tal-gender;
}

.p-talov-experience {
    grid-area: pt-tal-experience;
}

.p-talov-applicationtrend {
    grid-area: pt-tal-applicationtrend;
}

/**/
.p-tal-ins-grid {
    grid-template-areas:
        "pt-tot-app pt-tot-app pt-tot-app pt-off-made pt-off-made pt-off-made pt-hire-made pt-hire-made pt-hire-made"
        "pt-tal-sources pt-tal-sources pt-tal-sources pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend"
        "pt-tal-gender pt-tal-gender pt-tal-gender pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience"
        "pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca";
}

.p-tal-ov-grid {
    grid-template-areas:
        "pt-tot-jobs pt-tot-jobs pt-tot-app pt-tot-app pt-off-made pt-off-made pt-off-made pt-hire-made pt-hire-made"
        "pt-tal-sources pt-tal-sources pt-tal-sources pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend pt-tal-applicationtrend"
        "pt-tal-gender pt-tal-gender pt-tal-gender pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience pt-tal-experience";
    /*"pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca pt-tal-loca";*/
}

.p-tal-tot-app, .p-tal-off-made, .p-tal-hire-made, .p-tal-applicationtrend {
    min-height: 14em;
}

.p-talov-tot-jobs, .p-talov-tot-app, .p-talov-off-made, .p-talov-hire-made, .p-talov-applicationtrend {
    min-height: 14em;
}

.p-tal-ins-grid .roi-con {
    flex-direction: column;
    text-align: center;
    width: calc(100% - 0.4rem);
}

.p-tal-ins-grid .pos-cen.mt-2 {
    width: 100%;
    text-align: center;
    padding: 1rem;
}

.p-tal-ins-grid .roi-con small {
    align-self: center;
}

.p-tal-loca .ins-overview-gg {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--default-gap);
    align-items: flex-start;
}

.p-tal-ins-grid .ins-loc-vec-map {
    height: 19.5em;
}

.p-tal-ins-grid .isn-ov-locations-lcol {
    min-height: initial;
}

.p-tal-loca .location-leg-list p label span {
    min-width: 1em;
}

.p-tal-ins-grid .location-leg-list {
    max-height: 230px;
    overflow-y: auto;
}

.p-tal-ins-grid .p-banner-stats {
    grid-template-columns: auto;
    align-items: center;
    justify-content: center;
}

.p-tal-ins-grid .p-muted-pie {
    width: 11rem;
    height: 11rem;
}

/*.p-tal-sources .p-def-gr-circle-w {
    --ins-gr-cricle-wh: 11rem;
}*/

.p-hire-overview .p-def-gr-circle-w {
    height: 260px;
    width: 260px;
}

.p-tal-sources .p-pb-gr-circle {
    --pb-gr-cricle-wh: 11rem;
    margin-top: 1.5rem;
}

.p-inp-border a {
    color: var(--on-primary-color);
    margin: 0.2rem 0rem;
    display: inline-block;
}

.p-tal-ov-grid .roi-con {
    flex-direction: column;
    text-align: center;
    width: calc(100% - 0.4rem);
}

.p-tal-ov-grid .pos-cen.mt-2 {
    width: 100%;
    text-align: center;
    padding: 1rem;
}

.p-tal-ov-grid .roi-con small {
    align-self: center;
}


.p-tal-ov-grid .ins-loc-vec-map,
.p-tal-ov-grid .p-def-gr-he-la {
    height: 19.5em;
}

.p-tal-ov-grid .isn-ov-locations-lcol {
    min-height: initial;
}


.p-tal-ov-grid .location-leg-list {
    max-height: 230px;
    overflow-y: auto;
}

.p-tal-ov-grid .p-banner-stats {
    grid-template-columns: auto;
    align-items: center;
    justify-content: center;
}

.p-tal-ov-grid .p-muted-pie {
    width: 11rem;
    height: 11rem;
}

@media(max-width: 1500px) {
    .p-tal-loca .ins-overview-gg {
        grid-template-columns: auto;
    }

    .location-leg-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.3rem 1.7rem;
        justify-content: space-between;
    }

    .p-tal-ins-grid .ins-loc-vec-map,
    .p-tal-ins-grid .p-def-gr-he-la {
        height: 16em;
    }

    .p-tal-ov-grid .ins-loc-vec-map,
    .p-tal-ov-grid .p-def-gr-he-la {
        height: 16em;
    }
}

.form-group .p-dx-tag-ml .dx-texteditor.dx-editor-outlined {
    height: initial;
    padding: 4px 6px;
    max-height: 220px;
    overflow-y: auto;
}

.p-input-append.p-dx-tag-ml .dx-tag-content {
    margin: 0.18em .2em;
    padding: 0.4em 1.85em 0.4em 0.55em;
    line-height: 1.25;
}

.p-input-append.p-add-si .dx-texteditor-input-container {
    padding-right: 2.5rem;
}

.p-input-append.p-add-si.p-ad-si-sim-dd .dx-texteditor-input-container {
    padding-right: 0;
    background: none;
}

.p-input-append.p-dx-tag-ml .dx-tag-container.dx-texteditor-input-container {
    padding-top: 0;
    padding-bottom: 0;
}

.p-input-append.p-dx-tag-ml .dx-texteditor-input-container,
.p-input-append.p-dx-tag-ml .dx-texteditor-input {
    min-height: 33px !important;
}

.p-sc-form-ol {
    display: grid;
    grid-template-columns: repeat(3, 1fr) auto;
    gap: 1.3rem;
    margin-bottom: 1rem;
}

.p-label-wrc {
    display: flex !important;
    justify-content: space-between;
    gap: 1rem;
}

    .p-label-wrc span {
        font-weight: 400;
        color: var(--link-color);
        cursor: pointer;
        padding-right: 0.125rem;
        padding-right: 0.125rem;
        font-size: var(--base-font-size-xs);
        padding-top: 1px;
    }

/* CSS styles for the file uploader */

.modal-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.p-fu-mw .file-uploader-container .dx-fileuploader-input-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    gap: 0.5rem 1rem;
    border: 0.1rem dashed hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.4);
    padding: 0.5rem;
    border-radius: var(--bs-border-radius);
    min-height: calc(100vh - 300px);
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) ) !important;
    position: relative;
    position: relative;
}

.p-fu-mw .file-uploader-container:hover {
    border-color: var(--p-grey-1);
}

.p-fu-mw .file-uploader-container .drag-text {
    font-size: 16px;
    color: #666;
    margin: 10px 0;
}

.p-fu-mw .dx-fileuploader-content {
    position: relative;
    border-radius: var(--bs-border-radius);
}

.p-fu-mw .dx-fileuploader-wrapper {
    padding: 0;
}

.p-fu-mw .dx-fileuploader-files-container {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 2.8rem);
    padding: 0;
}

.dx-fileuploader-files-inner-container {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
}

.p-fu-mw .dx-fileuploader-file-container {
    position: relative;
    width: 200px;
    border: 1px solid var(--sec-light-color7);
    padding: 0.7em;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    min-height: 4.8em;
    height: 160px !important;
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 88%) );
}

.p-fu-mw .dx-fileuploader-file-name {
    color: var(--primary-color);
    font-size: var(--base-font-size);
    overflow: hidden;
    white-space: normal;
    text-align: left;
    text-overflow: ellipsis;
    max-width: 100% !important;
    width: 100%;
}

.p-fu-mw .dx-fileuploader-file-name,
.p-fu-mw .dx-fileuploader-file {
    color: var(--on-primary-color);
}

.p-fu-mw .dx-fileuploader-cancel-button {
    position: absolute;
    top: 9px;
    right: 5px;
}

.p-fu-mw .dx-fileuploader-button-container .dx-fileuploader-upload-button {
    position: absolute;
    top: 9px;
    right: 29px;
    padding-right: 0 !important;
}

.p-fu-mw .dx-fileuploader-file-info {
    text-align: center;
}

.p-fu-mw .dx-fileuploader-file-size {
    display: block;
    position: absolute;
    bottom: 0.5em;
    left: 0.7em;
    font-size: 0.73rem;
    color: var(--on-primary-color);
    padding: 0;
    margin: 0;
}

.p-fu-mw .dx-progressbar-animating-container {
    border-radius: 5px;
    -webkit-animation: 2s linear infinite dx-loader;
    animation: 2s linear infinite dx-loader;
    background-image: linear-gradient(-90deg,transparent 5%, var(--dark-blue-color),transparent 95%);
    background-repeat: no-repeat;
}

.p-fu-mw .dx-fileuploader-file-status-message {
    text-align: center;
    color: green;
    position: absolute;
    bottom: 0.4em;
    right: 0.7em;
    font-size: 0.73rem;
}

.p-fu-mw .dx-fileuploader-button-container .dx-button-mode-contained .dx-icon {
    color: var(--background1);
    font-size: 0.73rem;
    background-color: var(--dark-blue-color);
    border-radius: 0.15rem;
}

.p-fu-mw .dx-fileuploader-file-container .dx-button {
    width: 22px;
    height: 22px;
    margin-right: 0;
    background: transparent;
}

.p-fu-mw .dx-fileuploader-cancel-button.dx-button-mode-contained {
    background-color: transparent;
}

.p-fu-mw .dx-fileuploader-show-file-list:not(.dx-fileuploader-empty) .dx-fileuploader-files-container {
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    border-radius: var(--bs-border-radius);
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) ) !important;
    z-index: 999;
    border: 1px solid var(--primary-border-color) !important;
    max-height: max-content;
    overflow: auto;
}

.p-fu-mw .dx-fileuploader-content > .dx-fileuploader-upload-button {
    margin: 0;
    margin-top: 10px !important;
    left: 0;
}

    .p-fu-mw .dx-fileuploader-content > .dx-fileuploader-upload-button .dx-button-content {
        background-color: var(--p-btn-bg);
        color: white;
        border-radius: var(--bs-border-radius);
        position: relative;
        top: -1px;
        left: 1px;
    }

        .p-fu-mw .dx-fileuploader-content > .dx-fileuploader-upload-button .dx-button-content:hover {
            background-color: var(--p-btn-hover);
        }

.p-fu-mw .dx-fileuploader-empty .dx-fileuploader-content > .dx-fileuploader-upload-button {
    padding-top: 0.7rem;
}

.p-fu-mw .dx-fileuploader-input-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.p-fu-mw .dx-fileuploader-input-label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 3rem;
    color: var(--on-primary-color);
}

.p-fu-mw .dx-fileuploader-input-wrapper .dx-button {
    float: left;
    z-index: 999;
    margin-left: 8.5rem;
}

.p-fu-mw .dx-fileuploader-input-container {
    position: absolute;
}

.p-fu-mw .dx-fileuploader-dragover .dx-fileuploader-input-container {
    display: block;
    border: 0.15em dashed var(--p-grey-1);
    width: calc(100% + 3px);
    border-radius: var(--bs-border-radius);
    margin: 0;
    height: calc(100% + 3px);
}

.p-fu-mw .dx-fileuploader-input-wrapper .dx-button-has-text .dx-button-content {
    color: var(--link-color) !important;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    color: #fff;
    cursor: pointer;
    padding: 0;
    font-weight: 500;
}

.p-fu-mw .dx-fileuploader-input-wrapper .dx-button-back.dx-state-hover .dx-button-content,
.p-fu-mw .dx-fileuploader-input-wrapper .dx-button-normal.dx-state-hover .dx-button-content,
.p-fu-mw .dx-fileuploader-input-wrapper .dx-button-mode-contained.dx-state-hover,
.p-fu-mw .dx-fileuploader-input-wrapper .dx-button-mode-contained.dx-state-focused {
    background-color: transparent;
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

.p-def-uploader-head {
    display: grid;
    justify-content: space-between;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
}

.ml-draggable-wrapper li.draggable .icon.ni {
    color: var(--on-primary-color);
}


.insight-main-container .no-data {
    max-width: 170px;
    height: 100px;
}

.pract-container .appointment-div {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
}

.appointment-div.nd-creator-hc {
    padding: 0;
}

.p-prac-grid-dash {
    display: grid;
    grid-template-columns: 1.1fr 28.5em 1fr;
    gap: 2rem;
}


.p-fu-mw .p-muf-img {
    width: 100%;
    height: 97px;
    object-fit: cover;
    border-radius: calc(var(--bs-border-radius)* 0.5);
}

.p-muf-doc {
    height: 97px;
}

.p-fu-mw .p-muf-name {
    font-size: 0.73rem;
    margin-top: 0.25rem;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.p-fu-mw .dx-fileuploader-file {
    padding-top: 0;
    display: block;
}

@media(max-width: 1500px) {
    .nd-creator-hc-inner .nd-learn-wrapper-content {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        width: 100%;
        max-width: calc(100% - 1.25rem);
        flex-direction: column;
        text-align: left;
    }

    .nd-creator-hc-btn-wrapper {
        align-self: flex-start;
        padding-right: 0px;
        margin-top: 1rem;
    }
}

@media(max-width: 1099px) {
    .p-prac-grid-dash {
        grid-template-columns: 100%;
    }
}

.table-check-import input.ml-1.p-form-check-input {
    margin-left: 2.6rem !important;
}

.p-si-ttw .p-sc-details {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ahead-time-modal .modal-body p {
    font-size: var(--base-font-size-xl);
}

.p-fb-cb-align-left, .required-wrap, .multiple-wrap, .allowComments-wrap, .removeNeutral-wrap {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-start;
    width: 81.533333% !important;
    margin-left: auto !important;
    text-align: left;
}

    .p-fb-cb-align-left label:first-child,
    .required-wrap label:first-child,
    .multiple-wrap label:first-child,
    .allowComments-wrap label:first-child,
    .removeNeutral-wrap label:first-child {
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    .p-fb-cb-align-left .input-wrap,
    .required-wrap .input-wrap,
    .multiple-wrap .input-wrap,
    .allowComments-wrap .input-wrap,
    .removeNeutral-wrap .input-wrap {
        width: 32px !important;
        margin-left: 0 !important;
    }

.lock-check-align {
    position: relative;
    top: -0.18em;
    z-index: 9;
    flex-shrink: 0;
}

.dis-cour-vl {
    cursor: default;
    opacity: 0.5;
    pointer-events: none;
}

    .dis-cour-vl label, .dis-cour-vl input, .dis-cour-vl small {
        cursor: default !important;
    }

.p-slider-def-arrows {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
}

.p-slider-def-arrows {
    margin-bottom: 1.25rem;
}

svg.p-sda-icons {
    width: 1.45rem;
    height: 1.45rem;
    stroke: var(--primary-color);
    cursor: pointer;
}

.p-marketpl-card-mw {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

    .p-marketpl-card-mw .p-sc-img-w {
        height: 10.5rem;
    }

        .p-marketpl-card-mw .p-sc-img-w img {
            width: 100%;
            height: 100%;
            max-width: 100%;
            object-fit: cover;
        }

.market-place-loader.loading-skeleton svg {
    stroke: none;
}


@media(min-width: 1800px) {
    .p-marketpl-card-mw {
        grid-template-columns: repeat(4, 1fr);
    }
}


.p-tl-box-xl.p-tl-box {
    max-width: 55rem;
}

.p-tl-box-xl .p-tl-box-modi-sceen hr {
    margin: 1.3rem 0;
}


.ana-sc-main-cont {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-tl-box-xl .p-sc-details {
    gap: 0.2rem;
}

.p-ana-sc-det {
    display: flex;
    justify-content: flex-start;
    gap: 0.4rem 4.5rem;
    flex-wrap: wrap;
}

.leave-ther-move {
    display: flex;
    align-items: center;
    padding-left: 0.4rem;
    padding-right: 0.6rem;
}

    .leave-ther-move svg {
        width: 1.2rem;
        height: 1.1rem;
        display: inline-block;
        stroke: var(--primary-color);
    }

.p-mov-icon-acc {
    display: flex;
    align-items: center;
}

/*css for talent pool starts here*/

.p-cp-modal-mw .iconly--icon {
    stroke: var(--on-secondary-color);
    width: 1.1rem;
    height: 1.1rem;
}

.p-cp-modal-mw .p-ci-socials svg {
    width: 1.35rem;
    height: 1.35rem;
}

.p-cp-modal-mw .p-ci-socials {
    margin-left: 1.5rem;
}
/*css for talent pool ends here*/

.screening-pre-video .p-sc-details {
    gap: 0.9rem;
}

.p-icon-btn-he:hover {
    border-radius: 50%;
    background-color: var(--p-grey-2);
    stroke: var(--primary-color);
    cursor: pointer;
}

.p-icon-btn-he {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2em;
}

    .p-icon-btn-he svg.p-icon {
        stroke: var(--primary-color);
    }
/*css for hire over view page*/
.ins-overvew-grid .ba-box-shadows {
    position: relative;
}

.p-hire-overview .roi-con {
    flex-direction: column;
}

.p-hire-overview {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: var(--box-padding);
    grid-template-areas:
        "p-ho-act-job p-ho-act-job p-ho-tot-appli p-ho-tot-appli  p-ho-off-sent p-ho-off-sent p-ho-new-hires p-ho-new-hires"
        "p-ho-source p-ho-source p-ho-gender p-ho-gender p-ho-phases p-ho-phases p-ho-phases p-ho-phases"
        "p-ho-reports p-ho-reports p-ho-reports p-ho-reports p-ho-reports p-ho-reports p-ho-reports p-ho-reports"
        "p-ho-location p-ho-location p-ho-location p-ho-location p-ho-location p-ho-location p-ho-location p-ho-location";
}

.p-ho-act-job {
    min-height: 12em;
    grid-area: p-ho-act-job;
}

.p-ho-tot-appli {
    grid-area: p-ho-tot-appli;
}

.p-ho-off-sent {
    grid-area: p-ho-off-sent;
}

.p-ho-new-hires {
    grid-area: p-ho-new-hires;
}

.p-ho-source {
    grid-area: p-ho-source;
}

.p-ho-reports {
    grid-area: p-ho-reports;
}

.p-ho-gender {
    grid-area: p-ho-gender;
    min-height: 19.3em;
}

.p-ho-phases {
    grid-area: p-ho-phases;
}

.p-ho-location {
    grid-area: p-ho-location;
}

.p-ho-rtu {
    grid-area: p-ho-rtu;
}

.notification-msg-list-item {
    transition: background-color 0.3s ease;
}

.notification-msg-list-item:hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.2);
    cursor: pointer;
}

.p-ho-act-job,
.p-ho-tot-appli,
.p-ho-off-sent,
.p-ho-new-hires {
    min-height: 14em;
}

.p-hire-overview .pos-cen {
    width: calc(100% - 2rem);
}

.p-hire-overview .roi-con small {
    align-self: center;
}

.p-ho-location-row {
    display: flex;
}




@media(max-width: 1500px) {
    .location-leg-list.p-list-gp-rd p {
        display: inline-grid;
        grid-template-columns: 9rem auto;
    }
}

@media(max-width: 1366px) {
    .isn-ov-locations .ins-overview-gg .location-leg-list {
        gap: 0.35rem 1.5rem;
    }

    .location-leg-list.p-list-gp-rd p {
        grid-template-columns: 7rem auto;
    }
}



/*css for hire over view page ends*/
.people-progress-grid .p-def-datagrid .p-progress-def {
    min-width: 230px;
    max-width: 230px;
    margin-right: 1.5rem;
}

.p-dx-grid-align-txt {
    position: absolute;
    left: calc(21em + 1.5rem);
    top: 0;
    z-index: 9;
}

    .p-dx-grid-align-txt.p-dx-grid-align-txt-download {
        left: calc(22em + 1.5rem);
    }

#JobsGrid tr td,
.p-dx-tab-cp tr td {
    cursor: pointer;
}

.p-td-top-details {
    display: flex;
    justify-content: space-between;
    gap: var(--default-gap);
    align-items: flex-start;
}

.p-btn-second-bord,
.p-btn-sec-bord-red {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    color: var(--secondary-color);
    font-size: var(--base-font-size);
    margin: 0 auto;
    border-radius: var(--border-radius-default);
    padding: 0.625rem 1.25rem;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    font-weight: 500;
    border: 0.15em solid var(--secondary-color);
    cursor: pointer;
    min-width: 11.5em;
}

.p-btn-second-bord:hover,
.p-btn-second-bord-fill {
    background-color: var(--secondary-color);
    color: #ffffff;
}

.p-btn-sec-bord-red {
    background: #ffe9e9;
    border: 1px solid #DE3B40 !important;
    color: #DE3B40;
}

.p-btn-sec-bord-red:hover {
    background: #DE3B40 !important;
    color: #fff;
    border-color: #DE3B40 !important;
    border-width: 2px;
}

.p-btn-sec-fill-red {
    background-color: #DE3B40;
    border-color: #DE3B40;
    color: #ffffff;
}

    .p-btn-sec-fill-red:hover {
        background-color: #c42227;
        border-color: #c42227;
        color: #ffffff;
    }

.p-btn-sec-bord-red:hover {
    background-color: #DE3B40;
    color: #ffffff;
}

.p-ci-sections-mw.loading-skeleton .p-icon {
    fill: transparent;
    stroke: transparent;
}

.loading-skeleton .step-avatar-svg {
    background-color: transparent;
}

.loading-skeleton .step-avatar .skeleton-img,
.grid-avatar .skeleton-img {
    border-radius: 50%;
    flex-shrink: 0;
}

.loading-skeleton li.step-activity-item {
    background: transparent;
    height: inherit;
}

.p-int-img-mw {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-int-img-mw img {
    width: 12em;
    min-height: initial;
}

.p-integrations-mw .p-card-full-details-img-thumb {
    min-height: 11.2em;
}

.p-integrations-mw .p-add-btn {
    min-width: 13.2em;
}

.p-lk-com-if-img {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 2px solid var(--border-layout);
    box-shadow: var(--default-shadow-1);
}

.p-lk-inpt-cta {
    display: flex;
    align-items: center;
    gap: var(--default-gap);
}

.p-lk-inpt-cta-ilw {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--default-gap)* 0.5);
}

    .p-lk-inpt-cta-ilw label {
        flex: 0 0 auto;
        align-self: center;
        font-size: var(--base-font-size-lg);
        margin-bottom: 0;
    }

.p-lk-inte-mod-mw h5.ph5 {
    font-size: var(--base-font-size-xl);
}

.p-head-with-border {
    border-bottom: 1px solid #e3e6e9;
    padding-bottom: 0.3rem;
    margin-bottom: 1.1rem;
}

    .p-head-with-border h5 {
        font-size: var(--base-font-size-h4);
    }

.loading-skeleton label.btn-status {
    min-height: 1.8rem;
}


.p-tl-pos-cent-abs {
    position: absolute;
    bottom: 1.7rem;
    left: 50%;
    transform: translateX(-50%);
}

.p-ap-to-slideup {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -300px;
    background: var(--chat-dark-bg-2);
    padding: var(--box-padding);
    transition: bottom 0.3s ease-in-out;
    z-index: 1050;
    border: 1px solid var(--primary-border-color);
    box-shadow: 0px -8px 20px 0px rgba(13, 41, 66, 0.28);
}

.p-ap-to-visible {
    bottom: 0;
}

.p-ap-to-hidden {
    bottom: -300px;
}

.p-ap-to-cta-wrapper {
    text-align: right;
}

.modal-app-tor .badge {
    font-weight: 400;
}

.active-rejection-box .modal-dialog::after {
    background: rgb(255 255 255 / 72%);
    backdrop-filter: blur(4px);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: default;
    pointer-events: none;
}



/*css for lms course starts here*/
.custom-cc-content .p-progress-def {
    max-width: 22em;
}

.p-course-stru-list {
    width: 100%;
}

    .p-course-stru-list label {
        flex: 1;
    }

.ph-card-xs {
}

.p-lms-create-course .pg-grid-layout-reverse .pg-grid-layout-right {
    flex: 0 0 340px;
    max-width: 340px;
}

.p-cusr-str-mw .p-ul-align li:not(:last-child) {
    margin-bottom: 0rem;
}

.p-cusr-str-mw .sidebar-dropdown label {
    color: var(--primary-color);
    font-weight: 500;
}

.p-lms-cs-ct-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--default-gap);
}

.p-hire-cs-ct-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--default-gap);
}

.p-lms-cs-ct-grid .phc-hm-item {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
}

.p-hire-cs-ct-grid .phc-hm-item {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
}

.p-hire-cs-ct-grid .phc-hm-item:hover{
    border-color:var(--theme-primary-color);
    background-color:var(--card-btn-light-bg);
}

.p-lms-cs-ct-grid .phc-hm-item:hover .icon-box-sm {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .05);
}

.p-hire-cs-ct-grid .phc-hm-item:hover .icon-box-sm {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), .05);
}

.sidebar-dropdown {
    transition: all .3s;
}

    .sidebar-dropdown .icon-cd-lms {
        transition: all .3s;
    }

    .sidebar-dropdown.active .icon-cd-lms {
        transform: rotate(180deg);
        transition: all .3s;
    }

.ph-default-link-blue {
    font-weight: 400;
    color: var(--link-color);
}

    .ph-default-link-blue em.icon.ni {
        color: var(--link-color);
    }

.p-vid-mw {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    display: flex;
}

    .p-vid-mw video {
        width: 100%;
        height: 100%;
    }

.btn-close-vid-sec {
    position: absolute;
    top: -0.7rem;
    right: -0.3rem;
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0;
}

.p-lms-cs-video-sec {
    position: relative;
    margin-top: -0.2rem;
}

.p-btn-link-icon {
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0;
}

.custom-cc-content .p-card-full-details-img-thumb {
    cursor: pointer;
}

.custom-cc-content .p-card-full-deatils-cols {
    margin-bottom: calc(var(--default-gap)* 1);
}

.p-lms-content-dura input.form-control {
    max-width: 4.3em;
}

.p-lms-content-dura-iw {
    position: relative;
}

    .p-lms-content-dura-iw input {
        padding-right: 1.5rem;
    }

    .p-lms-content-dura-iw span {
        position: absolute;
        right: 0.9em;
        top: 0.85rem;
        line-height: 1;
        font-size: 0.98rem;
    }

.p-lms-cd-min span {
    right: 0.4em;
}

.p-lms-cl-mod-cont {
    cursor: pointer;
}

.courses-main-cont .academy-bc h5 {
    min-height: initial;
}

.p-btn-sec-bord-red.p-btn-sec-bord-red-confirm {
    min-width: 9.26em;
}

.p-tal-can-pro-img.p-hover-img-overlay-ic.p-img-thumbnail-size {
    width: 20em;
}

.p-img-thumbnail-size.p-tal-can-pro-img img {
    width: 100%;
    height: 11.4em;
}

.p-img-thumbnail-size .p-hdc-edit {
    gap: 1.8rem;
}

.p-cusr-str-mw .sidebar-wrapper .sidebar-menu ul li .side-menu-list {
    padding: 0.7rem 0.85rem;
    cursor: grab;
}

    .p-cusr-str-mw .sidebar-wrapper .sidebar-menu ul li .side-menu-list .oic-side-menu-list {
        cursor: grab;
    }

.p-course-stru-list-actns {
    flex-direction: row-reverse;
}

.qm-align-fb {
    /*    padding: calc(var(--default-gap)* 1.1);*/
}

.p-lms-create-course .pg-grid-layout-right {
    min-height: calc(100vh - calc(var(--default-container-gap)* 2) - var(--nav-min-height) - var(--default-gap));
}

.p-label-w-input-il {
    margin-bottom: 1.25rem;
}

    .p-label-w-input-il input {
        max-width: 3.8em;
        height: initial;
        text-align: center;
    }

.add.add-opt {
    cursor: pointer;
}

.lms-form-builder .form-builder-wp {
    height: initial;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
}

    .lms-form-builder .form-builder-wp .form-wrap.form-builder .stage-wrap {
        max-height: initial;
        margin-top: 0;
        margin: calc(var(--default-gap)* 0);
        margin-right: calc(var(--default-gap));
        min-height: 400px !important;
    }

.lms-form-builder .cb-wrap {
    max-width: 30em;
}

@media(max-width: 1600px) {
    .lms-form-builder .cb-wrap {
        max-width: 18em;
    }
}

.lms-form-builder .form-wrap.form-builder .frmb .prev-holder label {
    font-weight: normal;
    margin: 0;
    cursor: pointer;
}

.form-builder-wp input[type="radio"] {
    cursor: pointer;
}

.lms-form-builder .cb-wrap {
    padding: 0;
    padding-left: calc(var(--default-gap));
}

.p-course-stru-list-actns .p-dd-wp-dot-icon {
    width: 1.3rem;
    height: 1.3rem;
    padding: 0.22rem;
}

.icon-cd-lms.more-btn {
    cursor: pointer;
}

.p-vid-mw iframe {
    height: auto;
    width: 100%;
    aspect-ratio: 17 / 9;
}

.p-cusr-str-mw .p-ul-align li:hover {
    background-color: var(--theme-secondary-color);
    border-radius: calc(var(--bs-border-radius) * 0.55);
    cursor: pointer;
}

.sidebar-submenu .p-ul-align li:has(button.p-link-wicon.p-link-wicon-sm) {
    background: transparent;
}

.sidebar-submenu .p-ul-align li label {
    cursor: pointer;
}

li.add-content-cs:hover {
    background-color: transparent !important;
}

.lms-cour-feat-btn .img-uploder,
.lms-cour-feat-img img {
    height: 12.1rem;
}

.p-question-lms-ql .p-cques-inner {
    padding: 2rem;
}

.p-lms-cs-ct-grid.loading-skeleton h6.label-primary {
    max-width: 110px;
    margin-bottom: 0.5rem !important;
    display: block;
}

.p-hire-cs-ct-grid.loading-skeleton h6.label-primary {
    max-width: 110px;
    margin-bottom: 0.5rem !important;
    display: block;
}

.p-question-lms-ql .p-cques-answ {
    min-height: 36em;
}

.p-lms-content-dura-align.p-lms-content-dura input.form-control {
    max-width: 6.7em;
}

.p-lms-quiz-ws {
    display: grid;
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: var(--default-gap);
}

.p-lms-quiz-fs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--default-gap)* 0.5);
    margin-bottom: 2rem;
}

    .p-lms-quiz-fs-grid .phc-hm-item strong {
        font-size: var(--base-font-size-xxl);
        color: var(--primary-color);
        margin-top: 0.5rem;
        display: inline-block;
        font-weight: 500;
    }

.p-lms-quiz-res-mw {
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 1px solid var(--primary-border-color);
}

.p-lms-quiz-fs-grid .phc-hm-item {
    padding: calc(var(--box-padding)* 0.5);
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-green {
    background: rgba(118, 246, 221, 0.30);
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-salmon {
    background: rgba(243, 167, 172, 0.30);
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-yellow {
    background: rgba(249, 231, 145, 0.30);
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-green svg {
    stroke: #5FD9C2;
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-salmon svg {
    stroke: #E35D66;
}

.p-lms-quiz-res-mw .icon-box-sm.icon-box-sm-yellow svg {
    stroke: #a98d06;
}

.p-lms-quiz-res-mw .phc-hm-item {
    cursor: default;
}

.p-cent-lms-img {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    max-width: 170px;
}

.lms-down-cen-sc p {
    margin-bottom: 0;
    font-weight: 400;
}

.lms-down-cen-sc .p-cques-banner {
    gap: 2.4rem;
}

.set-up-from-scratch.lms-form-builder .form-wrap.form-builder .frmb .sortable-options > li:nth-child(1) .remove {
    display: none;
}

.page-container-mw ul {
    padding-left: 0.95rem;
}

.mc-overview-indi-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: var(--default-gap);
    line-height: 1.4;
}

.over-indi-break-ass {
    grid-area: ga-mc-break-ass;
}

.over-indi-compen-rate {
    grid-area: ga-mc-compen-rate;
}

.over-indi-start-cour {
    grid-area: ga-mc-start-cour-tab;
}

.mc-overview-indi-grid {
    grid-template-areas:
        "ga-mc-break-ass ga-mc-break-ass ga-mc-break-ass ga-mc-break-ass ga-mc-compen-rate ga-mc-compen-rate ga-mc-compen-rate ga-mc-compen-rate"
        "ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab ga-mc-start-cour-tab";
}

.p-def-comp-rate {
    width: 100%;
    text-align: center;
    padding: 1rem;
}

    .p-def-comp-rate .roi-con {
        flex-direction: column;
        text-align: center;
        width: calc(100% - 0.4rem);
    }

        .p-def-comp-rate .roi-con small {
            align-self: center;
            position: relative;
            top: -1px;
            font-size: var(--base-font-size);
        }

.mc-overview-indi-grid .ba-box-shadows,
.p-learn-overview .ba-box-shadows {
    min-height: 20em;
}

.p-course-slv .like-save-wrapper em.icon.ni {
    position: relative;
    top: -0.05rem;
    font-size: 1.1rem;
}

.p-course-slv .like-save-wrapper em.pc-bookmark-icon.ni {
    font-size: 1.18rem;
}

.p-course-slv .p-save-tag-wrap span {
    color: var(--primary-color);
    min-width: 11px;
    text-align: center;
}

.p-sq-main-scr.p-cci-main {
    height: initial;
}

.btn-cour-prev-acts {
    display: flex;
    align-items: center;
    gap: 0.95rem;
    margin-top: 1.25rem;
}

    .btn-cour-prev-acts .p-btn-small-txt {
        flex: 1;
        border: 1px solid var(--secondary-color);
    }

    .btn-cour-prev-acts .p-ani-btn.p-add-btn.ani-btn-lg {
        min-width: initial;
        padding: 0;
        width: var(--p-btn-min-height);
        height: var(--p-btn-min-height);
    }

    .btn-cour-prev-acts .p-ani-btn.p-add-btn.ani-btn-sm {
        --p-btn-min-height: 2rem;
    }

    .btn-cour-prev-acts .p-ani-btn.p-add-btn.ani-btn-lg.ani-btn-md {
        border: none;
        background: transparent;
        --p-btn-min-height: initial;
    }

.p-hire-top-det {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

    .p-hire-top-det span.hr-pipe {
        color: var(--input-border-1);
        font-size: 1rem;
        font-weight: 300;
    }

.btn-tag-hire.p-ani-sec-btn .p-add-btn svg.p-icon {
    stroke: var(--on-primary-color);
    width: 1.45rem;
    height: 1.45rem;
    padding: 0.25rem;
}

    .btn-tag-hire.p-ani-sec-btn .p-add-btn svg.p-icon:hover {
        background: var(--sec-light-color7);
    }

.p-kb-tags-w-dd-opt {
    position: relative;
}

.p-dd-kb-list .dropdown-menu {
    z-index: 1200;
    padding: 0.38rem !important;
}

.p-kb-tags-w-dd svg.p-dd-wp-dot-icon-ver {
    padding: 0;
    width: 0.9rem;
    height: 0.9rem;
}

.btn-tag-hire .p-ani-dropdown {
    padding: 0.75rem;
    overflow: visible;
}

.btn-tags-hire-mw {
    margin-top: 0.9rem;
    position: relative;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    z-index: 90;
    align-items: center;
}

.p-ani-dropdown .btn-tags-hire-mw {
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    align-items: flex-start;
}

.p-kb-tags-w-dd span {
    line-height: 1.35;
    font-weight: 400;
}

.p-kb-tags-w-dd {
    padding: 0.25rem 0.725rem 0.25rem;
    position: relative;
}

.cirlce-icon-align-search.ci-bs {
    position: absolute;
    left: 300px;
    z-index: 9;
    top: 2px;
}

.p-kb-tags-w-dd .p-dd-kb-list {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--p-grey-2);
    padding: 0.15rem 0.5rem;
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
    z-index: 1500;
    cursor: pointer;
    align-items: center;
    gap: 0.2rem;
}

    .p-kb-tags-w-dd:hover .p-dd-kb-list, .p-kb-tags-w-dd .p-dd-kb-list.show {
        opacity: 1;
        visibility: visible;
    }

label.hire-tag-message {
    line-height: 1.2;
    font-size: var(--base-font-size-xxs);
    color: var(--on-primary-color);
}

.p-kb-tag-count {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0.65rem;
    display: flex;
    align-items: center;
    background: var(--p-grey-2);
    justify-content: center;
    padding: 0.25rem;
    font-weight: 400;
}

.btn-tags-hire-sel {
    position: relative;
    z-index: 1;
}

.p-kb-tags-w-dd .p-ani-dropdown button:hover {
    background-color: transparent;
}

.p-kb-tags-w-dd .p-pm-dropdown li a {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    color: var(--primary-color);
    font-size: var(--base-font-size-xxs);
    padding: 0.45rem 0.85rem;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.45;
    font-weight: 400;
    border-radius: var(--bs-border-radius);
}

    .p-kb-tags-w-dd .p-pm-dropdown li a:hover {
        background: var(--sec-light-color7);
    }

    .p-kb-tags-w-dd .p-pm-dropdown li a svg {
        width: 1.1rem;
    }

.form-control-sm {
    padding: .25rem .85rem;
}

input.form-control-sm::placeholder {
    font-size: 0.78rem;
}

.p-dd-wp-dot-icon-ver {
    transform: rotate(90deg);
}

.btn-cour-prev-acts .p-ani-sec-btn .p-ani-btn.p-add-btn:hover {
    color: #ffffff;
    background-color: var(--theme-primary-color) !important;
}

.btn-cour-prev-acts .p-ani-sec-btn .p-ani-btn.p-add-btn:hover .p-ani-icon-ac svg {
    fill: var(--background1);
}

.btn-cour-prev-acts .p-ani-sec-btn .p-ani-icon-ac svg.mp-icon-dot {
    width: 1.2rem;
    height: 1.2rem;
}

.btn-cour-prev-acts .p-ani-sec-btn .p-ani-icon-ac {
    background-color: transparent;
}

.btn-cour-prev-acts .p-btn-small.p-btn-small-wt {
    min-width: initial;
    padding: 0;
    width: var(--p-btn-min-height);
    height: var(--p-btn-min-height);
    border: 1px solid var(--secondary-color);
}

@media(max-width: 991px) {
    .p-hi {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.35rem;
    }

    .p-sc-int-welcome {
        grid-template-columns: 100%;
    }

    .p-hlo {
        padding: 0.85rem;
    }

    .p-hlo {
        padding: 0.75rem 1.05rem;
    }

    .p-sc-que-head {
        grid-template-columns: 100%;
    }

    .p-sc-ques-mw {
        padding: 1rem 0rem;
    }

    .ana-sc-main-cont {
        align-items: flex-start;
        justify-content: center;
        padding: 1.15rem 0;
    }
}
/* plumm learn overview */
.plo-cou-ins {
    grid-area: ga-cou-ins;
}

.plo-over-status {
    grid-area: ga-over-status;
}

.plo-cour-trends {
    grid-area: ga-cour-trends;
}

.plo-pop-cou {
    grid-area: ga-pop-cou;
}

.plo-datagrid {
    grid-area: ga-plo-datagrid;
}

.plo-over-cou-report {
    grid-area: ga-report;
}

.p-lms-ppc-item {
}

.p-lms-ppc-img {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    margin-bottom: var(--box-padding);
}

    .p-lms-ppc-img img {
        width: 100%;
    }

.p-lms-ppc-content h4 {
    font-size: var(--base-font-size-h3);
    font-weight: 600;
    margin-bottom: 0.025rem;
}

.p-lms-ppc-img {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    margin-bottom: calc(var(--box-padding)* 0.85);
    max-height: 260px;
    min-height: 260px;
}

.p-learn-overview {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--default-gap);
    line-height: 1.4;
}

#div-breakup-of-assignment-loader .p-def-gr-circle,
#breakup-of-groups .p-def-gr-circle {
    height: var(--ins-gr-cricle-wh);
    width: var(--ins-gr-cricle-wh);
}

.p-learn-overview {
    grid-template-areas:
        "ga-cou-ins ga-cou-ins ga-cou-ins ga-cou-ins ga-over-status ga-over-status ga-over-status ga-over-status ga-pop-cou ga-pop-cou ga-pop-cou ga-pop-cou"
        "ga-cour-trends ga-cour-trends ga-cour-trends ga-cour-trends ga-cour-trends ga-cour-trends ga-report ga-report ga-report ga-report ga-report ga-report"
        "ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid ga-plo-datagrid";
}

.p-rep-types-grid.p-lms-cs-ct-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(var(--default-gap)* 0.75);
}

.p-rep-types-grid.p-hire-cs-ct-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--default-gap)* 0.5);
}

.p-def-table-wnw tr th,
.p-def-table-wnw tr td {
    vertical-align: middle;
    white-space: nowrap;
    border: none;
}

.plo-over-status .roi-con label {
    font-size: calc(var(--base-font-size-h1) * 2);
}

.plo-over-status .p-def-comp-rate .roi-con small {
    font-size: var(--base-font-size-xxl);
}

.p-course-slv {
}

@media(min-width: 1600px) {
    .p-lms-create-course .pg-grid-layout-right {
        min-height: calc(100vh - calc(var(--default-container-gap)* 2) - var(--nav-min-height) - var(--default-gap) - 53px);
    }
}
/*lms ends here*/
/*css for payroll starts here*/
.pp-7 {
    padding-top: 4.3rem !important;
}

.p-two-inp-or-sepe {
    display: grid;
    grid-template-columns: 6.5em auto 1fr;
    align-items: flex-start;
    gap: 1rem;
}

.p-align-cb-input {
    min-height: 43px;
    display: flex;
    align-items: center;
}

.mana-pay-main-container .p-tabs-mh {
    min-height: calc(100vh - calc(var(--default-container-gap)* 3.9) - var(--nav-min-height));
}
/*css for payroll ends here*/

.tdi-p-ani {
    width: 1.4rem;
    height: 1.4rem;
    padding: 0.32rem;
}

.ani-btn-lg {
    min-width: 7.4rem;
    gap: 0.8rem;
}

.step-activity-item .step-inner-content ul {
    list-style-type: disc;
}

.ph-card.p-defautlt-navs {
    margin-left: -0.35rem;
}

.p-pay-tiles {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0.7rem;
    margin-top: 1rem;
}

.p-pay-tiles-items {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--bs-border-radius)* 0.65);
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    justify-content: space-between;
}

.p-pay-tiles-items-yd {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--input-border-1);
    padding: 0.4rem 0.2rem;
    gap: 0.2rem;
    flex: 1;
}

.p-pay-tiles-status {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.125rem 0.2rem;
    background-color: var(--p-grey-3);
    color: var(--primary-color);
}

.p-pay-tiles-items.loading-skeleton {
    border-color: var(--sec-light-color7);
}

.p-pay-tiles-status label,
.p-pti-dates {
    text-transform: uppercase;
    font-size: 0.65rem;
}

.p-pay-tiles-items-yd label {
    font-size: 0.78rem;
}

@media(max-width: 1700px) {
    .p-pti-dates span {
        width: 90px;
        display: inline-block;
    }
}

@media(max-width: 1540px) {
    .p-pay-tiles {
        gap: 0.325rem;
    }

    .p-pay-tiles-status label, .p-pti-dates {
        font-size: 0.62rem;
    }

    .p-pay-tiles-items-yd label {
        font-size: 0.75rem;
    }
}

.p-pay-com-det-mw .p-sli-arrows,
.p-pay-tiles-items-yd label,
.p-pay-tiles-status label {
    cursor: pointer;
}

.p-pay-tiles-items:hover {
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%) );
}

.p-pt-status-green,
.p-pt-status-green-active,
.p-pt-status-green-active:hover {
    background-color: #b0f8ca6e;
    color: var(--green-color);
    border-color: var(--green-color)
}

    .p-pt-status-green-active .p-pay-tiles-items-yd {
        border-color: var(--green-color);
    }

.p-pt-status-blue,
.p-pt-status-blue-active,
.p-pt-status-blue-active:hover {
    background-color: #d6ecff;
    color: #3699ff;
    border-color: #3699ff;
}

    .p-pt-status-blue-active .p-pay-tiles-items-yd {
        border-color: #84c1ff;
    }

.p-pt-status-yellow,
.p-pt-status-yellow-active,
.p-pt-status-yellow-active:hover {
    background-color: #fff6d9;
    color: var(--yellow-color);
    border-color:var(--yellow-color) !important
}

    .p-pt-status-yellow-active .p-pay-tiles-items-yd {
        border-color: var(--yellow-color);
    }

.p-pt-status-grey, .p-pt-status-grey-active {
    background-color: #dce0e7;
    color: #465161;
}

    .p-pt-status-grey-active .p-pay-tiles-items-yd {
        border-color: #e5e5e5;
    }

.pp-pc-mw-grid {
    height: 100%;
    flex: 1;
    display: grid;
    grid-template-columns: 170px 1px calc(100% - 217px);
    align-items: flex-start;
    gap: var(--box-padding);
}

.pp-pc-dat-com {
    height: 100%;
}

.pp-cp-divider-ver {
    width: 1px;
    height: 100%;
    background-color: var(--primary-border-color);
    margin: 0;
}

.p-small-action-icon {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.175rem;
    border-radius: calc(var(--bs-border-radius));
    transition: all .3s;
    width: 1.45rem;
    height: 1.45rem;
    background: var(--btn-light-bg);
}

.p-back-btn {
    flex-shrink: 0;
}

    .p-back-btn.p-back-btn-dark-bg {
    }

.p-def-back-btn {
    padding: calc(var(--box-padding)* 0.75);
}

    .p-def-back-btn h5.ph-5 {
    }

.p-small-action-icon:hover {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-back-btn-lg.p-small-action-icon:hover .p-icon-xs{
    stroke:#fff !important;
}

.p-small-action-icon svg.p-dd-wp-dot-icon {
    width: 1.15rem;
    height: 1.15rem;
    padding: 0.1rem;
}

.p-small-action-icon svg.p-dd-wp-dot-icon:hover {
    background-color: transparent;
}

.p-back-btn-lg.p-small-action-icon {
    width: 2.25rem;
    height: 2.25rem;
}

.p-back-btn-lg.p-small-action-icon .p-icon-xs {
    width: 1.25rem;
    height: 1.25rem;
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

#reviewSelfLoaderDiv .ph-card {
    min-height: 310px;
}

/*.p-back-btn .p-icon-blue.p-icon {
    stroke: var(--sec-light-color3);
}*/

.pso-form-wrapper-pp-cp,
.pp-pc-mw-grid-rt {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pp-cp-content-tl-tb {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .pp-cp-content-tl-tb .pso-step {
        height: 100%;
    }

.p-icon-salmon {
    fill: var(--yellow-dark-color);
}

.p-cp-com-det label {
    font-size: var(--base-font-size-xxl);
    font-weight: 500;
    color: var(--primary-color);
}

.p-cp-com-det p {
    font-size: var(--base-font-size-xxs);
    line-height: 1.25;
}

.pso-timeline-list-hroi.pso-timeline-list.pso-tieline-fw {
    flex-direction: initial;
    flex-wrap: initial;
    gap: 0;
    justify-content: space-between;
}

    .pso-timeline-list-hroi.pso-timeline-list.pso-tieline-fw .pso-timeline-item:not(:last-child) {
        width: 100%;
        flex: 1;
    }

        .pso-timeline-list-hroi.pso-timeline-list.pso-tieline-fw .pso-timeline-item:not(:last-child)::after {
            right: 2em;
            width: calc(100% - 8rem);
        }

.p-def-tr-cpn td {
    cursor: default !important;
    pointer-events: none;
}

small.p-sm-count {
    color: var(--on-primary-color);
    display: inline-block;
    margin-left: 0.15rem;
    font-size: calc(var(--base-font-size-xxs) * 0.88);
    position: relative;
    top: -1px;
}

.p-sm-count-minus {
    color: #DE3B40 !important;
}

.p-sm-count-add {
    color: #349d00 !important;
}

.p-def-table.p-def-table-vm tr td,
.p-def-table.p-def-table-vm tr th {
    vertical-align: middle;
}

.p-def-table-sm td {
    padding: 0.3rem 0.6rem;
}

.p-def-tr-cpn td {
    padding: 0.7rem 0.6rem !important;
}

.pp-cp-sb-sub-head label,
.pp-cp-sb-sub-total strong {
    color: var(--primary-color);
}

.p-la-sepe-head.loading-skeleton .pp-cp-sb-sub-total strong {
    height: 0.9rem;
}

.pp-cp-sb-mw {
    margin-bottom: 1rem;
}

.text-primrary-color-muted {
    color: #747e94;
    opacity: 0.75;
}

.p-icon-pension {
    fill: var(--p-grey-1);
    width: 1.2rem;
    height: 1.2rem;
}

.p-add-btn-icon.p-add-btn {
    border-width: 0.1em;
    font-weight: 500;
}

    .p-add-btn-icon.p-add-btn.p-btn-sec em.icon {
        color: var(--theme-primary-color);
    }

    .p-add-btn-icon.p-add-btn:hover em.icon {
        color: #ffffff;
    }

.p-sal-cal-group {
    margin-bottom: 0.6rem;
}

.p-dd-bts .pgab-icons a {
    color: var(--primary-color);
}

.p-dd-bts .dropdown-menu {
    max-height: calc(100vh - 96px);
    overflow-y: auto;
}

.p-sal-cal-group h4.ph-4 {
    font-size: var(--base-font-size-h5);
}

.p-sc-details-lg .p-sc-details-2x label {
    flex: 0 0 10em;
}

.p-sc-details-lg .p-sc-details-2x {
    gap: 1.5rem;
}

.p-sc-details-xl .p-sc-details-2x label {
    flex: 0 0 13.5em;
}


.pp-pc-review .p-la-sepe-head, .pp-pc-process .p-la-sepe-head {
    max-width: 680px;
}

.pp-pc-review .pp-cp-sb-mw {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.pp-cp-pro-pay-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border-bottom: 1px solid var(--primary-border-color);
    margin-bottom: 1.4rem;
    padding-bottom: 1.4rem;
}

.p-icon-fill.p-icon-fill-green {
    fill: #349d00;
}

.p-icon-fill.p-icon-fill-red {
    fill: #DE3B40;
}

.p-icon-fill.p-icon-fill-yellow {
    fill: #ffc107;
}

.p-icon-fill.p-icon-fill-orange {
    fill: #FF5722;
}

.p-icon-fill.p-icon-fill-blue {
    fill: #007bff;
}

.p-icon-fill.p-icon-fill-grey {
    fill: var(--on-primary-color);
}

.ppcppi-icon {
    position: relative;
    top: -2.4px;
}

.pay-cycle-main-container .pp-pc-mw-grid-rt .p-ss-h100 {
    /*height: calc(100% - 4.6rem);*/
}

.pay-cycle-main-container .pp-pc-mw-grid-rt .p-ss-h100 {
    min-height: 600px;
}

.p-ci-sections-items .p-dd-wp-content .p-grid-action-btns .pgab-icons span {
    font-weight: 400;
}

.p-exp-gene-mw-inner {
    margin-bottom: 2.2rem;
}

.p-sb-gene-footer-up button span,
.p-sb-gene-footer-up .p-btn-sec-bord-red:hover span {
    color: #fff;
}

.p-sb-gene-footer-up .p-btn-sec-bord-red span {
    color: #DE3B40;
}

.p-exp-gene-mw .p-sc-details-lg .p-sc-details-2x label {
    font-weight: 400;
}

.p-sidebar-gen-mw {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.p-sidebar-gen-mw-wh {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.p-sb-gene-footer-up {
    padding: var(--box-padding);
    padding-top: 1rem;
    padding-bottom: calc(var(--box-padding)* 0.85);
    background-color: var(--chat-dark-bg-2);
    border-top: 1px solid var(--chat-dark-bg-2);
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-default-border));
}

.p-sidebar-gen-mw .p-sb-gene-body {
    overflow: auto;
    height: calc(100vh - 9.1rem);
    background: var(--chat-dark-bg-2);
}

.expense-sb {
    color: var(--primary-color);
    display: grid;
    gap: 0.8rem;
}

.p-text-secondary {
    color: var(--on-primary-color);
}

.expense-sb strong {
    font-weight: 500;
}

.pfc-foc-none:focus {
    box-shadow: none;
    border-color: var(--input-border-1);
}

.p-cj-card-apps {
    margin-top: 0.525rem;
}

.head-with-info .icon.ni.ni-info {
    font-size: 0.85rem;
    position: relative;
    top: 1px;
    color: var(--on-primary-color);
    cursor: pointer;
}

.p-sb-gene-body .p-head-seperator-fw h4.ph-4 {
    font-size: var(--base-font-size-h5);
}

/*make modal in sidebar*/
.p-modal-sb .modal-dialog {
    -ms-flex-direction: column;
    flex-direction: inherit;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    right: 0;
    position: absolute;
    width: 100%;
    max-width: var(--sidebar-width);
    margin: 0px !important;
    max-height: 100vh !important;
}

.p-modal-sb .btn-submit-profile {
    width: 100%;
}

.p-modal-sb-sz-1 .modal-dialog {
    max-width: 560px;
}

.p-modal-sb-sz-3 .modal-dialog {
    max-width: 850px;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.p-modal-sb .modal-dialog.show {
    transform: translateX(0); /* Slide in from the right */
}

@media (min-width: 576px) {
    .p-modal-sb .modal-dialog .modal-content {
        height: 100vh;
        border-radius: 0;
        max-height: calc(100vh - 0rem);
    }
}


.p-modal-sb.modal.fade.show .modal-dialog {
    animation: fadeInRight 0.5s ease;
}

.p-modal-sb.modal.fade .modal-dialog {
    transform: translate(0, 0)
}

#AddEditBenefitsModal .input-icon-append .pcg-user-icon,
.input-icon-append.p-sear-inp-icon svg {
    width: 1.18rem;
    height: 1.18rem;
}

.p-modal-sb .modal-footer .btn-cancel,
.p-modal-sb .modal-footer .hc-default-btn-cancel {
    display: none !important;
}

.p-modal-sb .modal-footer .hc-default-btn,
.p-sb-gene-footer-up .hc-default-btn,
.p-modal-sb .modal-footer .p-btn-small,
.p-modal-sb .two-btns {
    width: 100%;
}

.p-form-modal-hf {
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .p-form-modal-hf .modal-body {
        max-height: calc(100vh - 9rem);
    }

.weglot-container {
    display: none !important;
}

.benefits-box-rerere {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 1.4rem;
}

    .benefits-box-rerere .bb-res {
        padding: 0.8rem 1rem;
        border: 1px solid var(--primary-border-color);
        border-radius: var(--bs-border-radius);
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        min-width: 9.1rem;
        align-items: flex-start;
    }

label.bb-res-amm {
    font-size: var(--base-font-size-h4);
    color: var(--primary-color);
    font-weight: 500;
}

.bb-res-tag.p-tag-sm {
    font-size: 0.7rem;
    padding: 0.12rem 0.35rem;
}

.bb-res-sepe {
    font-size: var(--base-font-size-xxl);
    font-weight: 500;
}

.bb-res.show-sidebar-btn[data-target],
.bb-res.show-sidebar-btn[data-target] *,
.bb-res-cp,
.bb-res-cp * {
    cursor: pointer;
}

.expense-sb hr {
    margin: 0;
    width: 100%;
    border-bottom: 1px solid var(--primary-border-color);
}

.expense-sb .p-sb-clr-total strong {
    font-weight: 600;
}

.mana-pay-main-container .p-acco-btn-wrapper .p-acco-btn {
    font-size: var(--base-font-size);
    font-weight: 500;
}

.mana-pay-main-container .p-sc-details-2x label,
.p-sb-gene-body .form-group .avatar {
    font-weight: 500;
}

.mana-pay-main-container .p-sc-details-2x span {
    color: var(--primary-color);
}

.pp-cp-pension .p-goalcounts h3 {
    margin-bottom: 0.5rem;
    font-size: calc(var(--base-font-size-h1) * 1.15);
    line-height: 1;
    font-weight: 500;
}

.pp-cp-pension .p-goalcount-wrapper {
    gap: 4rem;
}

.pp-cd-report .p-form-check-label {
    color: var(--primary-color);
    font-weight: 600;
}

    .pp-cd-report .p-form-check-label small {
        color: var(--on-primary-color);
    }

.p-form-check-ml input {
    align-self: flex-start;
    position: relative;
    top: 3px;
}

.peroid-end-cta {
    padding-top: 4px;
}

    .peroid-end select,
    .peroid-end-cta button {
        min-width: 200px;
    }

.inpu-grp-sel-curr select {
    max-width: 190px !important;
}

.p-cut-exp-btn-grid {
    position: absolute;
    top: 0;
    left: 260px;
    z-index: 12;
}

.p-cut-exp-btn-grid {
    position: absolute;
    top: 0;
    left: 260px;
    z-index: 12;
}

    .p-cut-exp-btn-grid .p-back-btn-lg.p-small-action-icon {
        width: 2.45rem;
        height: 2.35rem;
        margin-top: 3px;
    }

        .p-cut-exp-btn-grid .p-back-btn-lg.p-small-action-icon .p-icon-xs {
            width: 1.45rem;
            height: 1.45rem;
        }

/*.pp-pc-mw-grid-rt .pso-form-wrapper-pp-cp .pso-action-btns {
    padding-top: 1rem;
}*/

.pp-cp-navs .ph-card.p-defautlt-navs.to-tabs.mb-1p8 {
    margin-bottom: 1.05rem;
}

.loading-skeleton .p-pay-tiles-status.p-pt-status-green {
    min-height: 19.6px;
    background-color: transparent;
}

.loading-skeleton .p-pti-dates {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.loading-skeleton .p-pay-tiles-items-yd {
    gap: 0.63rem;
    padding: 0.658rem 0.2rem;
}

.p-pay-tiles-mw {
    min-height: 160px;
}

.p-input-append-foc-hid .input-icon-append {
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.p-input-append-foc-hid input:focus + .input-icon-append {
    opacity: 1;
    visibility: visible;
}


.p-def-gr-circle-br {
    overflow: hidden;
    border-radius: 50%;
}

.p-def-comp-rate.loading-skeleton label {
    height: 24px;
}

.p-def-comp-rate.loading-skeleton .roi-con {
    gap: 0.7rem;
}

#employeeGridLoader.tkl-ws {
    top: 3.8rem;
}

.pp-cp-pro-pay-item.loading-skeleton svg {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.pp-cp-pro-pay-item.loading-skeleton {
    margin-top: 1.45rem;
}

    .pp-cp-pro-pay-item.loading-skeleton .ppcppi-content h5.ph-5 {
        max-width: 35%;
        margin-bottom: 0.75rem !important;
    }

#detailGrid_Tech .p-def-datagrid .p-progress-def {
    min-width: 270px;
    max-width: 270px;
    margin-right: 1.5rem;
}

.p-lms-ppc-mw {
    margin-top: 0.9rem;
}

.p-add-btn.p-small-select {
    max-width: 230px;
    padding-right: 2.3rem;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    color: var(--primary-color) !important;
    min-width: 230px;
    --p-btn-min-height: 2.4rem;
}

.loading-skeleton.p-sc-details {
    gap: 1.2rem;
}

.loading-skeleton .p-sc-details-2x {
    align-items: center;
}

.plm-grad-app {
    width: 65.70681rem;
    height: 37.43531rem;
    transform: rotate(15deg);
    flex-shrink: 0;
    background: linear-gradient(90deg, #F9E791 0%, #F3A7AC 32.89%, #96CDFA 65.89%, #76F6DD 100%);
    opacity: 0.3;
    filter: blur(100px);
    position: absolute;
    right: 0;
}

select.form-control {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-btn-inline {
    padding: 0.28rem 0.65rem;
    font-size: var(--base-font-size);
    border-radius: calc(var(--border-radius-default)* 0.7);
    background-color: var(--p-btn-bg);
    color: var(--p-btn-txt);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--p-btn-bg);
    cursor: pointer;
    gap: 0.35rem;
    font-weight: 500;
    font-size: var(--base-font-size-xxs);
}

    .p-btn-inline svg.p-grid-icon {
        stroke: #ffffff;
    }

.p-wtgc-list {
}

    .p-wtgc-list hr {
    }

.p-well-tg-img-mw img {
    max-width: 100%;
    height: auto;
}

.p-well-ther-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: var(--default-gap);
}

    .p-well-ther-grid p {
        margin: 0;
    }

.p-well-tg-cont {
    display: flex;
    gap: 0.8rem;
    flex-direction: column;
    align-items: flex-start;
}

.featured-banner-para {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: pointer;
}

.p-well-tg-img-mw {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-select2-input .select2-container--default .select2-selection--single {
    border-radius: var(--bs-border-radius);
    height: calc(1.5em + 0.75rem + 0.825em);
    padding: .375rem .75rem;
}

.p-select2-input .select2-selection__arrow {
    width: 30px !important;
    height: 100% !important;
    display: inline-block;
    font-size: 0;
    top: 0 !important;
    right: 0 !important;
}

    .p-select2-input .select2-selection__arrow b {
        font-size: 0;
        border: none !important;
    }

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--input-border-1) !important;
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

#changePassword .hide-show span {
    margin: -4px -1% 0;
}

.p-model-sb .p-up-on-track {
    align-items: flex-start;
    gap: 0.9rem;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.p-model-sb .p-progress-def {
    flex: 1;
    width: 100%;
}

/*.p-modal-sb .p-cg-per-inc-wrpaer li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}*/

.p-modal-sb .p-cg-per-inc-wrpaer.p-cg-per-inc-wrpaer-row li {
    flex-direction: row;
}

.p-modal-sb .modal-footer button {
    flex: 1;
}

#gridContainerGoal .dx-datagrid-rowsview {
    position: relative;
    z-index: 999;
    min-height: 500px;
}

.loading-skeleton .form-control {
    border-color: transparent;
}

.cta-sticky-position {
    position: sticky;
    bottom: 0;
    padding: 2rem 0 1rem;
    background: var(--background1);
}

.p-sb-stick-button {
    position: sticky;
    bottom: 0;
    background: var(--background1);
    padding: 2rem calc(var(--box-padding) - 7.5px) 1rem;
    z-index: 15;
}


.p-sb-menu-sticky {
    position: fixed !important;
    width: calc(var(--custom-sidebar-width)* 0.985);
    bottom: 0;
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 100%) ) !important;
    border-top: 1px solid hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 100%) ) !important;
    z-index: 99999;
    left: 0;
    padding-left: 0.5rem !important;
    min-height: 67px;
}

.p-sb-menu-sticky::after {
    content: '';
    position: absolute;
    right: -12px;
    top: 0;
    width: 0.9rem;
    height: 100%;
    background-color: transparent;
    display: inline-block;
    z-index: 9999;
}

.p-sb-menu-sticky::before {
    content: '';
    position: absolute;
    top: -25px;
    width: calc(100% + 0.55rem);
    margin-left: -0.6rem;
    border-bottom: 1px solid var(--border-layout);
    left: 0;
    height: 25px;
    background: linear-gradient(0deg, hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05), transparent);
}

.main-sidebar[p-toggle-menu="minimise-on"] .p-sb-menu-sticky::before {
    width: calc(100% + 0.55rem);
}

.main-sidebar[p-toggle-menu="minimise-on"] .p-sb-menu-sticky {
    width: calc(var(--custom-sidebar-width)* 0.98);
}

.p-sb-menu-sticky:hover a.sidebar-dropdown-toggle {
    background: var(--btn-light-bg);
    border-radius: calc(var(--bs-border-radius)* 0.8);
}

.p-sb-gene-body-in-form {
    padding-bottom: 0;
}

.p-grid-course-inner.oci-video-page .sidebar-wrapper .sidebar-menu {
    border-top: 0;
}

.p-grid-course-inner.oci-video-page .sidebar-wrapper {
    border-right: 0;
}

.p-acknowledge-mod-grid.p-grid-course-inner {
    grid-template-areas:
        "p-gci-lsb p-gci-mc-vid"
        "p-gci-lsb p-gci-mc-vid";
}

.p-info-msg.p-info-msg-green li::marker {
    color: var(--complete-tc);
}

#DivEditInfoLeaves .p-info-msg.p-info-msg-green ul {
    padding-left: 1.05rem;
}

.p-ar-as-list hr {
    margin: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--sec-light-color7);
    margin-bottom: 0.7rem;
    margin-top: 0.25rem;
}

.p-list-view-body {
    flex-grow: 1;
}

    .p-list-view-body .p-cj-card-dets,
    .p-list-view-body .p-cj-card-apps {
        margin: 0;
    }

    .p-list-view-body .lt-list-date small {
        min-width: 70px;
    }

.loading-skeleton li.p-list-view-items {
    min-height: 68.08px;
}

.loading-skeleton .p-list-view-body,
.loading-skeleton .p-hj-card-title {
    height: 100%;
}


.p-pro-mw ph-card {
    display: flex;
    background: transparent;
}

.p-pro-mw.ph-card {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.ph-card-wos {
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
}

.p-prof-ic-grid {
    --profile-sb-width: 220px;
    display: grid;
    align-items: flex-start;
    grid-template-columns: var(--profile-sb-width) calc(100% - var(--profile-sb-width) - var(--default-gap));
    gap: var(--default-gap);
}

.p-pro-tabs-mw .p-defautlt-navs ul {
    justify-content: flex-start;
    gap: 4.6rem;
}

.p-defautlt-navs.p-defautlt-navs-wi .nav-pills .nav-link {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.p-pro-mw-content hr {
    width: 100%;
    height: 1px;
    margin: 0.5rem 0 0.6rem;
    border-bottom: 1px solid var(--light-blue-1);
}

.p-pro-mw-content {
    flex: 1;
}

.p-defautlt-navs .nav-pills .nav-link.active svg {
    stroke: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1)
}

.p-dd-more .p-dd-wp-dot-icon {
}

label.p-pro-label {
    display: block;
}


.p-sb-scroll-spy-list-item.active,
.p-sb-scroll-spy-list-item {
    color: var(--primary-color);
    position: relative;
    /*border-bottom: 1px solid var(--primary-border-color);*/
    border-radius: calc(var(--bs-border-radius)* 0.35);
    overflow: hidden;
}

    /*.p-sb-scroll-spy-list-item:hover {
    background-color: var(--sec-light-color4);
}*/

    .p-sb-scroll-spy-list-item a {
        padding: 0.65rem 0.35rem;
        border: none;
        cursor: pointer;
        position: relative;
        width: 100%;
        font-weight: 400;
        overflow: hidden;
        padding-left: 1rem;
        position: relative;
        overflow: hidden;
        display: block;
        border-radius: calc(var(--bs-border-radius));
        font-size: var(--base-font-size-sm);
        color: var(--primary-color);
        z-index: 1;
    }

.p-prof-ic-stick {
    position: sticky;
    top: calc(var(--nav-min-height) + var(--default-gap));
}

.p-sp-slide-bg {
    position: absolute;
    width: 100%;
    height: 40px;
    transition: top 0.3s;
    z-index: 1;
    border-radius: calc(var(--bs-border-radius));
    overflow: hidden;
    z-index: 1;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1) !important;
}


.p-prof-ic-left {
    height: calc(100vh - calc(var(--nav-min-height) + var(--default-gap)) - var(--default-gap));
    overflow-y: auto;
}

.p-sp-section .ph-card {
    min-height: 240px;
}

.p-sb-scroll-spy-list {
    position: relative;
    border-radius: 0.35rem;
}

.p-pro-mw-content .list-inline-item:not(:last-child) {
    margin-right: 1.1rem;
}

.p-pro-mw-content .list-inline-item {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

/*.p-pro-mw-content .list-inline-item span {
    color: var(--primary-color);
}*/

.p-pro-sts span.btn-status {
    display: inline-flex;
    gap: 0.35rem;
    color: var(--complete-tc);
    justify-content: center;
}

    .p-pro-sts span.btn-status .iconly--icon {
        width: 0.8rem;
        height: 0.8rem;
    }

.p-cd-wb {
    border: 1px solid var(--sec-light-color5);
    border-radius: var(--bs-border-radius);
    background-color: var(--background1);
    padding: 0.15rem 0.45rem;
}

.p-pro-mw-content .p-ani-btn-wrpr .p-ani-btn {
    border: 1px solid var(--p-border-2) !important;
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

.permission-tt-main-wrap.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: rgb(254 255 255);
    display: inline-block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-color: transparent transparent white white;
    transform: rotate(135deg);
    top: 2px;
    z-index: -1;
    box-shadow: 0 0 3px #53535340;
}

.p-pro-form-mw {
    position: relative;
}

.profile-loading-loader {
    min-height: 20rem;
}

svg.p-grid-icon.p-icon-sm1 {
    --icon-v1: 1.1rem;
}

.p-sb-scroll-spy-list-item a.active {
    background: var(--theme-light-bg-def);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-grid-data-light {
    opacity: 0.5;
}


.p-upload-doc-gen {
    display: flex;
    padding: calc(var(--box-padding) * 0.75);
    align-items: center;
    border-radius: 1rem;
    background: rgba(209, 209, 219, 0.10);
    width: 100%;
    justify-content: space-between;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='9' ry='9' stroke='%23D1D1DBFF' stroke-width='2.6' stroke-dasharray='5.7' stroke-dashoffset='1.7' stroke-linecap='round'/%3e%3c/svg%3e");
    border-radius: 9px;
}

    .p-upload-doc-gen > * {
        flex: 0 0 auto;
    }

.p-label-cta {
    display: flex;
    padding: calc(var(--box-padding)* 0.55);
    align-items: center;
    border-radius: var(--bs-border-radius);
    background-color: var(--p-grey-2);
}

    .p-label-cta * {
        cursor: pointer;
    }

.p-upload-doc-gen .p-add-btn.p-add-btn-icon {
    background-color: var(--background1);
    color: var(--primary-color);
    border-color: var(--input-border-1);
}

.p-upload-doc-gen .p-add-btn svg.p-icon {
    stroke: var(--primary-color);
}

.p-upload-doc-gen .p-add-btn.p-add-btn-icon:hover {
    background-color: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}

.p-upload-doc-gen .p-add-btn:hover svg.p-icon {
    stroke: #fff;
}

.pc-desc-pdf {
    align-items: center;
}

.pc-desc-icons.pc-desc-pdf {
    gap: 0.7rem;
}

.pc-desc-pdf .p-crsh-download-icon {
    align-self: center;
    cursor: pointer;
}

.pc-desc-pdf .icon-file-icon {
    --play-btn-width: 2.7rem;
}

.pc-desc-pdf.pc-desc-icons .icon-play-btn {
    flex: 0 0 2.7rem;
}

.pc-desc-pdf-cont hr {
    height: 50px;
    width: 1px;
    background-color: var(--sec-light-color6);
    margin: 0;
    align-items: stretch;
}

span.p-pipe-divider {
    color: var(--sec-light-color6);
}

.pc-desc-pdf-fn {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 228px;
}

.p-sb-permi-pro ul.p-ul-align li {
    color: var(--primary-color);
}

    .p-sb-permi-pro ul.p-ul-align li::marker {
        color: var(--on-primary-color);
        font-weight: 300;
        font-size: 0.75rem;
    }

.custom-checkbox .custom-control-label::before {
    border-radius: 0.3rem;
}

/*.p-pro-form-mw .gridMainDiv,
.profile-my-task .p-dx-search-left{
    padding-top: 3.6rem !important;
}*/

.prof-docs .p-mydoc-list-item {
    border: none;
}

.p-bg-overlay .dx-overlay-wrapper.dx-lookup-popup-search {
    z-index: 3501 !important;
}

td.checkbox-permission {
    text-align: right !important;
}


.pro-job-icon-ali {
    margin-right: 0.15rem;
    position: relative;
    left: 2px;
}

.p-modal-sb .sur-feed-results {
    grid-template-columns: repeat(1, 1fr);
}

.p-modal-sb .inner-sur-res {
    display: grid;
    grid-template-columns: 100%;
    gap: var(--default-gap);
}

.p-modal-sb .p-chat-def .msger-new {
    justify-content: flex-end;
}

.p-modal-sb .case-number .p-fp-content.p-chat-def .main-message-wrapper {
    max-height: calc(100vh - 10.7rem);
    min-height: 400px;
    flex: 1;
}

.p-modal-sb-wizard .pso-grid-wrapper {
    grid-template-columns: auto;
}

.p-modal-sb-wizard .pso-form-wrapper {
    max-height: initial !important;
}

.p-modal-sb-wizard .pso-form-wrapper {
    --minmax-height-pso: 100%;
    height: var(--minmax-height-pso);
}

.p-modal-sb-wizard fieldset.pso-step,
.p-modal-sb-wizard #setupForm,
.p-modal-sb-wizard .pso-cols form {
    height: 100%;
}

.p-modal-sb-wizard form {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.p-modal-sb-wizard .pso-vline-divider {
    display: none;
}

.p-modal-sb-wizard .pso-timeline-list-hroi.pso-timeline-list {
    --pso-tl-verti-mh: 80px;
    min-height: var(--pso-tl-verti-mh);
    flex-wrap: nowrap;
    gap: 1.3rem;
    justify-content: center;
    align-items: center;
    background: hsl(var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 90%));
    z-index: 1600;
    border-radius: var(--bs-border-radius);
    width: 100%;
}


.p-modal-sb-wizard .pso-timeline-item {
    --timeline-width: 120px;
    text-align: center;
    flex-direction: column;
    min-width: var(--timeline-width);
    gap: 0.6rem;
}

.p-modal-sb-wizard .pso-timeline-list-hroi .pso-timeline-item:not(:last-child)::after {
    right: calc(6.2rem / 2* -1);
    transform: none;
    top: 0.5rem;
    width: 5.3rem;
}

.p-modal-sb-wizard.p-modal-sb .modal-dialog {
    max-width: var(--sidebar-width-xl);
}

.p-modal-sb .modal-dialog.modal-dialog-xxl {
    max-width: var(--sidebar-width-xxl);
    max-width: 1000px;
}

.p-modal-sb .modal-dialog.modal-dialog-3xl {
    max-width: 1080px;
}

.p-modal-sb-wizard.p-modal-sb .modal-dialog-4xl,
.p-modal-dialog-4xl {
    max-width: 1220px !important;
}

.p-modal-sb-wizard.p-modal-sb .modal-dialog-4xl,
.p-modal-dialog-4xl {
    max-width: 1220px !important;
}

.modal-dialog-5xl {
    max-width: 1260px !important;
}

.modal-dialog.p-modal-dialog-vl {
    width: 90%;
    max-width: 1600px;
}

.p-modal-sb-wizard .pso-cols:not(.pso-timeline-list) {
    height: 100%;
    flex: 1;
    width: 100%;
}

.p-modal-sb-wizard .pso-grid-wrapper {
    grid-template-columns: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
}

.p-modal-sb-wizard .p-modal .modal-body {
    padding-bottom: 0;
}

.p-modal-sb-wizard .pso-action-btns {
    position: sticky;
    bottom: 0;
    padding: 0.8rem 1.2rem;
    background: var(--chat-dark-bg-2);
    margin-left: -1.2rem;
    left: 0;
    z-index: 139;
    margin-right:-1.2rem;
}

.p-modal-sb-wizard .modal-dialog-scrollable .modal-body {
    overflow-x: hidden;
}

.p-modal-sb-wizard span.p-revq-item-txt {
    word-break: break-all;
}

.project-mamagement-grid .pp-userList-selected {
    padding-bottom: 0;
}

/*.p-modal-sb-wizard .pso-timeline-list-hroi.pso-timeline-list::after {
    content: '';
    position: absolute;
    bottom: -1.2rem;
    background-color: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) );
    width: calc(100%);
    height: 1.3rem;
    left: 0;
}*/

.p-modal-sb-wizard .pso-timeline-list-hroi.pso-timeline-list.pso-with-scroll {
    justify-content: flex-start;
}

.p-modal-sb-wizard .pso-with-scroll .pso-timeline-item {
    --timeline-width: 130px;
    flex-direction: column;
    min-width: var(--timeline-width);
    gap: 0.6rem;
    white-space: nowrap;
}

.loading-skeleton label.p-pro-label {
    max-width: 150px;
}

.loading-skeleton .form-group .read-only-input {
    height: initial !important;
    display: inline-block;
    min-width: 60px;
}


.p-link-break {
    word-break: break-all;
    overflow-wrap: break-word;
}

.p-pro-form-mw .read-only-input {
    word-break: break-all;
    overflow-wrap: break-word;
    line-height: 1.55;
    display: inline-block;
}

#gridContainerDependents .dx-datagrid-rowsview,
.p-pro-work-tab .dx-datagrid-rowsview {
    max-height: 300px;
}

.p-pro-tabs-mw .p-nd-upd {
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: initial;
    transform: none;
}

.btn-link:hover {
    color: var(--primary-color);
}

.sec-name-ellip {
    max-width: 100%;
    padding-right: 0px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.p-rev-ans .p-form-check {
    margin-bottom: 0.4rem;
}

hr.p-hr-hori {
    border-bottom: 1px solid var(--primary-bg-color);
    height: 1px;
    width: 100%;
    margin-bottom: 1.9rem;
}

.fps-inner-list-mw .p-cg-per-inc-wrpaer .p-listype-bg h6 {
    margin-bottom: 0 !important;
}

.p-def-table .text-muted {
    opacity: 0.45;
}

.sidebar-generic .p-def-table tr th {
    white-space: nowrap;
}

.label-wi-icon {
    display: grid;
    grid-template-columns: 25px 1fr;
    align-items: center;
    gap: 1.05rem;
}

    .label-wi-icon span {
        display: flex;
        align-items: center;
    }

        .label-wi-icon span em.icon {
            padding: 0.15rem;
            border-radius: 0.8rem;
            font-size: 0.95rem;
        }

        .label-wi-icon span.ni-equal {
            background-color: var(--sec-light-color4);
        }

        .label-wi-icon span .ni-plus {
            color: var(--complete-tc);
            background-color: #EEFBF4;
            border: 1px solid #DEFBEA;
        }

        .label-wi-icon span .ni-minus {
            color: var(--red-color);
            background-color: #fbf7f7;
            border: 1px solid #fbf7f7;
        }

        .label-wi-icon span .ni-equal {
            background-color: var(--sec-light-color4);
        }

.ch-filter-wrapper .ba-date-range-picker {
    width: initial;
}

    .ch-filter-wrapper .ba-date-range-picker .report-range span {
        min-height: 40.5px;
        display: flex;
        align-items: center;
        min-width: 220px;
    }

.ch-filter-wrapper .ba-dp-down-arrow {
    width: 45px;
    height: 43px;
    padding: 0.5rem;
}

span.grid-status-cir {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background-color: var(--green-color);
}

.bg-orange {
    background-color: #FF5722 !important;
}

.p-def-table-valgn-mid.table td {
    vertical-align: middle;
}

.code-block {
    color: var(--primary-color);
    overflow-x: auto;
    font-family: 'Courier New', Courier, monospace;
    font-size: var(--base-font-size);
    line-height: 1.6;
    text-align: left;
    margin: 0;
    word-break: break-word;
    white-space: normal;
}

    .code-block a {
        color: #003f7f;
        font-family: 'Courier New', Courier, monospace !important;
    }


.p-cardborder {
    padding-left: 0px;
    cursor: pointer;
}

    .p-cardborder .p-acc-header {
        border-radius: var(--bs-border-radius);
    }

    .p-cardborder:hover, .show-hover-li-box li:hover,
    li.p-acc-card:hover {
        border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    }

.p-clk-tt.UsersListTooltip .avatar-md {
    width: 2rem;
    height: 2rem;
}

#eSignInternal .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 35px;
}


.cbah-label {
    position: relative;
    padding-right: 0.9rem;
    margin-right: 0.4rem;
}

    .cbah-label::after {
        content: "";
        position: absolute;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: var(--sec-light-color6);
    }

    .cbah-label span {
        font-size: var(--base-font-size);
        min-width: 0.9rem;
        text-align: center;
    }

.cta-bulk-action-hire .p-add-btn svg.p-icon {
    stroke: var(--theme-icon-color);
    transform: rotate(-90deg);
}

.export-btn-candidate .p-icon {
    stroke: var(--theme-icon-color);
}

.cta-bulk-action-hire .p-ani-sec-btn .p-ani-btn.p-add-btn:hover svg {
    stroke: #fff;
}

.cbah-label em.ni.icon {
    color: var(--primary-color);
    font-size: 1.2rem;
}

.more-option-selected .cbah-label em.ni.icon {
    color: var(--p-btn-txt);
    font-size: 1.2rem;
}

.more-option-selected .cbah-label::after {
    background-color: var(--th-dropdown-bg);
}

.cta-bulk-action-hire .more-option-selected .p-add-btn svg.p-icon {
    stroke: #ffffff;
}

#setupFormSendOffer {
    height: 100%;
}

.align-add-pol .pp-user-count {
    margin-bottom: 0.6rem;
}

.align-add-pol .p-p-radio-group {
    margin-bottom: 0.7rem;
}

#gridIncome {
    min-height: 250px; /* Adjust the height as needed */
}

.pso-head-wrapper {
    margin-bottom: 1rem;
}

.review-progress .ph-card.loading-skeleton {
    min-height: 270px;
}

#frmCreateEmailTask .p-input-append .select2-container--default .select2-selection--multiple .select2-selection__clear {
    right: 1.15rem;
    font-size: 15px;
}

/*css for new dashboard starts here*/

.p-db-grid-main {
    display: grid;
    grid-template-columns: 1fr 1fr 340px;
    gap: var(--default-gap);
}


.daily-aff-wrapper {
    background-image: url(https://liveplummblob.blob.core.windows.net/content/01082024054324.png);
    background-size: cover;
    background-position: bottom center;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
}

.p-db-grid-main-cols {
    align-self: flex-start;
}

.pdb-mh-dff-hc {
    min-height: 200px;
    display: flex;
    flex-direction: column;
}

.p-db-grid-main-cols .p-banner-stats {
    margin-top: 0.9rem;
}

.p-db-mg-tw-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--default-gap);
}

.p-db-data-count {
    min-height: 175px;
}

.p-db-sticky-top {
    position: sticky;
    top: -230px;
}

@media(max-width: 1500px) {
    .p-db-data-count-inner strong {
        font-size: calc(var(--base-font-size-h1-lg)* 0.6);
    }
}

.p-db-mg-tw-grid .ph-default-link {
    font-weight: 500;
    font-size: var(--base-font-size-xxs);
}

    .p-db-mg-tw-grid .ph-default-link:hover {
        text-decoration: underline;
    }

.p-select-audi-dd {
    z-index: 99999 !important;
}

    .p-select-audi-dd .dx-popup-content {
        padding: 12px 6px;
    }

    .p-select-audi-dd .dx-list-item {
        border: none !important;
    }


.p-dx-dd .dx-texteditor.dx-editor-outlined {
    border-radius: var(--bs-border-radius) !important;
}

.p-dx-dd .dx-texteditor.dx-state-hover {
    border-color: var(--input-border-1) !important;
}

.p-db-upld-mw {
    max-width: 417px;
}

.p-upload-upd {
    --btn-min-height-upld: 41px;
    display: flex;
    align-items: stretch;
    gap: 0.6rem;
    color: var(--primary-color);
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    min-height: var(--btn-min-height-upld);
    cursor: pointer;
}

.p-upload-upd-icon {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 0.8rem;
    margin-right: 0.2rem;
}

    .p-upload-upd-icon::after {
        content: '';
        width: 1px;
        height: var(--btn-min-height-upld);
        background-color: var(--input-border-1);
        display: inline-block;
        right: 0;
        position: absolute;
    }

.p-upload-upd-txt {
    font-size: var(--base-font-size-xl);
    font-weight: 500;
}

.p-upd-prev-doc-icon-type {
    width: 48px;
    height: auto;
}

.p-upd-uploaded-doc-wrapper {
    margin-top: 1.3rem;
}

.p-upd-uploaded-img-mw,
.p-img-rounded {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-upd-uploaded-img-mw {
    margin-bottom: 0.7rem;
}

    .p-upd-uploaded-img-mw img {
        min-height: 235px;
        object-fit: cover;
    }

.p-input-append-dot {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-input-append-dot::before {
        content: '';
        width: 1px;
        height: 43px;
        background-color: var(--input-border-1);
        display: inline-block;
        left: -12px;
        position: absolute;
        top: -7px;
    }

.post-db-img-mh img {
    width: 100%;
    height: auto;
}

.p-padd-card {
    padding: calc(var(--box-padding) * 0.5)
}

.p-card-footer {
    border-top: 1px solid var(--light-blue-1);
}

.social-widget {
    flex-grow: 1;
    padding: 0.65rem;
    gap: 0.7rem;
    color: var(--on-primary-color);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

.social-widget:hover, .ph-card-hover:hover {
    background-color: var(--theme-border-layout);
    color: var(--theme-primary-color);
}

.social-widget:hover svg.p-icon {
    stroke: var(--theme-primary-color);
}

.social-widget svg.p-icon,
.p-icon-grey-s {
    stroke: var(--on-primary-color);
}

.p-icon-grey-f {
    fill: var(--on-primary-color);
}

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

.p-mention-atr {
    color: #38BEFF;
}

.p-db-posts-mw .p-card-header span {
    font-weight: 400;
}

.p-db-posts-mw .p-card-body p:not(:last-child) {
    margin-bottom: 0.25rem;
}

.polls-answer ul {
    list-style-type: none;
    padding: 0;
    color: var(--primary-color);
}

.polls-answer li {
    position: relative;
    cursor: pointer;
    transition: all .3s;
}

    .polls-answer li small {
        font-size: calc(var(--base-font-size-xxs)* 0.952);
    }

.p-polls-ans-opt {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    font-weight: 500;
    font-size: var(--base-font-size-lg);
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--theme-primary-color);
}

.polls-answer .custom-progress.progress {
    height: 2.4rem;
    /*    background-color: transparent;*/
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--border-radius-default)* 0.9);
    overflow: hidden;
}

.polls-answer .p-ul-align li:not(:last-child) {
    margin-bottom: 0.7rem;
}

li.poll-anser-before:hover .custom-progress.progress {
    background-color: var(--theme-primary-color);
    transition: all 0.3s;
}

li.poll-anser-before:hover .p-polls-ans-opt {
    color: #fff;
}

li.poll-anser-before .p-polls-ans-opt {
    font-weight: 400;
}

.polls-answer .progress .progress-bar {
    background-color: #f3f2f2;
}

.polls-answer .p-progress-def {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.polls-answer .cp-data-bottom {
    font-weight: 500;
    font-size: var(--base-font-size-lg);
    min-width: 55px;
}

.pol-ans-check {
    display: none;
}

.poll-answer-active .pol-ans-check {
    display: block;
    stroke: #fff;
}

.fo-cols-widget.loading-skeleton .social-widget svg.p-icon {
    stroke: none;
    fill: none;
    width: 40px;
    height: 20px;
}

.p-red-dot-sm {
    width: 5px;
    height: 5px;
    background: #FF4423;
    border-radius: 50%;
}

.p-card-header .ph-5 {
    margin-bottom: 0.125rem;
}

.p-db-posts-mw .p-card-header span {
    font-size: var(--base-font-size);
}

.p-input-pre-img.p-input-prepend input {
    padding-left: 3.3rem;
    border-radius: 3.1rem;
}

.p-input-pre-img.p-input-prepend .input-icon-append {
    left: 0.65rem;
}

.p-db-post-lists-mw .p-ncb-ic:not(:last-child)::after {
    background-color: transparent;
}

.p-db-post-lists-mw .p-dd-wp-wrapper {
    margin-top: 0rem;
    margin-right: -0.25rem;
}

.df-flex-col {
    display: flex;
    flex-direction: column;
}

.p-fg-1 {
    flex-grow: 1;
}

.p-db-posts-mw {
    overflow-y: auto;
    padding-right: 0.25rem;
    margin-right: -0.25rem;
}

.p-db-mg-tw-grid-cols .see-ph-link {
    padding-bottom: 0.7rem;
}

.p-db-no-post-yet svg {
    fill: var(--theme-no-data-svg);
    height: 450px;
    width: 100%;
    max-width: 75%;
}

.p-db-grid-main #showMoreDiv,
.p-db-grid-main #btn-upcmoning-events,
.p-db-grid-main-cols .see-ph-link {
    display: none !important;
}

.p-db-grid-main .p-defautlt-navs {
    margin-top: -0.4rem !important;
}

.p-db-posts-mw .post-item:not(:last-child) {
    margin-bottom: calc(var(--default-gap));
}

@media(min-width: 2100px) {
    #div-dashboard-piechart.p-pb-gr-circle {
        --pb-gr-cricle-wh: 8.5rem;
    }
}


@media(max-width: 1750px) {
    .p-db-data-count {
        min-height: 155px;
    }

    .p-db-grid-main {
        display: grid;
        grid-template-columns: 1fr 1fr 320px;
    }

    .p-db-mg-tw-grid,
    .p-db-grid-main {
        gap: calc(var(--default-gap) * 0.7);
    }

        .p-db-grid-main .mb-1p8,
        .p-db-posts-mw .post-item:not(:last-child) {
            margin-bottom: calc(var(--default-gap) * 0.7);
        }
}

@media(max-width: 1550px) {
    .p-db-grid-main {
        display: grid;
        grid-template-columns: 1fr 1fr 290px;
        gap: 1.6rem;
    }

    .p-db-mg-tw-grid,
    .p-db-grid-main {
        gap: calc(var(--default-gap) * 0.7);
    }

        .p-db-grid-main .p-padd-card,
        .p-db-grid-main .ph-card {
            padding: calc(var(--box-padding)* 0.7);
        }

    .p-db-data-count {
        min-height: 135px;
    }

    .main-sidebar .nav-sidebar > li > a.nav-link p {
        font-size: calc(var(--base-font-size-sm)* 0.92);
    }

    .p-db-grid-main-cols .p-banner-stats {
        gap: 1.3rem;
    }
}
/*css for new dashboard ends here*/

.sh-sb-mn {
    position: absolute;
    bottom: 5rem;
    right: -12px;
    border-radius: 50% !important;
}

.btn-icon {
    width: 1.7rem;
    height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    cursor: pointer;
    z-index: 9999;
}

.btn-icon-sm {
    width: 1.5rem;
    height: 1.5rem;
}

.btn-icon-xs {
    width: 1.3rem;
    height: 1.3rem;
}

.btn-icon-sm em.icon {
    font-size: 0.9rem;
}

.p-bg-primary {
    background-color: var(--primary-color);
}

.p-bg-primary-inverse, .p-bg-primary-inverse em.icon {
    color: #fff;
}

.main-sidebar[p-toggle-menu="minimise-on"],
.p-sb-minimised .popup-planned-maintenence {
    --custom-sidebar-width: 4rem;
}

.main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li > a.nav-link p {
    visibility: hidden;
    transition: all .3s;
    opacity: 0;
    font-size: 0;
    white-space: nowrap;
    flex: 1;
}

.main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li > a.nav-link {
    max-width: 43px;
    height: 43px;
}

.main-sidebar[p-toggle-menu="minimise-on"] li.nav-item .side-menu-ti {
    min-width: 100px;
}

nav.sidebar-nav > ul > li.main-sidebar-seperator label {
    transition: all .3s;
}

.main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li.main-sidebar-seperator label {
    font-size: calc(var(--base-font-size-xxs)* 0.85);
}

.p-sb-minimised.layout-navbar-fixed .wrapper .brand-link,
.p-logo-brand-icon{
    padding: 0.5rem 0.6rem;
}

.p-menu-nav-sb {
    width: 2rem;
    height: 2rem;
    border: none;
    background: transparent;
    padding: 0;
}

.p-icon-menu {
    width: 1.9rem;
    height: 1.9rem;
    stroke: var(--primary-color);
    stroke-width: 2;
}

.main-sidebar[p-toggle-menu="minimise-on"] .nav-sidebar li a.nav-link .icon.ni {
    right: -16px;
    padding-top: 0.1rem;
}

.main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav > ul > li {
    height: 42px;
}

.main-sidebar[p-toggle-menu="minimise-on"] #ChatTherapy span.msg-count {
    right: 0.3em;
    top: 11px;
}

.main-sidebar nav.sidebar-nav > ul > li {
    height: 42px;
}

    .main-sidebar nav.sidebar-nav > ul > li > a {
        min-height: 42px;
    }

.main-sidebar .nav-bg-color.active-slide-bg {
    min-width: 100%;
}

.p-sidenav-logo {
    transition: all .3s;
}

.p-sidenav-logo {
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

.p-sb-minimised .p-sidenav-logo {
    transition: all .3s;
    /*    width: 1.7rem;
    height: 1.7rem;*/
    border-radius: 0.3rem;
}

@media (min-width: 768px) {
    body.p-sb-minimised:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body.p-sb-minimised:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body.p-sb-minimised:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        --custom-sidebar-width: 4rem;
    }
}

@media(max-width: 1024px) {
    .p-db-grid-main {
        grid-template-columns: auto;
    }

    .sh-sb-mn {
        display: none !important;
    }
}

/*report UI fix*/
.p-rep-tem-grid {
    display: grid;
    grid-template-columns: 245px auto;
    gap: 1rem;
}

.p-rep-temp .ch-filter-search {
    max-width: 226px;
}

.p-ref-left-cols {
    margin-right: 1.5rem;
    padding-right: 1.5rem;
}

    .p-ref-left-cols::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        border-right: 1px solid var(--input-border-1);
        height: calc(100vh - 70px);
    }

.p-tem-card-list-item {
    max-width: 215px;
    border: 1px solid var(--grey-bg-3);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-tem-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--default-gap);
}

.p-tem-card-list-item:hover {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    cursor: pointer;
}

.p-rep-list-mw {
    margin-top: -0.55rem;
}

.p-tem-card-list-item-cont {
    padding: 0.75rem;
    color: var(--primary-color);
    font-size: var(--base-font-size-xl);
}

.p-rep-template-list-mw li.nav-item .nav-link {
    color: var(--on-primary-color);
    padding: 0.55rem 0.7rem;
    margin-left: 1rem;
}

.p-rep-list-mw > li.nav-item .nav-link {
    color: var(--primary-color);
    font-weight: 500;
}

.p-rep-list-mw li.nav-item .nav-link:hover,
.p-rep-list-mw li.nav-item .nav-link.active-link {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    border-radius: calc(var(--bs-border-radius)* 0.75);
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-rep-list-mw li.nav-item .nav-link:hover {
    background-color:hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-rep-list-mw .p-accor-button-type .p-acc-card.p-acc-heading .p-acc-header {
    padding: 0.35rem 0.8rem;
}

.template-content {
    margin-bottom: 2.1rem;
}

.p-rep-sticky-top {
    position: sticky;
    top: 0;
    height: 100vh;
}

.template-content h4.ph-4 {
    margin-bottom: 0.65rem;
}

.p-ref-right-cols {
    padding-top: 62px;
}

li.p-acc-card.p-cur-poi.p-list-inactive {
    cursor: default !important;
}

/*.p-list-inactive .p-acc-header {
    border-left: var(--left-active-bw-lg) solid rgb(10 22 47 / 50%);
}
*/
/*.p-list-inactive .p-jp-head,
.p-list-inactive .p-tag-sm,
.p-list-inactive .lt-days {
    opacity: 0.5;
}*/

.insights-lists li.p-acc-card {
    cursor: pointer;
}

.p-input-sm-inline {
    width: 96px;
    min-width: initial;
    margin: 0 0.4rem;
    padding: 0.45rem 0.6rem;
    padding-right: 0.8rem;
}

.p-input-sm-select {
    margin: 0 0.4rem;
    padding: 0.45rem 0.6rem;
    min-width: initial;
    padding-right: 2.85rem;
}

.p-cb-w-input .p-custom-checkbox .custom-control-label::before {
    top: 0.49rem;
}

.p-cb-w-input .p-custom-checkbox .custom-control-label::after {
    top: 0.4rem;
}

.p-at-widget {
    z-index: 99959 !important;
    padding: 0.5rem 0.7rem;
    min-height: 68px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    bottom: 15px;
    left: 15px;
    min-width: 215px;
    transition: all 0.3s ease;
    height: auto;
    cursor: grab;
    max-width: 20.5rem;
    border: 2px solid var(--p-grey-5);
}

    .p-at-widget.expanded {
        min-width: 13.5rem;
        height: initial !important;
    }

.p-at-min-exp-toggle {
    position: absolute;
    right: 7px;
    top: 7px;
}

.p-at-pause.js-at-pause {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.p-at-pause-cont {
    display: grid;
    gap: 0.2rem;
}

.fw-semibold {
    font-weight: 600;
}

.fw-medium {
    font-weight: 500;
}

.p-at-pause-cont .pdf {
    display: grid;
    grid-template-columns: 30px auto;
}

.p-at-min-exp-iw,
.btn-icon-bg {
    background-color: var(--sec-light-color4);
    transition: all .3s;
}

    .p-at-min-exp-iw:hover,
    .btn-icon-bg:hover {
        background-color: var(--sec-light-color6);
    }

.play-pause-is {
    width: 2.25rem;
    height: 2.25rem;
    cursor: pointer;
}

.p-at-time-bg {
    background-color: var(--p-grey-3);
    padding: 2px 6px;
    border-radius: 0.22rem;
    color: var(--primary-color);
    font-weight: 600;
}


.p-at-details-bottom svg.p-icon-fill {
    flex-shrink: 0;
}

.p-att-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.p-att-actions svg {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    fill: var(--theme-primary-color);
}

.p-att-dates-list-items .pdf {
    min-width: 112px;
}

.p-at-details-bottom-inner > .d-flex {
    flex: 0 0 auto;
}

.p-att-actions-play svg {
    position: relative;
    left: 2px;
    fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 ) !important;
}

.p-at-details-top {
    width: calc(100% + 1.4rem);
    margin-left: -0.7rem;
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.3rem;
    border-radius: 0.375rem 0.375rem 0rem 0rem;
    background: linear-gradient(180deg, rgba(233, 237, 241, 0.10) 0%, rgba(233, 237, 241, 0.70) 100%);
    padding: 1rem;
}

.p-at-details-paused {
    background: linear-gradient(180deg, rgba(249, 231, 145, 0.00) 0%, rgba(249, 231, 145, 0.39) 100%);
}

.p-at-details-bottom {
    padding-top: 0.8rem;
}

.p-at-details-top h2.ph-2 {
    margin: 0;
    font-weight: 700;
    font-size: 1.55rem;
}

.p-at-green {
    background: var(--theme-primary-color);
}

.p-at-yellow {
    background: var(--yellow-color);
}

.p-at-white {
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
}

.p-at-work-report .p-at-details-top {
    background: initial;
}

.p-at-work-report {
    padding: 0.8rem;
    padding-top: 0;
}

.p-at-details-top label {
    font-size: var(--base-font-size-h5);
}

.p-res-distr.p-res-distr-att {
    min-height: 42px;
    border-radius: calc(var(--bs-border-radius)* 1.15);
    border: 2px solid var(--p-grey-5);
    padding: 0.2rem;
}

.p-res-distr-att div {
    border-radius: calc(var(--bs-border-radius) * 0.4);
}

    .p-res-distr-att div:first-child {
        border-top-left-radius: calc(var(--bs-border-radius) * 0.7);
        border-bottom-left-radius: calc(var(--bs-border-radius) * 0.7);
    }

    .p-res-distr-att div:last-child {
        border-top-right-radius: calc(var(--bs-border-radius) * 0.7);
        border-bottom-right-radius: calc(var(--bs-border-radius) * 0.7);
    }

.p-bg-gray {
    background-color: var(--grey-bg-4);
}

/*.p-sb-gene-footer-up {
    border: 1px solid var(--primary-border-color);
    background-color: var(--grey-bg-4);
}*/

.p-sb-gene-footer-up .p-btn-sec span {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-sb-gene-footer-up .p-btn-sec:hover span {
    color: #fff;
}

.p-at-details-bottom hr {
    margin: 0.6rem 0;
    border-top: 1px solid var(--p-grey-5);
}

.p-at-time-tarc-grid .p-res-distr.p-res-distr-att {
    min-height: 25px;
    border-radius: calc(var(--bs-border-radius)* 0.85);
    border: 1px solid var(--p-grey-5);
    padding: 0.3rem;
}

.p-at-time-tarc-grid .loading-skeleton .p-res-distr.p-res-distr-att {
    border: 1px solid var(--sec-light-color7);
}

.p-at-work-legends-sm .p-feat-legends-items {
    font-size: var(--base-font-size-xs);
}

.p-at-work-legends-sm .p-fli-box {
    width: 0.6rem;
    height: 0.6rem;
    position: relative;
    top: -0.5px;
}

.p-at-head sub {
    position: relative;
    top: -1px;
    font-size: 0.9rem;
}

.p-at-work-legends-sm .p-feat-legends-items {
    gap: 0.35rem;
}

.p-at-time-tarc-grid {
    display: grid;
    grid-template-columns: 290px 1fr var(--default-sidebar-width-sm);
    gap: var(--default-gap);
}

.p-at-time-tarc-grid.mb-4.hide-team-attendance {
        grid-template-columns: 1fr var(--default-sidebar-width-sm);
}

.hide-team-attendance-none {
    display:none !important;
}
.p-at-overtime,
.p-at-schedule {
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    align-items: center;
}

    .p-at-overtime strong,
    .p-at-schedule strong,
    .p-at-head {
        font-size: 1.55rem;
        color: var(--primary-color);
        font-weight: 600;
    }

    .p-at-schedule .p-sc-details {
        gap: 0.3rem;
    }

.p-sc-details-2x label {
    flex: 0 0 5rem;
}

.p-at-week select {
    min-width: 5.8rem;
    height: calc(1.5em + 0.75rem + 0.325em);
}

.p-at-date-lr {
    display: flex;
    align-items: center;
    height: calc(1.5em + 0.75rem + 0.325em);
    width: initial;
    gap: 0.75rem;
}

.p-rotate-180 {
    transform: rotate(180deg);
}

.p-atd-lr-arr {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.p-at-date-lr-nav {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.p-atd-lr-arr::after {
    content: '';
    position: absolute;
    top: -6px;
    right: 0;
    background-color: var(--sec-light-color6);
    width: 1px;
    height: calc(1.5em + 0.75rem + 0.325em);
}*/

.p-sb-gene-header-sub {
    background: var(--p-grey-3);
    padding: calc(var(--box-padding)* 0.9) var(--box-padding);
    position: sticky;
    top: 0;
    z-index: 1600;
}

.sb-att-request-details .p-sb-gene-header-sub {
    position: static;
}

.p-comment-def-mw .p-sb-gene-header-sub {
    margin-bottom: 1.3rem;
    border-radius: var(--bs-border-radius);
}

.p-btn-sec-wi .p-icon {
    width: 1.3rem;
    height: 1.3rem;
}

.p-btn-sec.p-btn-sec-wi {
    font-weight: 500;
    min-height: initial;
    border-radius: calc(var(--border-radius-default)* 0.85);
}

.p-textarea-w-cta .p-btn-sec-wi {
    margin-top: 1rem;
    margin-left: auto;
}

.p-textarea-w-cta {
}

.sb-att-request-details .p-ev-it-mdt {
    background: var(--sec-light-color7);
    color: var(--primary-color);
}

    .sb-att-request-details .p-ev-it-mdt small {
        font-weight: 400;
    }

    .sb-att-request-details .p-ev-it-mdt label {
        font-size: calc(var(--base-font-size-h2)* 1.3);
        line-height: 0.9;
        margin-bottom: 0.35rem;
    }

.sb-att-request-details .p-ev-it-mdt {
    --p-even-dt-box-wh: 4.5rem;
}

.sb-att-request-details .p-head-seperator-fw h5.ph-5 {
    font-size: var(--base-font-size-lg);
}

.p-att-cico .web-clock-ins-item {
    padding: 0.55rem;
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

.p-att-cico .web-clock-ins-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.p-att-cico label.label-primary {
    margin-bottom: 0.32rem;
}

.p-att-cico span.text-secondary-color {
    font-size: var(--base-font-size-xs);
}

.p-head-seperator-green {
    background-color: var(--complete-bg);
}

    .p-head-seperator-green .ph-5,
    .p-head-seperator-green {
        color: #1f6936;
    }

.p-sb-ca-at h5 {
    padding-bottom: 0.12rem;
}

.p-inf-msg-wb.p-info-msg {
    border: none;
    gap: 0.7rem;
}

.p-sb-ca-at .p-inf-msg-wb.p-info-msg {
    gap: 0.7rem;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.p-dot {
    width: 4px;
    height: 4px;
    display: inline-block;
    flex-shrink: 0;
    border-radius: 50%;
    margin-top: 2px;
}

.p-dot-sm {
    width: 3px;
    height: 3px;
}

.p-dot-grey {
    background-color: var(--sec-light-color3);
}

.p-dot-green {
    background-color: #1f6936;
}

.p-dot-red {
    background-color: #F53D6B;
}

.p-head-seperator-red {
    background: #FEF0F4;
}

.p-head-seperator-yellow {
    background: #fbf6db;
}

.p-head-seperator-red .ph-5,
.p-head-seperator-red {
    color: #F53D6B;
}

.p-ana-card {
    display: flex;
    flex-direction: column;
}

.p-ana-2x-cont-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.55rem 0.5rem;
}

.mhwbd-mw {
    max-width: 290px;
}

.p-ana-2x-cont-grid-item label {
    font-weight: 500;
}

.p-at-as-ts-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px; /* Adjust the gap as needed */
}

.p-at-as-ts-grid-item label {
    margin-bottom: 0.3rem;
}

.p-att-summ-card-pd-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--default-gap);
}

.p-sb-if-bf-mw {
    position: relative;
    overflow: auto;
    height: calc(100vh - 4.2rem);
    display: flex;
    flex-direction: column;
}

.p-sb-gene-body-if {
    height: 100%;
    padding: var(--box-padding) 1rem;
    overflow-y: auto;
}

.p-ins-wid-grid {
    display: grid;
    grid-template-columns: 1fr 1px 400px;
    gap: 0;
    height: 100%;
}

.p-ins-wid-col-sep {
    height: 100%;
    border-right: 1px solid var(--primary-border-color-2);
}

.form-control.form-control-sm {
    height: calc(1.5em + 0.75rem + 0.225em);
    font-size: var(--base-font-size-xxs);
}

.p-border-top-1 {
    border-top: 1px solid var(--primary-border-color-2) !important;
}

.p-border-bottom-1 {
    border-bottom: 1px solid var(--primary-border-color-2);
}

.p-cont-wb {
    padding: 0.75rem 1.05rem 0.75rem;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(1) {
    height: 70%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(2) {
    height: 80%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(3) {
    height: 90%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(4) {
    height: 45%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(5) {
    height: 55%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(6) {
    height: 60%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(7) {
    height: 83%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars:nth-child(8) {
    height: 43%;
}

.p-ins-wid-grid .p-bar-chart-sl-bars-wr {
    height: 100%;
}

.p-btn-group label.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.85rem;
}

.p-chart-icons-switch {
    width: 0.9rem;
    height: 0.9rem;
    stroke: var(--primary-color);
    display: inline-block;
}

.p-btn-group {
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
}

    .p-btn-group label.btn.active {
        background-color: var(--theme-primary-color);
    }

    .p-btn-group label.btn:focus,
    .p-btn-group label.btn.focus {
        box-shadow: 0 0 0 .25rem var(--sec-light-color4);
        border: 1px solid var(--input-border-1) !important;
    }

    .p-btn-group label.btn.active .p-chart-icons-switch {
        stroke: #ffffff;
    }

    .p-btn-group label.btn {
        border-radius: .25rem;
    }

.fw-normal {
    font-weight: 500 !important;
}

.p-sub-dd-wp-content {
    display: none;
    position: absolute;
    top: 0;
    left: 100%; /* Open to the right by default */
    z-index: 9999;
    background-color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.pgab-icons:hover > .p-sub-dd-wp-content {
    display: block;
}

.pgab-icons {
    position: relative;
    padding-right: 20px; /* Adjust padding to make space for the chevron */
}

.p-sub-dd-wp-item.pgab-icons::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8L14 12L10 16' stroke='%23212117' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-position: center center;
    background-size: cover;
}


.pgab-icons.p-sub-dd-wp-item::before {
    content: '';
    position: absolute;
    right: -20px;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.p-rad-tline {
    margin-top: -0.15rem;
}

.pl-options-inner {
    padding-left: 1.65rem;
}

.p-fs-normal {
    font-size: var(--base-font-size);
}

.p-rad-align-wcb {
    padding-left: 2.05rem;
}

    .p-rad-align-wcb .p-form-check {
        margin-bottom: 0.7rem;
    }

.p-rad-align .p-form-check .p-form-check-label {
    margin-top: -0.15rem;
}

.p-rad-align .p-form-check {
    margin-bottom: 0.7rem;
    align-items: flex-start;
}

.p-mw-80px {
    max-width: 80px !important;
}

.p-mw-60px {
    max-width: 60px !important;
}

.p-inp-def-grp-wt .input-group-append {
    max-width: 70px;
}

.p-dd-wp-wrapper .ph-default-link, .p-dd-wp-wrapper .ph-default-link em.icon {
    color: var(--primary-color);
    font-weight: 500;
}

.p-dd-wp-wrapper-wl .p-dd-wp-btn .p-dd-wp-dot-icon {
    width: 1rem;
    height: 1rem;
    padding: 0;
    fill: var(--theme-primary-color);
}

.p-dd-wp-wrapper-wl .p-dd-wp-btn {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    color: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
    display: inline-flex;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    gap: 0.6rem;
    font-weight: 500;
    user-select: none;
    min-width: 7.4rem;
    gap: 0.8rem;
    border-radius: calc(var(--border-radius-default) * 1.25) !important;
    padding: 0.48rem 0.95rem;
    min-height: 39.2px;
}

.p-dd-wp-wrapper-wl .p-dd-wp-btn:hover {
    background-color: var(--theme-primary-color);
    color: #fff;
    border: 1px solid var(--theme-primary-color);
}

.p-dd-wp-wrapper-wl .p-dd-wp-btn:hover svg {
    fill: #fff;
}

#OffboardUserSideBar.p-modal-sb-wizard .pso-timeline-list-hroi.pso-timeline-list {
    gap: 1rem;
}

.p-smart-tt {
    line-height: 1;
}

.ins-def-mb {
    margin-bottom: var(--grid-ana-gap);
}

.p-row-gutter {
    margin-left: -7px;
    margin-right: -7px;
}

    .p-row-gutter > [class*='col-'] {
        padding: 0 10px;
    }

.custom-gutter {
    margin-left: -7px;
    margin-right: -7px;
}

    .custom-gutter > [class*='col-'] {
        padding: 10px;
    }

    .custom-gutter .ins-def-mb {
        margin-bottom: 0;
        height: 100%;
    }

.custom-widget {
    height: 100%;
    min-height: 370px;
}

.custom-gutter .ba-box-shadows .p-icon-sm {
    width: 1.05rem;
    height: 1.05rem;
}

.custom-gutter .ba-box-shadows {
    height: 100%;
}

.p-att-graph-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.p-att-graph-bar {
    display: flex;
    width: 100%;
    height: 20px;
    background-color: #e0e0e0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.p-att-bar-section {
    background-color: var(--tag-bg-body-border-color);
    height: 100%;
}

.p-att-section-1 {
    width: 40%;
}

.p-att-section-2 {
    width: 10%;
    background-color: #decdff;
}

.p-att-section-3 {
    width: 10%;
}

.p-att-section-4 {
    width: 40%;
    background-color: #decdff;
}

.p-att-arrow {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #b0bec5;
}

.p-att-time-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
}

    .p-att-time-info div {
        width: 33%;
    }

        .p-att-time-info div span {
            display: block;
        }

.p-att-title {
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
}

.p-att-value {
    font-size: var(--base-font-size-h2);
    font-weight: 600;
    color: var(--primary-color);
}

.p-att-dates-list-items {
    margin-bottom: 0.65rem;
}

.attendance-main-container .pg-grid-layout-right {
    flex: 0 0 var(--default-sidebar-width-sm);
    min-height: initial;
    position: initial;
    min-width: var(--default-sidebar-width-sm);
}

.attendance-main-container .pg-grid-layout-left {
    max-width: calc(100% - var(--default-sidebar-width-sm) - var(--default-gap));
}


.attendance-main-container .p-tabs-mh {
    min-height: 650px;
}

.p-db-like-inner-emoji,
.p-db-like-inner {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

    .p-db-like-inner-emoji span:first-child {
        font-size: 1.2rem;
        line-height: 0.9;
        position: relative;
        top: -2px;
    }

.mh-db-card {
    min-height: 320px;
}

.p-cg-per-inc-wrpaer .p-ncb-ic {
    margin-bottom: 0.4rem;
}

.p-img-wrap {
    width: 100%;
    height: auto;
    border-radius: calc(var(--bs-border-radius) * 0.85);
}

.fo-cols-widget.loading-skeleton {
    height: initial;
}

.post-item .p-html-editor-ol.p-html-editor .dx-quill-container.ql-container {
    height: initial;
    overflow-y: auto;
}

.post-item .p-html-editor-ol.p-html-editor .dx-htmleditor-content {
    min-height: 40px;
    height: initial;
    padding-right: 4.55rem;
}

.post-align-top .pdf span.pdf.p-icon-xxs {
    width: 0.95rem;
    height: 0.95rem;
    position: relative;
    top: 1px;
}

.p-db-post-reply .editor-button {
    border: none;
    background-color: transparent;
    padding: 0;
    margin-left: 0.45rem;
    position: absolute;
    right: 0.45rem;
}

.p-db-post-reply .editor-button svg {
    stroke: none;
    fill: var(--theme-primary-color);
}

.post-avatar-reply {
    height: 32px;
    width: 32px;
    position: relative;
    top: 0.2rem;
    margin-right: 0.15rem;
}

.p-db-reply-emoji {
    position: absolute;
    top: 50%;
    right: 40px;
    z-index: 1000;
    font-size: 18px !important;
    transform: translateY(-50%);
}

.disbaled-send-btn.editor-button {
}

.p-db-reply-emoji .dx-button-content {
    padding: 0 !important;
}

.p-db-show-raection-mw .p-db-reactions span {
    width: 23px;
    height: 23px;
    background: #ffefc5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin-left: -0.85rem;
    border: 1px solid #f2d960;
    line-height: 1.15;
    font-size: 0.98rem;
    line-height: 1.15;
    font-size: 0.98rem;
    padding-bottom: 1px;
    justify-content:center;
}

.p-sroke-none {
    stroke: none !important;
}

.p-db-com-mw {
    background-color: var(--sec-light-color8);
    padding: 0.45rem 0.7rem;
    border-radius: var(--bs-border-radius);
    border-top-left-radius: 0;
}

.p-rec-like-button-sm-inner {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

    .p-rec-like-button-sm-inner .p-db-show-raection-mw {
        margin: 0;
    }

span.p-rec-dot {
    width: 3px;
    height: 3px;
    background: var(--sec-light-color3);
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    top: 1px;
}

.p-rec-like-button-sm {
    margin-top: 0.4rem;
}

    .p-rec-like-button-sm .p-rec-emoji-dropdown {
        bottom: 26px;
    }

    .p-rec-like-button-sm .p-rec-like-button {
        font-size: 0.87rem;
        position: relative;
        top: -1px;
    }

        .p-rec-like-button-sm .p-rec-like-button span {
            margin-right: 0.2rem;
        }

.p-db-show-raection-mw .p-db-reactions {
    margin-left: 0.85rem;
}

    .p-db-show-raection-mw .p-db-reactions small {
        margin-left: -0.25rem;
        font-size: var(--base-font-size-xxs);
    }

.p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span {
    width: 18px;
    height: 18px;
    font-size: 0.75rem;
    padding-left: 0;
}

.p-db-show-raection-mw .p-db-reactions span.reactiontype_like {
    background: #ffefc5;
    border-color: #f2d960;
}

.p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    background: #ffd3d2;
    border-color: #ff9695;
}

.p-db-reply-emoji .dx-button-content .dx-button-text {
    transform: scale(1.15);
    display: inline-block;
}

.p-db-show-raection-mw .p-db-reactions span.reactiontype_like {
    background: linear-gradient(195deg, #4CA4FF 11.06%, #0674E6 83.29%);
    border-color: #fff;
}

.p-db-post-reply .p-html-editor-ol.p-html-editor p {
    word-break: break-word;
}

#audit-grid .dx-loadpanel {
    min-height: initial;
}

#permission-d-grid .dx-toolbar-items-container .dx-toolbar-before {
    display: none;
}

.p-dx-search-left .dx-datagrid .dx-datagrid-rowsview tr.dx-row a {
    color: var(--primary-color);
}

.p-db-posts-mw .dx-htmleditor {
    border-color: var(--input-border-1) !important;
}

.ph-sw-items .p-dd-wp-content {
    z-index: 159;
}

.grid-main-family {
    grid-template-columns: 1fr 1fr;
    max-width: 1440px;
    margin: 0 auto;
}

.grid-main-family {
    max-width: 1240px;
    margin: 0 auto;
}

    .grid-main-family .p-db-grid-main {
        grid-template-columns: 1fr 1fr;
    }

    .grid-main-family .pdb-mh-dff-hc {
        min-height: 230px;
    }

.ins-place-bot {
    position: absolute;
    bottom: 15px;
}

.summary-section #NoDataDivGridTasks {
    position: initial;
    transform: none;
}

.p-up-at-wrap .avatar-md,
.p-up-at-wrap .pp-user-imgs,
.p-up-at-wrap .pp-users-count {
    height: 2.25rem !important;
    width: 2.25rem !important;
}

.p-up-at-wrap .pp-user-cont {
    font-size: var(--base-font-size);
}

.p-db-posts-mw .nav-link svg.p-icon,
.sidebar-create-post .p-defautlt-navs-wi .nav-link svg.p-icon {
    stroke: var(--on-primary-color);
}

.p-db-posts-mw .nav-link span,
.sidebar-create-post .p-defautlt-navs-wi .nav-link span {
    font-weight: 400;
    font-size: var(--base-font-size-lg);
}

.sidebar-create-post .p-defautlt-navs-wi li a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.p-db-posts-mw .nav-link svg.p-icon {
    stroke: var(--on-primary-color);
    margin-right: 0.05rem;
    margin-bottom: 0.1rem;
}

p-db-posts-mw .nav-link:hover svg, .sidebar-create-post .p-defautlt-navs-wi .nav-link:hover svg {
    stroke: var(--theme-primary-color);
}

.p-db-posts-mw .nav-link.active svg.p-icon,
.sidebar-create-post .p-defautlt-navs-wi .nav-link.active svg.p-icon {
    stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-db-posts-mw .nav-link.active span,
.sidebar-create-post .p-defautlt-navs-wi .nav-link.active span {
    font-weight: 500;
}

.goals-trun-txt {
    max-width: 188px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p-up-achieve .p-up-at-wrap {
    gap: 1.5rem 1.9rem;
}

#gridContainerPeopleGoal.p-def-datagrid .p-progress-def {
    max-width: 510px;
}


.sidebar-create-post .p-default-navs .nav {
    gap: 0.3rem;
}

.p-select-audi-dd .dx-scrollview-content {
    max-height: 500px;
}

.p-select-audi-dd .dx-list-next-button .dx-button {
    padding: 0;
}

.p-default-navs .nav.nav-pills {
    gap: 1.3rem;
}

.p-default-navs .nav.nav-pills .nav-link {
    padding-left: 0;
    padding-right: 0;
}

@media(max-width: 1600px) {
    .p-select-audi-dd .dx-scrollview-content {
        max-height: 400px;
    }
}

.pso-form-wrapper .p-dd-wp-content {
    z-index: 9999;
}

.p-ana-welbeing-head {
    display: inline-grid;
    min-width: 210px;
}

@media(max-width: 1470px) {
    .pdb-mh-dff-hc .nav-pills .nav-link {
        padding: .3rem 0.6rem;
    }
}

@media(max-width: 1350px) {
    .pdb-mh-dff-hc .nav-pills .nav-link {
        padding: .3rem;
    }

    .p-db-posts-mw .nav-link span {
        font-size: var(--base-font-size-xs);
    }

    .p-db-posts-mw .p-icon-sm {
        width: 0.95rem;
        height: 0.95rem;
    }

    .pdb-mh-dff-hc .nav-pills.nav {
        gap: 1.2rem;
    }

    .plm-grad-app {
        width: 32.70681rem;
        height: 12.43531rem;
    }
}

#createtemplateReport.p-modal-sb-wizard .pso-grid-wrapper {
    height: initial;
    flex: 1;
}

.p-db-reactions {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
}

    .p-db-reactions span {
        line-height: 1.15;
        font-size: 0.98rem;
    }

.p-db-rea-list {
}

    .p-db-rea-list ul li {
    }

.p-rec-like-button {
    position: relative;
    cursor: pointer;
}

.p-rec-like-icon {
    transition: background-color 0.3s ease;
}

.p-rec-emoji-dropdown {
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 7px;
    display: inline-flex;
    justify-content: space-around;
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--background1);
    box-shadow: var(--default-shadow-1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 10;
    gap: 0.6rem;
    width: 100%;
    min-width: 240px;
}

    .p-rec-emoji-dropdown::after {
        content: '';
        position: absolute;
        background: transparent;
        width: 100%;
        height: 22px;
        bottom: -13px;
        z-index: 99999;
    }

    .p-rec-like-button:hover .p-rec-emoji-dropdown,
    .p-rec-emoji-dropdown:hover {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

.p-rec-emoji {
    font-size: 26px;
    opacity: 0;
    transform: translateY(50px) scale(0.8);
    animation: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.p-db-rea-list {
    padding: 0;
    list-style: none;
}

    .p-db-rea-list li {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--primary-border-color);
    }

.p-rec-like-button:hover .p-rec-emoji:nth-child(1),
.p-rec-emoji-dropdown:hover .p-rec-emoji:nth-child(1) {
    animation: bubbleEffect 0.6s ease forwards 0.1s;
}

.p-rec-like-button:hover .p-rec-emoji:nth-child(2),
.p-rec-emoji-dropdown:hover .p-rec-emoji:nth-child(2) {
    animation: bubbleEffect 0.6s ease forwards 0.2s;
}

.p-rec-like-button:hover .p-rec-emoji:nth-child(3),
.p-rec-emoji-dropdown:hover .p-rec-emoji:nth-child(3) {
    animation: bubbleEffect 0.6s ease forwards 0.3s;
}

.p-rec-like-button:hover .p-rec-emoji:nth-child(4),
.p-rec-emoji-dropdown:hover .p-rec-emoji:nth-child(4) {
    animation: bubbleEffect 0.6s ease forwards 0.4s;
}

.p-rec-like-button:hover .p-rec-emoji:nth-child(5),
.p-rec-emoji-dropdown:hover .p-rec-emoji:nth-child(5) {
    animation: bubbleEffect 0.6s ease forwards 0.5s;
}

/* Emoji hover scale effect */
.p-rec-emoji span {
    transition: all 0.2s ease;
}

.p-rec-emoji:hover span {
    transform: scale(1.35); /* Slight scale effect */
    display: inline-block;
}

/* Keyframes for the emoji bubble effect */
@keyframes bubbleEffect {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.8);
    }

    60% {
        opacity: 1;
        transform: translateY(-10px) scale(1.2);
    }

    100% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}

.p-db-show-raection-mw {
    margin-top: 1.8rem;
    margin-bottom: -0.15rem;
}

.p-db-comments:hover {
    color: var(--p-text-link);
    cursor: pointer;
}

span.p-db-comments {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    line-height: 1.2;
}

.p-db-comments span {
    display: inline-block;
    position: relative;
    padding-top: 0.07rem;
}

.p-inp-group {
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.02);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding)* 0.85);
    border: 1px solid var(--input-border-1);
    padding-bottom: 0.25rem;
}

    .p-inp-group:not(:last-child) {
        margin-bottom: 1rem;
    }

.p-inp-group-td {
    text-align: right;
    margin-top: 0.1rem;
}

.loading-skeleton .p-at-green {
    background: var(--sec-light-color4);
}

.loading-skeleton .p-at-time-tarc-grid .p-res-distr.p-res-distr-att {
    border: 1px solid var(--sec-light-color4);
}

.web-clock-ins-list,
.attendance-adjustments-list {
    display: grid;
    gap: 0.55rem;
}

.attendance-main-container .loading-skeleton h4.ph-4 {
    max-width: 130px;
    margin-bottom: 0.95rem !important;
}

.loading-skeleton .p-att-time-info label.p-att-title {
    display: block;
    margin-bottom: 0.45rem;
}

.p-cal-tags {
    border-radius: 0.15rem;
    padding: 0.28rem 0.65rem;
    line-height: 1.25;
    display: flex;
    min-width: 90px;
    margin: 4px 0px;
    align-items: center;
    gap: 0.425rem;
    min-height: 32px;
    justify-content: center;
    font-size: 0.7rem;
    width: 100%;
    color: var(--primary-color);
    border-left: 5px solid;
}

    .p-cal-tags.p-cal-tags-sm {
        border-radius: 0.12rem;
        min-width: initial;
        gap: 0.425rem;
        min-height: initial;
        width: initial;
        border-left: 4px solid;
    }

.late-tag.p-cal-tags {
    background-color: #ffeab9;
    border-color: var(--yellow-color);
}

.regularize-tag.p-cal-tags {
    background-color: #c2f5d3;
    border-color: var(--green-color);
}

.woff-tag.p-cal-tags {
    background-color: #c6dfff;
    border-color: #3b75d0;
    border-width: 0px !important;
    border-left-width: 4px !important;
}

.missing-tag.p-cal-tags {
    background-color: #ffc8cc;
    border-color: var(--overdue-tc);
}

.p-cal-tags.awol-tag {
    border-color: #09090b;
    background-color: rgb(213 211 211);
}

.p-cal-tags.holiday-tag {
    border-color: #b421a3;
    background-color: #ffd6fa;
}

.p-cal-tags.leave-tag {
    border-color: #4316CA;
    background-color: #d5c7ff;
}

.p-cal-tags.p-tag-grey {
    border-left-color: #737373cc;
}

.p-cal-tags .p-icon-sm1 {
    width: 0.95rem;
    height: 0.95rem;
}

.p-cal-tags .p-icon-sm2 {
    width: 1rem;
    height: 1rem;
    position: relative;
    left: 1px;
}

.p-cal-tags .p-icon-sm3 {
    width: 1rem;
    height: 1rem;
}

.p-cal-tags .p-icon-sm-reg {
    width: 0.9rem;
    height: 0.9rem;
    position: relative;
    left: -0.05rem;
}

.p-cal-tags span {
    text-align: center;
    min-width: 40px;
}

@media(max-width: 1380px) {
    .p-cal-tags {
        min-width: 80px;
        gap: 0.225rem;
        font-size: 0.7rem;
    }
}



.holiday-tag svg.p-icon {
    stroke: #006654;
}


.leave-style svg.p-icon {
    stroke: #4316CA;
}

.p-cal-tags svg {
    display: none;
}

.regularize-tag svg.p-icon {
    stroke: #17663A;
}

.p-cal-grey {
}

.no-entries-tag {
    background-color: red;
    color: white;
}

.day-cell {
    text-align: left;
    padding-left: 0.05rem;
    color: var(--primary-color);
}

.p-att-mt-all-tags {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.dx-scheduler-timeline-week .p-att-mt-all-tags {
    min-height: 100px;
    height: initial;
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    font-size: var(--base-font-size);
    color: var(--on-primary-color);
    cursor: pointer;
}

.attendance-main-container .dx-template-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
}

.attendance-main-container .dx-scheduler .dx-scheduler-header {
    display: none;
}

.attendance-main-container .dx-scheduler .dx-scheduler-work-space {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.attendance-main-container .dx-scheduler-work-space {
    border: 1px solid var(--theme-border-2);
    border-radius: var(--bs-border-radius);
}

.attendance-main-container .dx-scheduler-header-panel {
    margin: 0;
}

.attendance-main-container .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.attendance-main-container .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
    padding-bottom: 0;
    margin-bottom: 0;
}

.share-candi-info {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 20px;
}

.loading-skeleton .p-tal-candi-info-ring {
    visibility: hidden;
    opacity: 0;
}

.loading-skeleton .p-ci-socials svg,
.loading-skeleton .p-sim-link {
    display: none;
}

.loading-skeleton .pd-ci-tags {
    border: 1px solid transparent;
}

.loading-skeleton .p-head-seperator-fw {
    color: transparent;
}

.p-at-date-lr .pcg-user-icon {
    width: 1.1rem;
    height: 2.1rem;
    display: inline-block;
    stroke: var(--p-icon-color);
}

.p-input-date-picon {
    position: relative;
}

    .p-input-date-picon::after {
        background-image: url("data:image/svg+xml,%3Csvg id='Calendar' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40967 9.66406C3.40967 9.24985 3.74545 8.91406 4.15967 8.91406H20.2011C20.6153 8.91406 20.9511 9.24985 20.9511 9.66406C20.9511 10.0783 20.6153 10.4141 20.2011 10.4141H4.15967C3.74545 10.4141 3.40967 10.0783 3.40967 9.66406Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8145 2.25C16.2287 2.25 16.5645 2.58579 16.5645 3V5.96174C16.5645 6.37595 16.2287 6.71174 15.8145 6.71174C15.4002 6.71174 15.0645 6.37595 15.0645 5.96174V3C15.0645 2.58579 15.4002 2.25 15.8145 2.25Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.54395 2.25C8.95816 2.25 9.29395 2.58579 9.29395 3V5.96174C9.29395 6.37595 8.95816 6.71174 8.54395 6.71174C8.12973 6.71174 7.79395 6.37595 7.79395 5.96174V3C7.79395 2.58579 8.12973 2.25 8.54395 2.25Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.71498 4.95257C5.634 4.07898 6.91309 3.67188 8.36992 3.67188H15.9903C17.4504 3.67188 18.7302 4.07866 19.6479 4.95324C20.5712 5.83328 21.0304 7.094 21.0262 8.60132C21.0262 8.60154 21.0262 8.60177 21.0262 8.60199L21.0262 16.8137C21.0262 18.3212 20.5649 19.5831 19.6415 20.4646C18.7234 21.341 17.4437 21.7504 15.9825 21.7504H8.36992C6.90859 21.7504 5.62787 21.3322 4.70972 20.4423C3.78785 19.5488 3.32617 18.2716 3.32617 16.7456V8.59984C3.32617 7.09167 3.79016 5.83167 4.71498 4.95257ZM5.74843 6.03976C5.18727 6.57317 4.82617 7.40215 4.82617 8.59984V16.7456C4.82617 17.9683 5.18958 18.8185 5.75368 19.3652C6.32151 19.9156 7.18767 20.2504 8.36992 20.2504H15.9825C17.1726 20.2504 18.0398 19.9198 18.6057 19.3796C19.1663 18.8445 19.5262 18.013 19.5262 16.8137V8.59984L19.5262 8.59768C19.5297 7.39945 19.1716 6.57144 18.613 6.03908C18.0486 5.50115 17.1815 5.17188 15.9903 5.17188H8.36992C7.18317 5.17188 6.31539 5.50083 5.74843 6.03976Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4307 13.376C11.4307 12.9618 11.7665 12.626 12.1807 12.626H12.1813C12.5956 12.626 12.9313 12.9618 12.9313 13.376C12.9313 13.7902 12.5956 14.126 12.1813 14.126H12.1807C11.7665 14.126 11.4307 13.7902 11.4307 13.376Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4307 16.8525C11.4307 16.4383 11.7665 16.1025 12.1807 16.1025H12.1813C12.5956 16.1025 12.9313 16.4383 12.9313 16.8525C12.9313 17.2668 12.5956 17.6025 12.1813 17.6025H12.1807C11.7665 17.6025 11.4307 17.2668 11.4307 16.8525Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.41113 13.376C7.41113 12.9618 7.74692 12.626 8.16113 12.626H8.16181C8.57603 12.626 8.91181 12.9618 8.91181 13.376C8.91181 13.7902 8.57603 14.126 8.16181 14.126H8.16113C7.74692 14.126 7.41113 13.7902 7.41113 13.376Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.41113 16.8525C7.41113 16.4383 7.74692 16.1025 8.16113 16.1025H8.16181C8.57603 16.1025 8.91181 16.4383 8.91181 16.8525C8.91181 17.2668 8.57603 17.6025 8.16181 17.6025H8.16113C7.74692 17.6025 7.41113 17.2668 7.41113 16.8525Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4404 13.376C15.4404 12.9618 15.7762 12.626 16.1904 12.626H16.1911C16.6053 12.626 16.9411 12.9618 16.9411 13.376C16.9411 13.7902 16.6053 14.126 16.1911 14.126H16.1904C15.7762 14.126 15.4404 13.7902 15.4404 13.376Z' fill='%23404040'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4404 16.8525C15.4404 16.4383 15.7762 16.1025 16.1904 16.1025H16.1911C16.6053 16.1025 16.9411 16.4383 16.9411 16.8525C16.9411 17.2668 16.6053 17.6025 16.1911 17.6025H16.1904C15.7762 17.6025 15.4404 17.2668 15.4404 16.8525Z' fill='%23404040'%3E%3C/path%3E%3C/svg%3E");
        font-size: 0;
        width: 1.1rem;
        height: 1.1rem;
        background-size: cover;
        background-position: center center;
        content: '';
        display: inline-block;
        position: absolute;
        right: 0.7rem;
        top: 50%;
        transform: translateY(-50%);
    }

.p-at-date-lr.p-input-date-picon {
    min-width: 290px;
    padding-right: 2.1rem;
}

.p-at-date-lr .pcg-user-icon {
    stroke: var(--on-primary-color);
}

.p-att-no-record .p-nd-upd img {
    max-width: 150px;
    margin-bottom: 0.8rem;
}

.p-att-no-record .p-nd-upd {
    margin: 0rem 0 0rem;
    align-items: center;
    justify-content: flex-start !important;
    gap: 0.3rem;
}

.p-att-time-info.lt-list-date-ng {
    gap: 0.4rem;
    justify-content: flex-start;
}

.lt-list-date-ng .lt-days {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
}

.lt-list-date-ng.lt-list-date small {
    text-align: left;
}

.lt-list-date-ng.lt-list-date .lt-days:last-child {
    align-items: flex-start;
}

.p-cb-input-valid {
    display: inline-flex;
    flex-direction: column;
    margin: 0 0.4rem;
}

    .p-cb-input-valid input,
    .p-input-sm-select {
        margin: 0;
    }

    .p-cb-input-valid .text-danger {
        line-height: 1.2;
        margin-top: 0;
    }

#addPenalisationSettingModalStepDiv .p-inp-def-grp-wt .p-read-only-text {
    margin-left: 0;
}

.ba-box-shadows h4.pdf.justify-content-between {
    justify-content: flex-start !important;
    gap: 0.35rem;
}

.cta-bulk-action-hire .p-btn-sec,
#btnExportPDF {
    min-width: 100px;
    min-height: 33px;
}

.static-button svg {
    width: 1.2rem;
    height: 1.2rem;
    stroke: var(--primary-color);
}

.p-ani-dropdown .static-button button:hover {
    border-radius: calc(var(--bs-border-radius)* 1);
}

.p-att-shift-group-mw .p-input-append,
.p-input-box {
    background: var(--theme-light-bg-def-1);
    margin-bottom: 1.1rem;
    padding: 0.85rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--theme-border-layout);
}

.p-att-shift-group {
    display: flex;
    justify-content: space-between;
    gap: 6rem;
    min-height: 78px;
}

.p-att-shift-time-group {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.p-cb-shift-wd {
    align-self: center;
    min-width: 34px;
}

.p-att-shift-group-mw .text-danger {
    line-height: 1;
    top: 2px;
}

.view-shifts .p-att-shift-group {
    min-height: 74px;
}

.view-shifts label.p-cb-shift-wd {
    padding-top: 11px;
}

.class-form-control .dropdown-menu {
    width: 100%;
}

.pso-action-btns.pdf-gap-sm {
    gap: 1rem !important;
}

.pso-revi-btn-pos {
    margin-bottom: 1.5rem;
}

    .pso-revi-btn-pos .grid-btn-abs.grid-btn-abs-right {
        top: -25px;
    }

div#scheduler {
    min-height: 660px;
}

.attendance-main-container .dx-template-wrapper {
    min-height: 100px;
}

#scheduler {
    overflow-x: hidden; /* Prevent horizontal scrollbars */
}

.attendance-main-container .dx-scheduler-timeline .dx-scheduler-date-table-cell,
.attendance-main-container .dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
    width: 90px !important;
}

.attendance-main-container .dx-template-wrapper.disabled-cell {
    flex: 1;
}

.p-icon-dp {
    position: relative;
}

    .p-icon-dp::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9838 0.639648C12.3814 0.639648 12.7038 0.962003 12.7038 1.35965V1.98504C13.8351 2.07694 14.8257 2.45677 15.5657 3.16231C16.4303 3.98669 16.8592 5.16658 16.8554 6.57409V9.38952C16.8554 9.78716 16.533 10.1095 16.1354 10.1095C15.7377 10.1095 15.4154 9.78716 15.4154 9.38952V8.28473H1.77374V14.1562C1.77374 15.2897 2.11067 16.0751 2.63079 16.5793C3.15448 17.0869 3.95498 17.3975 5.05158 17.3975H7.11589C7.51354 17.3975 7.83589 17.7199 7.83589 18.1175C7.83589 18.5152 7.51354 18.8375 7.11589 18.8375H5.05158C3.6869 18.8375 2.48848 18.4468 1.62857 17.6133C0.765091 16.7763 0.33374 15.5811 0.33374 14.1562V6.57332C0.33374 5.16467 0.767277 3.9852 1.63358 3.16159C2.37446 2.45723 3.36435 2.07734 4.49316 1.98518V1.35965C4.49316 0.962003 4.81552 0.639648 5.21316 0.639648C5.61081 0.639648 5.93316 0.962003 5.93316 1.35965V1.96289H11.2638V1.35965C11.2638 0.962003 11.5861 0.639648 11.9838 0.639648ZM11.2638 4.11705V3.40289H5.93316V4.11705C5.93316 4.51469 5.61081 4.83705 5.21316 4.83705C4.81552 4.83705 4.49316 4.51469 4.49316 4.11705V3.43114C3.67457 3.51737 3.05576 3.79642 2.62578 4.20522C2.10848 4.69702 1.77374 5.46277 1.77374 6.57332V6.84473H15.4154V6.57332L15.4154 6.57121C15.4186 5.4601 15.0867 4.69526 14.572 4.2045C14.1438 3.79617 13.5253 3.51694 12.7038 3.43093V4.11705C12.7038 4.51469 12.3814 4.83705 11.9838 4.83705C11.5861 4.83705 11.2638 4.51469 11.2638 4.11705ZM10.2591 14.9322C10.2591 13.2821 11.5968 11.9439 13.2464 11.9439C14.8971 11.9439 16.2347 13.2822 16.2347 14.9322C16.2347 16.5819 14.8973 17.9195 13.2464 17.9195C11.5966 17.9195 10.2591 16.582 10.2591 14.9322ZM13.2464 10.5039C10.801 10.5039 8.81909 12.4873 8.81909 14.9322C8.81909 17.3773 10.8013 19.3595 13.2464 19.3595C15.6924 19.3595 17.6747 17.3774 17.6747 14.9322C17.6747 12.4872 15.6926 10.5039 13.2464 10.5039ZM13.2259 12.9688C13.6235 12.9688 13.9459 13.2911 13.9459 13.6888V14.7869L14.7675 15.2779C15.1088 15.4819 15.2201 15.924 15.0161 16.2654C14.8122 16.6067 14.3701 16.718 14.0287 16.514L12.8565 15.8134C12.639 15.6834 12.5059 15.4487 12.5059 15.1954V13.6888C12.5059 13.2911 12.8282 12.9688 13.2259 12.9688ZM4.84317 10.1836C4.44552 10.1836 4.12317 10.5059 4.12317 10.9036C4.12317 11.3012 4.44552 11.6236 4.84317 11.6236H4.85317C5.25081 11.6236 5.57317 11.3012 5.57317 10.9036C5.57317 10.5059 5.25081 10.1836 4.85317 10.1836H4.84317ZM4.12317 14.2415C4.12317 13.8438 4.44552 13.5215 4.84317 13.5215H4.85317C5.25081 13.5215 5.57317 13.8438 5.57317 14.2415C5.57317 14.6391 5.25081 14.9615 4.85317 14.9615H4.84317C4.44552 14.9615 4.12317 14.6391 4.12317 14.2415ZM8.36441 10.1836C7.96676 10.1836 7.64441 10.5059 7.64441 10.9036C7.64441 11.3012 7.96676 11.6236 8.36441 11.6236H8.37441C8.77205 11.6236 9.09441 11.3012 9.09441 10.9036C9.09441 10.5059 8.77205 10.1836 8.37441 10.1836H8.36441Z' fill='%23404040'/%3E%3C/svg%3E%0A");
        font-size: 0;
        width: 1.25rem;
        font-size: 0;
        height: 1.25rem;
        background-size: 0.95rem;
        background-position: center center;
        content: '';
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        right: 0.65rem;
        background-repeat: no-repeat;
    }

.p-icon-disabled-date::after {
    opacity: 0.75;
}

.project-mamagement-grid .pp-user-imgs-wrapper.pp-users-count-nc,
.p-at-as-ts-grid .pp-users-count-nc {
    margin-left: -16px;
}

.p-att-shift-group-cols .input-group input.form-control {
    max-width: 118.1px;
}

.break-time-result {
    min-width: 90px;
}

.view-shifts .input-group-append .input-group-text.p-read-only-text {
    background: var(--disabled-light-color);
}

.view-shifts .p-form-check {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: default;
}

.p-multi-select-row {
    display: inline-flex;
    gap: 1.25rem;
}

    .p-multi-select-row select {
        min-width: 335px;
        max-width: 335px !important;
    }

#summaryTable .p-progress-def {
    margin-right: 100px;
}

.form-builder .header-field.form-field label.field-label {
    min-height: 19px;
}

#leaveBalancesAccordian .lt-list-date .lt-days small {
    color: var(--on-primary-color);
    text-transform: capitalize;
}

.profile-main-container .dx-datagrid-content-fixed tr.dx-data-row,
.profile-main-container .dx-datagrid-content-fixed tr.dx-data-row td:hover {
    background-color: var(--chat-dark-bg-2);
    border-radius: 0 !important;
}

.pl-options-inner .p-dd-wp-content {
    max-height: 450px;
    overflow: auto;
}

.p-lbc-acc-body b {
    text-transform: capitalize;
}

.p-wc-time-wmsg {
    display: grid;
    grid-template-columns: 90px auto;
    gap: 0.5rem;
}

.p-lh-1 {
    line-height: 1;
}

.loading-skeleton .pp-users-count-nc .pp-user-imgs {
    border-radius: 50%;
}

.pp-users-group.loading-skeleton .pp-users-count-nc .pp-users-count {
    background: var(--sec-light-color7);
    border: 1px solid var(--sec-light-color6);
}

.pp-users-group.loading-skeleton label.pp-user-cont {
    margin-bottom: 0;
}

.pp-users-group.loading-skeleton svg.pp-user-imgs {
    fill: var(--sec-light-color6) !important;
    stroke: none !important;
    background: var(--grey-bg-5) !important;
}

.p-dx-search-left #SummaryGrid tr.dx-data-row td {
    cursor: default;
}

.attendance-main-container .pg-grid-layout-right .ph-card {
    flex: 1;
    min-height: 738px;
}

.att-reg-sb-det {
    display: flex;
    flex-direction: column;
}

.attendance-main-container .dx-scheduler-date-table-cell.dx-state-focused:has(.disabled-cell),
.attendance-main-container .dx-scheduler-date-table-cell.dx-state-hover:has(.disabled-cell) {
    cursor: default;
    box-shadow: none;
    background: transparent;
}

.web-clock-ins-item .pdf.pdf-gap-3xs span.text-primary-color {
    min-width: 87px;
    text-align: left;
}

@media (max-height: 950px) {
    .pl-options-inner .p-dd-wp-content {
        max-height: 320px;
    }
}

#gridContainerOffboardingDocs a {
    word-break: break-all;
    line-height: 1.4;
    color: var(--primary-color);
}

    #gridContainerOffboardingDocs a:hover {
        text-decoration: underline;
    }

.p-as-loading {
    position: relative;
    top: 2px;
}

.align-head-w-sm-icon .p-lh-1 {
    height: 15px;
    display: flex;
    align-items: center;
}

.sb-att-request-details .p-ncb-ic label.label-primary {
    margin-top: 0.18rem;
    margin-bottom: 0.3rem;
}

.sb-att-request-details .p-ncb-ic {
    margin-top: 1.3rem;
}

.input-group-text-icon {
    cursor: pointer;
}

.loading-skeleton .p-tal-candi-info-ring.p-tal-candi-info-ring-sm .circle-loader {
    width: 3.5em;
    height: 3.5em;
    margin: 0;
    border: 6px solid var(--sec-light-color7);
    border-radius: 50%;
}

.p-def-back-btn.loading-skeleton .p-tal-candi-info-ring {
    visibility: visible;
    opacity: 1;
}

.p-link:hover,
label.underline.productcursorfiles:hover {
    text-decoration: underline;
}

select.form-control-sm {
    background-size: 0.688rem;
}


label.underline.productcursorfiles {
    font-weight: 400;
}

.ml-draggable-upd-ml.ml-draggable-wrapper ul .draggable {
    padding: 0.75rem 1rem;
}

.sign-content-mw .p-tag {
    gap: 0.25rem;
}
/*survey updated*/

.p-sur-upd-2x {
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 3rem;
    align-items: flex-end;
}

    .p-sur-upd-2x p {
        color: var(--primary-color);
        font-weight: 500;
        margin-top: 0.8rem;
    }

.insight-def-label.insight-def-label-sm {
    font-size: var(--base-font-size-h1);
}

.p-sur-upd-2x .p-tal-candi-info-ring svg {
    padding: 0;
    margin: 0;
}

.show-results-modal-upd .sur-feed-results .ba-box-shadows,
.show-results-modal-upd .inner-sur-res .ba-box-shadows {
    min-height: 13.5em;
}


.ba-box-shadows-sb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p-sur-upd-res-dist .p-tal-candi-info-ring {
    margin-bottom: -2px;
}

.p-sur-upd-partic .participation-score-per {
    position: relative;
    bottom: -4px;
}

.p-sur-upd-2x-view {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-end;
}

.p-dot.p-dot-lg {
    width: 5px;
    height: 5px;
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
    }
}
/*safari*/
.p-safari .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    background: #ffd3d2;
    border-color: #ff9695;
    font-size: 0.75rem;
    padding-top: 1px;
}

.p-safari .p-db-show-raection-mw .p-db-reactions span {
    margin-left: -0.85rem;
    line-height: 1.15;
    font-size: 0.85rem;
    padding-bottom: 3px;
    padding-left: 2px;
    padding-top: 1px;
}

.p-safari .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.62rem;
    padding-left: 1.9px;
    padding-top: 5px;
}

.p-safari .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing,
.p-safari .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_sad {
    font-size: 0.7rem;
    padding-left: 0.8px;
    padding-top: 2px;
}

.p-safari .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_like {
    font-size: 0.65rem;
    padding-left: 0.5px;
    padding-top: 1.7px;
}

/*mac chrome*/

.p-chrome-mac .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart,
.p-firefox .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.7rem;
    padding-top: 4.5px;
    padding-left: 4.8px;
    justify-content:center;
}

.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.8rem;
    padding-top: 2.9px;
    padding-left: 2.5px;
}

.p-chrome-mac .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing,
.p-chrome-mac .p-db-show-raection-mw .p-db-reactions span.reactiontype_\#sad,
.p-firefox .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing,
.p-firefox .p-db-show-raection-mw .p-db-reactions span.reactiontype_\#sad,
.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_\#sad {
    padding-top: 4px;
    padding-left: 3.6px;
}

.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing {
    padding-top: 0.15rem;
    padding-left: 0.08rem;
}

.p-chrome-mac .p-db-show-raection-mw .p-db-reactions span.reactiontype_like,
.p-firefox .p-db-show-raection-mw .p-db-reactions span.reactiontype_like,
.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_like {
    font-size: 0.73rem;
    padding-left: 4px;
    padding-top: 3.5px;
}

.p-chrome-mac .p-db-show-raection-mw .p-db-reactions span,
.p-firefox .p-db-show-raection-mw .p-db-reactions span,
.p-edge .p-db-show-raection-mw .p-db-reactions span {
    margin-left: -0.85rem;
    line-height: 1.15;
    font-size: 0.85rem;
    padding-bottom: 3px;
    padding-left: 2px;
    padding-top: 1px;
}

.p-chrome-mac .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart,
.p-firefox .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.62rem;
    padding-left: 3px;
    padding-top: 4px;
    justify-content:center;
}

.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.62rem;
    padding-left: 2px;
    padding-top: 2px;
}

.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_\#sad {
    padding-top: 3.8px;
    padding-left: 0.7px;
    font-size: 0.7rem;
}
.p-chrome-mac .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing,
.p-chrome-mac .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_sad,
.p-firefox .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing,
.p-firefox .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_sad,
.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_sad {
    font-size: 0.7rem;
    padding-left: 2.25px;
    padding-top: 3.3px;
}

.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions span.reactiontype_laughing {
    font-size: 0.7rem;
    padding-left: 0.75px;
    padding-top: 3.3px;
}

.p-chrome-mac .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_like,
.p-firefox .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_like,
.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_like {
    font-size: 0.65rem;
    padding-left: 2.5px;
    padding-top: 3.7px;
}

.p-chrome-mac .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_celebrate,
.p-firefox .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_celebrate,
.p-edge .p-rec-like-button-sm-inner .p-db-show-raection-mw .p-db-reactions .reactiontype_celebrate {
    font-size: 0.6rem;
    padding-top: 3px;
    padding-left: 1px;
}

/*firefix overide*/
.p-firefox .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    padding-top: 3.5px;
}

.p-code-block {
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.row-report-dds {
    flex-grow: 1;
}

    .row-report-dds .btn-slect-dropdown .p-add-btn {
        min-width: 100%;
        width: 100%;
    }

.p-cp-mw {
    position: relative;
}

    .p-cp-mw .p-cp-dd {
        width: 100%;
    }

.table-with-border .table {
}

.table-with-border .table-bordered thead td,
.table-with-border .table-bordered thead th {
    border-bottom-width: 1px;
    font-weight: 600;
}

.grey-bg-bor-cols tr td,
.grey-bg-bor-cols tr th,
.grey-bg-bor-cols.table-responsive > .table-bordered {
    border-color: var(--input-border-1);
}

.grey-bg-bor-cols.table-with-border .table {
    background: #fff;
}


.p-roata-shift th,
.p-roata-shift tr td:first-child {
    background-color: var(--grey-bg-6);
}

.team-assign-select-mw {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
    max-width: 786px;
}

.team-assign-select,
.p-input-120 {
    width: 15rem;
}


.p-arrow {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 8px;
    margin: 0 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='8' viewBox='0 0 160 8' fill='none'%3E%3Cpath d='M159.354 4.35357C159.549 4.15831 159.549 3.84172 159.354 3.64646L156.172 0.46448C155.976 0.269218 155.66 0.269218 155.464 0.46448C155.269 0.659742 155.269 0.976324 155.464 1.17159L158.293 4.00001L155.464 6.82844C155.269 7.0237 155.269 7.34029 155.464 7.53555C155.66 7.73081 155.976 7.73081 156.172 7.53555L159.354 4.35357ZM-4.37114e-08 4.5L159 4.50001L159 3.50001L4.37114e-08 3.5L-4.37114e-08 4.5Z' fill='%230D1530'/%3E%3C/svg%3E");
}

.team-assign-container .p-arrow {
    margin-top: 1.35rem;
}

.team-assign-select-mw-label .p-arrow {
    margin: 0;
}

.team-assign-select,
.team-assign-select-mw-label label.fw-normal {
    max-width: 15rem !important;
}

.team-assign-select-mw-label label.fw-normal {
    flex: 1;
}


.team-assign-select-mw-label label.fw-normal {
    margin-top: 0.6rem;
}

.mt-25px {
    margin-top: 25px;
}


.p-cus-dd-mw-hs {
    height: calc(1.5em + 0.75rem + 0.085em);
    padding: 0.325rem 0.75rem;
    min-width: 210px;
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

.p-cus-dd-selected .p-cus-dd-option {
    padding: 0px;
}

.p-dd-pipe {
    display: inline-block;
    margin: 0 0.5rem;
}

.p-inp-box-label-mw {
    text-align: center;
}

.p-inp-box-label {
    display: inline-block;
    width: 8.8125rem;
    padding: 0.55rem 0.75rem;
    justify-content: center;
    align-items: center;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--input-border-1);
    background: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-inp-box-label-mw {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.p-inp-box-label-mw-inp-grp {
    display: flex;
    color: var(--primary-color);
    gap: 1rem;
    padding-bottom: calc(var(--box-padding)* 0.85);
}

.p-fw-to-we {
    display: flex;
    gap: 1.75rem;
    flex-wrap: wrap;
}

    .p-fw-to-we .p-inp-group:not(:last-child) {
        margin-bottom: 0;
    }

    .p-fw-to-we h5.ph-5 {
        font-size: calc(var(--base-font-size-h5)* 0.92);
        margin-bottom: 0;
    }

.p-team-rota-heading {
    font-weight: 600;
    text-align: left;
}

.p-team-rota-employee-name {
    font-weight: 600;
}

.p-team-rota-general-break {
    padding: 10px;
}

.p-team-rota-weekly-off {
    padding: 10px;
    background-color: #F0FAFF;
}

.p-team-rota-general-break, .p-team-rota-weekly-off, .p-team-rota-holiday-mw {
    border: 1px solid var(--primary-border-color) !important;
    vertical-align: middle !important;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    cursor: pointer;
}

.rota-cl-container .p-def-table tr th:first-child,
.rota-cl-container .p-def-table tr td:first-child,
.rota-cl-container .dx-datagrid-rowsview .dx-row:hover td:first-child {
    border-top-left-radius: calc(var(--bs-border-radius) * 0.75);
    border-bottom-left-radius: calc(var(--bs-border-radius) * 0.75);
}

.rota-cl-container .p-def-table tr th:last-child,
.rota-cl-container .p-def-table tr td:last-child,
.rota-cl-container .dx-datagrid-rowsview .dx-row:hover td:last-child {
    border-top-right-radius: calc(var(--bs-border-radius) * 0.75);
    border-bottom-right-radius: calc(var(--bs-border-radius) * 0.75);
}


.p-team-rota-weekly-off.p-team-rota-weekly-off-no-logs {
    background-color: #ffffff;
}

    .p-team-rota-weekly-off.p-team-rota-weekly-off-no-logs label {
        color: var(--on-primary-color);
    }

td.p-team-rota-weekly-off.p-team-rota-weekly-off-no-logs label svg {
    stroke: var(--on-primary-color);
}

#teamRotaGrid .p-tag.p-tag-sm.p-tag-black {
    min-width: initial;
    border-radius: calc(var(--border-radius-default)* 0.55) !important;
    padding: 0.15rem 0.55rem 0.25rem;
    margin-left: 6px;
    line-height: 1.25;
}

table.team-rota-table {
    border-collapse: separate;
    border-spacing: 8px;
    margin: 0 -8px;
}

.team-rota-table.table thead tr th:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -10px;
    height: 100%;
    width: 20px;
    top: 0;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.08);
}

td.p-team-rota-weekly-off-no-logs::after {
    border-color: var(--theme-primary-color);
}

.team-rota-table.table thead tr th {
    position: relative;
    font-weight: 600;
    overflow: visible;
    vertical-align: middle;
}

.p-team-rota-general-break {
    min-width: 185px;
}

.p-team-rota-shift-duration-time, .p-team-rota-break-duration {
    display: none;
}

.p-team-rota-general-break,
.p-team-rota-weekly-off,
.p-team-rota-employee,
.p-team-rota-holiday-mw {
    min-height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 190px;
}

    .p-team-rota-employee .grid-profile-wrapper {
        align-self: flex-start;
        cursor:default;
    }

/*td.p-team-rota-employee {
    border-bottom: 1px solid var(--primary-border-color);
    border-top: 1px solid var(--primary-border-color);
}*/

.p-rota-week-off, .p-rota-no-logs, .p-team-rota-holiday {
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.p-team-rota-weekly-off-bg-tra {
    background-color: var(--plm-light-blue2);
}

.p-team-rota-weekly-off-no-logs {
    background-color: var(--chat-dark-bg-2);
}

.p-nl-op-add {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    justify-content: center;
}

.p-team-rota-weekly-off.p-team-rota-weekly-off-no-logs {
    opacity: 0;
    visibility: hidden;
}

.p-dx-search-left tr.dx-data-row td:hover .p-team-rota-weekly-off.p-team-rota-weekly-off-no-logs {
    opacity: 1;
    visibility: visible;
}

.p-text-blue-dark {
    color: #007bff;
}

.p-team-rota-weekly-off .p-cal-tags {
    align-self: center;
}

.p-team-rota-body .grid-profile-wrapper .grid-avatar {
    align-self: flex-start;
    margin-top: 3px;
    flex-shrink: 0;
}

.p-team-rota-weekly-off-no-logs .p-cal-tags,
.p-team-rota-weekly-off-bg-tra.p-team-rota-weekly-off .woff-tag.p-cal-tags {
    max-width: 140px;
}

#teamRotaGrid .dx-header-row .dx-datagrid-text-content {
    padding-left: 10px;
}

td.p-team-rota-employee {
    border-bottom: 1px solid var(--primary-border-color);
    border-top: 1px solid var(--primary-border-color);
    cursor:default !important;
}

.rota-cl-container .dx-datagrid-rowsview .dx-row:hover td.p-team-rota-employee {
    border-radius: 0;
}

.p-rota-week-off svg.p-icon {
    stroke: #007bff;
}

@media(max-width: 1600px) {
    .p-team-rota-general-break, .p-team-rota-weekly-off, .p-team-rota-employee, .p-team-rota-holiday-mw {
        padding: 6px;
    }

    .p-team-rota-weekly-off, .p-team-rota-employee {
        min-width: 160px;
    }

    .p-team-rota-shift-duration {
        font-size: calc(var(--base-font-size)* 0.92);
    }

    /*    .p-team-rota-employee-role, .p-team-rota-employee-hours {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 120px;
    }*/
}

td.p-team-rota-general-break::after {
    content: '';
    position: absolute;
    left: 0.5rem;
    height: calc(100% - 16px);
    background-color: var(--primary-color);
    border-radius: 0.38rem;
    border: 0.125rem solid var(--theme-primary-color);
}

td.p-team-rota-general-break {
    position: relative;
    padding-left: 20px;
}

td.p-team-rota-general-break {
    flex-direction: column-reverse;
}

td.p-team-rota-general-break {
}

td.p-team-rota-weekly-off {
}

.p-tag.p-tag-black {
    background-color: var(--theme-primary-color);
    color: #fff;
}

.team-rota-table .p-tag-black {
    background-color: var(--primary-color);
    color: #fff;
    min-width: initial;
    line-height: 1.2;
    padding: 0.2rem 0.45rem;
    margin-left: 0.25rem;
    border-radius: 0.25rem !important;
}

.p-team-rota-break-type,
.p-team-rota-break-duration,
.p-team-rota-shift-duration-time {
    color: var(--on-primary-color);
}

.p-team-rota-shift-duration {
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 3px;
    display: flex;
    gap: 0.5rem;
    font-size: calc(var(--base-font-size)* 1.01);
}

.p-team-rota-break-type {
    display: flex;
    justify-content: space-between;
}

.p-team-rota-break-type {
    padding-right: 85px;
}

td.p-shift-drafted {
    background-color: #fff9db;
}

.p-icon-yellow {
    stroke: #d9932b;
}

.loading-skeleton tbody.p-team-rota-body label {
    display: block;
}

    .loading-skeleton tbody.p-team-rota-body label:not(:last-child) {
        margin-bottom: 0.7rem;
        max-width: 130px;
    }

    .loading-skeleton tbody.p-team-rota-body label:last-child {
        max-width: 77px;
    }

    .loading-skeleton tbody.p-team-rota-body label span,
    .loading-skeleton tbody.p-team-rota-body label svg {
        display: none;
    }

.loading-skeleton td.p-team-rota-general-break,
.loading-skeleton td.p-team-rota-weekly-off {
    border-left: 1px solid var(--primary-border-color) !important;
    background-color: transparent;
}

.p-shift-time-ig .p-att-shift-time-group .p-att-shift-group-cols input{
    min-width: 214px;
}

.p-team-rota-employee-role, .p-team-rota-employee-hours {
    color: var(--on-primary-color);
    font-size: var(--base-font-size-xxs);
}

.rota-cl-container .table-responsive.loading-skeleton {
    overflow-y: hidden;
}

.p-inte-cards-bene {
    display: flex;
    flex-direction: column;
}

.p-inte-cards-bene .p-rect-iw {
        position: relative;
        cursor: pointer;
        padding: 1.1rem;
        flex-direction: row-reverse;
        align-items: center;
        min-height: 77px;
        justify-content: flex-end;
    }

        .p-inte-cards-bene .p-rect-iw label {
            padding-left: 0.65rem;
            margin: 0 !important;
            cursor: pointer;
        }

        .p-inte-cards-bene .p-rect-iw img {
            max-height: 42px;
            height: auto;
            width: 42px;
            object-fit: contain;
        }

.p-inte-cards-content:hover {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.show-mulit-select-ph input::placeholder {
    opacity: 1;
    visibility: visible;
}

.show-mulit-select-ph .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
    border: 0;
    margin-top: 4px;
    margin-left: 0px;
}

.rota-my-dx-cal .appointment-container {
    padding-left: 14px !important;
    color: var(--on-primary-color);
}

.rta-appointment-time {
    color: var(--primary-color);
    font-weight: 600;
}

.clear-both::after {
    content: '';
    display: block;
    white-space: nowrap;
    clear: both;
}

.rota-my-dx-cal .appointment-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 0px !important;
}

.rota-my-dx-cal .p-team-rota-shift-duration {
    margin: 0px 0;
}

.p-pipeline-list-legends {
    width: 18px;
    height: 18px;
    border-radius: 0.18rem;
}

.p-bg-teal-green {
    background-color: var(--plm-dark-green1);
}

.p-bg-teal-blue {
    background-color: var(--plm-light-blue);
}

.p-bg-yellow {
    background-color: var(--yell-btn-darkbg-color);
}

.p-bg-salmon {
    background-color: var(--salmon-new-color);
}

.p-bg-crimsonred {
    background-color: #D33D44;
}

.p-bg-purple {
    background: #9795D8;
}

.p-bg-orange {
    background: #FF8781;
}

.p-bg-green {
    background-color: #A5D93F;
}

.p-bg-lightpink {
    background-color: #FFB6C1;
}

.p-bg-blueviolet {
    background-color: #8A2BE2;
}

.p-pipeline-list-mw {
    padding: 0.6rem;
    background-color: var(--p-grey-3);
    border-radius: calc(var(--bs-border-radius)* 0.72);
    margin-bottom: 0.85rem;
}

.p-cur-poi-tr tr td {
    cursor: pointer;
}

.width-ini {
    width: initial !important;
}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before {
    background-color: var(--theme-primary-color);
}

.dx-item.dx-scheduler-appointment:has(.booked-appointment) {
    border-left: 0.15rem solid #38beff !important;
}


#gridContainerPeopleGoal .p-def-datagrid .p-progress-def {
    min-width: 100%;
}

.visi-hid-opa-zero {
    visibility: hidden;
    opacity: 0;
}

.input-group-w-del {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .input-group-w-del > *:not(:last-child) {
        flex: 1;
    }

/*.input-group-w-del .form-group:first-child{
    max-width: 285px;
}*/

.p-ar-yer-mon {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 1rem;
}

    .p-ar-yer-mon input {
        min-width: 80px !important;
    }

    .p-ar-yer-mon .input-group {
        flex-wrap: nowrap;
    }

.p-filter-cond-list .p-filter-cond-list-item:not(:last-child) {
    margin-bottom: 1.55rem;
    padding-bottom: 0.55rem;
}

.p-filter-cond-list .p-filter-cond-list-item {
    position: relative;
    text-align: center;
    margin: 20px 0; /* Adds spacing between each item */
}

    /* Line with 'AND' in the middle */
    .p-filter-cond-list .p-filter-cond-list-item:not(:last-child)::after {
        content: var(--pseudo-content, "OR");
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 2px 12px 3px;
        background-color: var(--chat-dark-bg-2);
        color: var(--primary-color);
        font-weight: 500;
        border-radius: var(--bs-border-radius);
        z-index: 1;
        font-size: 0.66rem;
        border: 1px solid var(--input-border-1);
    }

    /* Horizontal line before and after 'AND' */
    .p-filter-cond-list .p-filter-cond-list-item:not(:last-child)::before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 1px;
        background-color: var(--sec-light-color7); /* Line color */
        z-index: 0;
        margin: 0 3px;
    }

.save-filter-mw {
    max-width: 240px;
}

.p-cus-dd-options {
    text-align: left;
}


.tax-notice-list .tax-notice-list-item:not(:last-child) {
    margin-bottom: 1.25rem;
}

.tax-notice-head-icon svg {
    stroke: #4316CA;
    width: 3.375rem;
    height: 3.375rem;
    flex-shrink: 0;
}

.tax-notice-head {
    text-align: center;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tax-notice-head-icon {
    width: 6.6875rem;
    height: 6.6875rem;
    flex-shrink: 0;
    display: flex;
    background: #F4F1FD;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 0.8rem;
}

.tax-notice-list-item label.text-primary-color {
    min-width: 50px;
}

.p-ul-align {
    padding-left: 0.9rem;
}

.tax-notice-list {
    margin-bottom: 1.65rem;
    margin-left: -3px;
}

.tax-notice-head-icon-red {
    background: #FEF0F4;
}

    .tax-notice-head-icon-red svg {
        stroke: #D50B3E;
    }

#gridContainerGoal .custom-progress.progress {
    min-width: 150px;
}

#gridContainerPeopleGoal .p-progress-def {
    width: 100%;
    min-width: initial;
}

.p-jobs-quest-ans-mw .p-jobs-quest-ans-list:not(:last-child) {
    margin-bottom: 2.2rem;
}

.p-jobs-quest-ans-mw .p-inp-group {
    background-color: var(--p-grey-2);
}

.p-jobs-quest-ans-mw h4.ph-4 {
    font-size: var(--base-font-size-xxl);
}

.p-jobs-quest-ans-mw .p-bg-white-inp,
.p-jobs-quest-ans-mw .p-form-check {
    border: 1px solid var(--primary-border-color);
}

.p-jobs-quest-ans-mw .p-cques-answ-optns .p-form-check label {
    top: 0.01em;
}

.p-jobs-quest-ans-mw.p-inp-group {
    padding-bottom: 1.25rem;
}

.p-jobs-quest-ans-mw .p-cques-answ-optns {
    gap: 0.6rem;
}

.p-cques-answ-optns .p-form-check-label,
.p-cques-answ-optns .custom-control-label {
    justify-content: space-between;
    gap: 1rem;
    display: flex;
    width: 100%;
    align-items: center;
    font-size: var(--base-font-size);
}

.p-check-answered .p-form-check-input:checked[type=radio],
.p-check-answered .custom-control-input:checked ~ .custom-control-label::before {
    border-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-check-answered .p-custom-checkbox .custom-control-label::before,
.p-check-answered .p-custom-checkbox .custom-control-label::after {
    top: 0.2rem;
}

.p-check-answered .p-tag {
    padding: 0.18rem 0.55rem;
    font-weight: 500;
}

.p-jobs-quest-ans-mw-answered .p-cques-answ-optns .p-form-check,
.p-jobs-quest-ans-mw-answered .p-bg-white-inp {
    padding: calc(var(--box-padding)* 0.5);
    min-height: 46px;
}

.p-jobs-quest-ans-mw-answered .p-check-answered {
    padding-top: calc(var(--box-padding)* 0.4);
    padding-bottom: calc(var(--box-padding)* 0.4);
}


.p-jobs-quest-ans-mw-answered.p-jobs-quest-ans-mw h4.ph-4 {
    font-size: var(--base-font-size-xl);
    margin-bottom: 0.9rem;
}

.AddRotation .custom-dropdown-wrapper {
    max-width: 240px;
}

.AddRotation .p-cus-dd-option {
    min-width: 240px;
    max-width: 240px;
}

.gap-0 {
    gap: 0;
}

.permission-tt-content label {
    margin: 0;
}

.tooltip-inner:has(.permission-tt-content) {
    background-color: #fff !important;
    color: var(--primary-color);
    border: 1px solid var(--primary-border-color) !important;
    box-shadow: var(--default-shadow-1) !important;
    padding: 0.65rem;
    max-width: 300px;
}

h5.ph-5-sm {
    font-size: calc(var(--base-font-size-h5)* 0.95) !important;
    font-weight: 600;
    margin-bottom: 0.8rem;
}

.permission-tt-content label {
    margin: 0;
    color: var(--primary-color);
    padding: 2px 10px;
    border: 1px solid var(--primary-border-color);
    background-color: var(--sec-light-color7);
    border-radius: calc(var(--bs-border-radius)* 0.55);
}

.permission-tt-tags {
    display: flex;
    align-items: center;
    gap: 0.55rem 0.8rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.p-pro-mw-content .p-btn-small {
    background-color: #fff !important;
}

    .p-pro-mw-content .p-btn-small:hover {
        background-color: var(--p-btn-bg) !important;
    }

.kanban-icons-calender span {
    white-space: nowrap;
}

.p-bank-alpf-list ul.p-ul-align {
    list-style: none;
    padding-left: 0;
}

.p-bank-alpf-list .p-ul-align li:not(:last-child) {
    margin-bottom: 1.3rem;
}

.p-bank-alpf-list .p-ul-align h6 {
    font-size: var(--base-font-size);
}

.posit-banks-dot {
    position: absolute;
    top: 0.35rem;
    width: 100%;
    padding: 0 0.6rem;
}

    .posit-banks-dot label.p-tag {
        min-width: initial;
        padding: 0.2rem 0.65rem 0.25rem;
        border-radius: calc(var(--border-radius-default)* 0.6) !important;
    }

    .posit-banks-dot .p-dd-wp-dot-icon {
        width: 1.7rem;
        height: 1.7rem;
    }

.p-rect-iw {
    min-height: 9.7rem;
}

.p-bank-alpf-list .p-inte-cards {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

p-bank-alpf-list .p-inte-cards-content:hover {
    border-color: transparent;
}

.p-mw-40px {
    max-width: 40px;
}


#eSignSignatureRequestTable,
#eSignSignatureRequestTable-contract {
    table-layout: auto;
}

.p-ivcw .p-sim-link label {
    font-weight: 400;
}

.p-team-rota-break-type {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    --max-lines: 1;
    position: relative;
    max-height: calc(var(--lh)* var(--max-lines));
    overflow: hidden;
}


.add-leave-link a {
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    text-decoration: underline;
}

.p-hire-sig-req-mw {
    display: grid;
    gap: 1rem;
    word-break: break-word;
    grid-template-columns: 1fr 1fr;
}
/*
.p-hire-sig-req-mw p.text-primary-color strong {
    display: block;
}*/


.p-team-rota-holiday span {
    position: relative;
    top: -1px;
    color: #04aa8c;
    font-weight: 500;
}

.p-team-rota-holiday svg.p-icon {
    stroke: #04aa8c;
}

.p-team-rota-holiday-mw {
    background: #ebfffb;
}

.tooltip-inner h4.p-tt-html {
    color: #fff;
    font-size: var(--base-font-size-xl);
}

.map-mw-ig-config {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    border: 1px solid var(--input-border-1);
    height: 400px;
}

.p-sc-details-modif {
    gap: 0.05rem;
    margin-top: 0.15rem;
}

    .p-sc-details-modif .label-primary {
        font-weight: 500;
        flex: initial;
    }

.part-mw-esign {
    display: grid;
    gap: 0.5rem;
}

.p-cust-grid-es {
    display: grid;
    grid-template-columns: 1fr 2fr auto;
    gap: 1rem;
}

.p-es-req-mw {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.notes-icon {
    position: absolute;
    right: 10px;
    bottom: 11px;
    gap: 0.3rem;
    display: flex;
}

.p-team-rota-weekly-off {
    position: relative;
}


.p-hire-overview .location-leg-list {
    max-height: 430px;
    overflow: auto;
}

.p-hire-overview .location-leg-list {
    max-height: 430px;
    overflow: auto;
    margin-left: -20px;
}

.ack-learn .p-la-sepe-head .read-only-input {
    font-size: var(--base-font-size);
}


.sign-content-mw.sign-content-mw-sb,
.p-modal-sb .sign-content-mw {
    min-height: 220px;
}

.min-wid-ini {
    min-width: initial !important;
}

.min-height-ini {
    min-height: initial !important;
}

.mt-n1-sm {
    display: block;
    margin-top: -3px;
}

.sign-content-mw .fw-semibold {
    font-weight: 500;
}


.p-ad-accordion .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);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 0.8rem;
}

.p-dg-modi-com.p-dg-cl {
    --default-sidebar-width: 420px;
}

    .p-dg-modi-com.p-dg-cl .ph-card .select-package-boxes {
        padding: 0;
    }

    .p-dg-modi-com.p-dg-cl .seelct-package-wrapper h2.onboard-head.mb-2 {
        margin-bottom: 1rem !important;
        font-size: var(--base-font-size-h1);
    }

    .p-dg-modi-com.p-dg-cl .select-package-boxes h4 {
        font-weight: 600;
        font-size: 0.95rem;
        margin-top: 1.8rem !important;
    }

    .p-dg-modi-com.p-dg-cl .onboard-sub-heads.oh-mb-1 {
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .p-dg-modi-com.p-dg-cl .p-ad-accordion .accordion-button span {
        font-size: var(--base-font-size-xl);
    }

.p-ad-accordion .accordion-button::after {
    --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-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --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-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
    --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");
    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);
}

.p-ad-accordion .pe-4 {
    padding-right: 1.05rem;
}

.p-ad-accordion .p-packeg-featu-amount {
    font-weight: 500;
    display: inline-block;
    color: var(--primary-color);
    padding-right: 2.4rem;
}

.p-ad-accordion .accordion-body {
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.p-ad-accordion .accordion-header {
    margin-bottom: 0;
}

.current-ip-add {
}

.text-red {
    color: #dc3545 !important;
}

.folder-dd-mw .dx-popup-content {
    padding: 0;
}


.align-cb-right {
    display: flex;
    justify-content: flex-end;
}

.p-form-check-selecta-all-end {
    display: flex;
    flex-direction: row;
    padding-left: 8px;
}

.align-link-tb {
}

.p-gs-handbook .p-upload-btn-wrpper {
    width: 100%;
}

.p-gs-handbook .p-upload-input img {
    border: none;
    max-width: 100%;
    border-radius: var(--bs-border-radius);
    padding: 0;
}

.dd-abs-ght {
    min-width: 120px;
}

.main-sign-course-mw {
    padding: var(--box-padding);
}

.question-block-checkbox-group .p-inn-res-distri .p-progress-def:not(:last-child) {
    margin-bottom: 2.2rem;
}


.notification-sm-cir .badge {
    display: inline-flex;
    padding: 0.35em 0.4em 0.55em;
    font-size: 85%;
    font-weight: 500;
    min-width: 1.35rem;
    min-height: 1.35rem;
    align-items: center;
    justify-content: center;
}

.ti-loans .form-group small,
.p-pro-form-mw .form-group small {
    font-size: var(--base-font-size);
}

.p-inte-cont-cta .p-btn-sec-wi .p-icon {
    width: 1.1rem;
    height: 1.1rem;
}


/* Hide the entire second column by default on mobile */
@media (max-width: 1253px) {
    .sidebar-closed li.nav-item.p-sidemenu-dropdown {
        visibility: hidden;
        opacity: 0;
    }
}

@media (max-width: 576px) {
    #searchContainer {
        display: none;
    }

        #searchContainer.search-show {
            display: flex;
        }

    #closeSearch {
        display: inline-block;
    }

    .search-nav-wrap {
        flex-wrap: nowrap;
    }

    .p-menu-icon-nav-search svg.p-help-icon {
        width: 1.15rem;
        height: 1.15rem;
    }

    .serach-global-mob-view {
        position: absolute;
        z-index: 9999999999;
        left: 0;
        width: 100%;
        height: var(--nav-min-height);
        background: var(--chat-dark-bg-2);
        align-items: center;
        gap: 0.7rem;
    }

    .p-db-sticky-top {
        position: relative;
        top: initial;
    }

    .p-db-posts-mw {
        height: initial !important;
    }

    .layout-navbar-fixed .wrapper .brand-link::after {
        display: none;
    }
}

/* Hide mobile search icon on desktop */
@media (min-width: 577px) {
    #mobileSearchIcon {
        display: none;
    }
}


#leaveBalancesAccordian .lt-list-date .lt-days p small {
    display: inline-block;
    min-width: initial;
    margin-left: 5px;
    font-size: calc(var(--base-font-size-xxs)* 0.92);
}

.leave-hr {
    display: inline-block;
    border-bottom: 1px solid var(--sec-light-color7);
    height: 1px;
    width: 100%;
    margin: 28px 0;
}

.p-lbc-acc-body .mb-3 b.mr-2 {
    min-width: 92px;
    display: inline-block;
}

#leaveBalancesAccordian .card-body {
    border-top: 1px solid var(--primary-border-color);
}

#leaveBalancesAccordian .p-acc-header .p-acco-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
}


.p-custom-checkbox-wl.p-custom-checkbox.p-custom-checkbox-wl-left {
    right: -1.11rem;
}

.p-acc-card.policy-sort.p-cardborder .p-selected-col {
    border-left: none;
}

.top-ini {
    top: initial;
}

.time-off-calender {
}

.min-wid-to {
    width: 120px;
}

.time-off-calender .p-search-input {
    min-width: 240px;
}

.time-off-calender .grid-btn-abs {
    right: 22px;
}

.p-dd-wp-wrapper .p-icon-circle:hover svg {
    background: transparent;
    stroke: none;
}

.p-dd-wp-wrapper .p-icon-circle svg {
    width: 1.65rem;
    height: 1.65rem;
    fill: var(--theme-primary-color);
}

.p-dd-wp-wrapper .p-icon-circle:hover svg {
    fill: #fff;
}

.custom-appointment-class {
    color: #fff;
}

.align-dd-with-gs {
}

#div-resources-usage-chart {
    height: 500px;
}

.table-month-view-pro {
    min-width: 400px;
}

.table-month-view td:nth-child(1)::after,
.table-month-view th:nth-child(1)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    z-index: 9;
    border-right: 1px solid var(--primary-border-color);
}

.table-month-view tr:last-child th:nth-child(1),
.table-month-view tr:last-child td:nth-child(1),
.table-month-view tr:last-child th:nth-child(2),
.table-month-view tr:last-child td:nth-child(2) {
    padding-bottom: 6px !important;
}

.custom-appointment {
    height: 30px !important; /* Fixed height */
    overflow: hidden; /* Hide overflow text */
    line-height: 30px !important; /* Vertical alignment */
    width: calc(100% - 10px) !important;
    margin: 1px 0; /* Spacing between appointments */
    white-space: nowrap; /* Prevent text wrapping */
    text-overflow: ellipsis; /* Add ellipsis for long text */
}

.campaigns-calender-eve .dx-item-content.dx-scheduler-appointment-content > div {
    padding: 6px;
    padding-left: 10px;
    border-left: 2px solid #d33d44;
}

.p-cal-poup-wrapper {
    padding: 0.35rem;
}

.rota-my-dx-cal .dx-scheduler-date-table-cell {
    cursor: default;
}

.main-sign-course-mw-inner {
    max-width: 534px;
    margin: 0 auto;
}

    .main-sign-course-mw-inner .sign-content-mw {
        min-height: 300px;
    }

.dx-tagbox.dx-tagbox-only-select .dx-placeholder::before {
    padding: 7px 13px 8px;
}

.p-pro-tabs-mw .dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
    z-index: 3;
}

.ad-rota-list-rot .lt-days {
    min-width: 90px;
}

.ad-rota-list-rot .lt-list-date .lt-days .p-tag-sm {
    min-width: 78px;
}

.rota-my-dx-cal .dx-item-content.dx-scheduler-appointment-content {
    cursor: default;
}


.acc-sec-head {
    font-weight: 600;
    font-size: var(--base-font-size-xl);
    padding-left: 0.55rem;
}

.dx-tag-wi .dx-tag {
    margin-left: 10px;
    margin-top: 5px;
}

.dx-tag-wi .dx-selectbox-container {
    position: relative;
    padding-right: 2.7rem;
}

.dx-tag-wi dx-tag-wi .dx-texteditor-input-container {
    cursor: pointer;
    padding-right: 2.5rem;
    gap: 0.8rem;
}

.dx-tag-wi .p-dx-dd-tt .dx-texteditor-input-container {
    background-image: none;
}

.loading-skeleton .p-sb-scroll-spy-list-item a {
    margin-bottom: 0.9rem;
    min-height: 39px;
}

.min-w-160px {
    min-width: 160px !important;
}

.min-w-120px {
    min-width: 120px;
}

.min-w-100px {
    min-width: 100px !important;
}

.min-w-105px {
    min-width: 105px !important;
}

.min-w-95px {
    min-width: 95px;
}

.text-italic-lg {
    transform: skewX(-3deg);
    letter-spacing: 0.2px;
    font-style: italic;
}

.algn-g-btn {
    margin-right: 1.3rem;
}

.p-ap-container {
    display: flex;
    gap: 0;
    justify-content: space-around;
    align-items: flex-start;
    padding: 2rem 0;
    gap: 2rem;
    width: 100%;
}

.p-ap-container > * {
    flex: 1;
}

.p-ap-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.p-ap-box {
    width: 250px;
    height: auto;
    border: 1px solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.05);
    border-radius: var(--bs-border-radius);
    text-align: center;
    padding: 0;
    position: relative;
    transition: all 0.3s;
    overflow: hidden;
}

.p-ap-box.selected,
.p-ap-box:hover {
    border-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
    box-shadow: 1px 1px 5px hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.35);
    cursor: pointer;
}

.p-ap-box.selected ~ .p-ap-text h5,
.p-ap-box:hover ~ .p-ap-text h5 {
    color: var(--primary-color);
}

.p-ap-box img {
    width: 100%;
    height: auto;
}

.p-ap-text {
    margin-top: 10px;
    font-size: 14px;
    color: var(--on-primary-color);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 300px;
}

.p-ap-text h5 {
    color: var(--primary-color);
    font-size: var(--base-font-size-h5);
    padding-left: 0.3rem;
    font-weight: 500;
}

.filter-inp-grp {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding-right: 2rem;
}

.filter-inp-grp:not(:last-child) {
    margin-bottom: 0.8rem;
}

.p-ani-dropdown.p-ani-dropdown-lg {
    max-width: 630px;
    width: 100%;
    min-width: 600px;
    padding: 0.85rem;
    box-shadow: var(--default-shadow);
}

.filter-inp-grp .p-btn-af-del {
    position: absolute;
    right: 1.2rem;
}

.p-fiter-lg-mw button {
    width: initial;
}

.p-fiter-lg-mw button.p-btn-sec {
    width: initial;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius-lg) !important;
}

.p-fiter-lg-mw {
    min-width: 720px;
}

.ob-video-wrap {
    background-color: transparent;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-ob-head {
    margin-bottom: 1.45rem;
}

    .p-ob-head h2 {
        font-size: 1.2rem;
        font-weight: 600;
    }

.p-ob-mw .pp-cp-divider-ver {
    opacity: 1;
    margin-left: -20px;
}

.p-ob-steps {
    /*    background: #fff;
    padding: 0.75rem 1rem;
    border-radius: var(--bs-border-radius);
    margin-bottom: var(--default-gap);
    border: 1px solid var(--input-border-1);*/
    margin-bottom: 1.4rem;
}

.text-green {
    color: var(--green-color);
}

.p-ob-impo-list .p-dd-wp-wrapper {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.p-icon-circle.p-icon-circle-sm {
    width: 2.05rem;
    height: 2.05rem;
}

span.comment-span {
    cursor: pointer;
}

.p-input-sm-inline.p-input-xs-inline {
    width: 75px;
}

.count-more {
    min-width: initial;
    min-height: initial;
    line-height: 1.25;
    padding: 0.15rem 0.55rem;
    font-size: 0.68rem;
    margin-left: 0.25rem;
}

.filter-content .p-filter-cond-list .p-filter-cond-list-item:first-child {
    margin-top: 0.5rem;
}

.filter-content .p-input-box {
    max-height: 350px;
    overflow: auto;
}

.ad-manager-img-mw img {
    max-width: 160px;
    min-height: initial;
    max-height: initial;
}

.p-int-size-3 img {
    max-width: 75px;
    min-height: initial;
    max-height: initial;
}

.p-lk-inte-mod-mw .p-ul-align {
    padding-left: 1.1rem;
}

.p-int-dl-acc .card-body .form-group:last-child {
    margin-bottom: 0.25rem;
}

.p-integrations-mw .p-inte-cont-cta .p-btn-sec.p-btn-sec-wi {
    min-width: 170px;
}

.p-inte-go-container .p-grey-bg-box {
    background-color: var(--sec-light-color8);
}

/*email box css starts here*/
.p-email-container {
    display: flex;
}

.p-mb-sidebar {
    width: 27.5rem;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--primary-border-color);
    background: var(--card-bg-color);
    padding: 1.25rem;
}

.p-filter-and-new-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.15rem;
}

.p-email-list {
    list-style-type: none;
    padding: 0;
    margin-top: 1rem;
}

.p-email-list li,
.p-email-list-nested-inner {
    padding: 0.8rem calc(var(--box-padding)* 0.8);
    cursor: pointer;
    border-bottom: 1px solid var(--primary-border-color);
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
    margin-bottom: 0.8rem;
    box-shadow: 0px 1px 6px -5px rgb(13 41 66 / 13%);
    position: relative;
}

.p-email-list-nested-inner {
    padding: 0.6rem calc(var(--box-padding)* 0.8);
}

.p-email-list-nested .p-email-list li {
    margin-bottom: 0;
}

.p-email-list li.active, .p-mb-filter-list li.active, .p-mb-filter-list li:hover {
    background: var(--theme-light-bg-def-1);
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.p-mb-filter-list li.active {
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-email-list-nested-inner[aria-expanded="true"] .p-icon.p-icon-chevron {
    transform: rotate(90deg);
}

.p-email-list-nested-inner[aria-expanded="true"],
.p-email-list-nested.p-fol-item-acc .p-email-list-nested:has(.p-email-list-nested-inner[aria-expanded="true"]) {
    transition: all .3s;
    background-color: var(--theme-light-bg-def-1);
}


.p-email-info p::after,
.p-ellp-text-white::after {
    content: "";
    width: 45px;
    position: absolute;
    height: 100%;
    right: -1px;
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
    background: linear-gradient(-90deg, var(--chat-dark-bg-2) 20%, transparent);
    top: 0;
}

.p-email-info .p-email-sender {
    max-width: 220px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.prof-docs .p-email-list-nested-inner {
    padding: 0.6rem calc(var(--box-padding) * 0.4) 0.5rem;
}

.p-email-list-nested-inner[aria-expanded="true"] p {
    color: var(--theme-primary-color);
}

.p-email-list-nested-inner[aria-expanded="true"] .folder-icon-docs {
    fill: var(--theme-primary-color);
}

@media(max-width: 1499px) {
    .p-email-info .p-email-sender {
        max-width: 140px;
    }
}

.p-ellp-text-white {
    position: relative;
    width: 100%;
}

    .p-ellp-text-white::after {
        top: 50%;
        transform: translateY(-50%);
        background: linear-gradient(-90deg, var(--chat-dark-bg-2) 20%, transparent);
    }

.p-email-list li.active .p-email-info p::after,
.p-mb-filter-list li.active .p-ellp-text-white::after,
.p-mb-filter-list li:hover .p-ellp-text-white::after,
.p-email-list-nested-inner[aria-expanded="true"] .p-ellp-text-white::after,
.p-email-list-nested.p-fol-item-acc .p-email-list-nested:has(.p-email-list-nested-inner[aria-expanded="true"]) .p-ellp-text-white::after {
    background: linear-gradient(-90deg, var(--theme-light-bg-def-1) 20%, transparent);
}

.p-email-list-nested .p-email-info p::after,
.p-ellp-text-white.p-ellp-text-white-gr-bg,
.p-email-list-nested-inner[aria-expanded="true"] .p-email-info .p-ellp-text-white::after {
    background: linear-gradient(-90deg, var(--theme-light-bg-def-1) 20%, transparent);
}

.p-email-list-nested .p-email-list li.active {
    background: var(--theme-light-bg-def-2);
}

.p-email-list-nested .p-email-list li.active .p-email-info p::after {
    background: linear-gradient(-90deg, var(--theme-light-bg-def-2) 20%, transparent);
}

.p-email-list-nested .p-email-list li {
    background: var(--theme-light-bg-def-1);
    margin-bottom: 0;
}

.p-email-list-nested .collapse {
    background-color: var(--grey-bg-6);
}

.unread-msg .p-email-sender {
    font-weight: 600;
}

.p-email-subject {
    font-size: var(--base-font-size-lg);
    font-weight: 400;
    color: var(--primary-color);
    margin-bottom: 0.17rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 1000%;
    display: inline-block;
    max-width: 100%;
}

.p-email-date {
    font-size: 0.725rem;
    color: var(--on-primary-color);
    margin-left: 1rem;
    white-space: nowrap;
}

.p-email-sender {
    font-size: var(--base-font-size);
    color: var(--primary-color);
    font-weight: 400;
}

.p-email-info {
    display: flex;
    gap: 0.07rem;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    flex-direction: column;
}

.p-email-info p {
    margin: 0;
    position: relative;
    word-break: break-word;
}

.p-email-container-sb .p-mb-sidebar {
    border-right: 0;
    border-radius: var(--bs-border-radius);
    padding: 1.05rem;
    width: 24.5rem;
    position: sticky;
    top: 0.2rem;
    height: 100vh;
}

.p-user-count {
    background: var(--sec-light-color8);
    border-radius: 50%;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 0.85rem;
    border: 1px solid var(--p--border-1);
    color: var(--primary-color);
    padding: 0.35rem;
    padding-right: 0.5rem;
    gap: 0.05rem;
}

span.p-user-count em.icon {
    font-size: 0.72rem;
    color: var(--primary-color);
    position: relative;
    top: 0px;
}

.loading-skeleton.p-email-list li {
    height: initial;
}
/* Search Bar and New Message Button */
.p-email-content {
    flex-grow: 1;
    padding: 1.25rem;
    width: 100%;
    flex: 1;
    background-color: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
    position: relative;
}

    .p-email-content .p-no-data {
        min-height: initial !important;
    }

.p-mb-sidebar {
    overflow-y: auto;
}

.p-cc-bcc {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

    .p-cc-bcc input {
        width: 48%;
    }

.p-email-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

    .p-email-actions button {
        padding: 1rem 2rem;
        cursor: pointer;
    }

        .p-email-actions button:hover {
            background-color: #0056b3;
        }

.p-email-message {
    display: none;
}

.email-body {
    color: var(--primary-color);
    font-size: var(--base-font-size);
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 1.5rem;
    margin-bottom: 0.5rem;
}

    .email-body p {
        line-height: 1.6;
    }

.bg-grey-wbr span.p-pipe-divider {
    color: var(--sec-light-color5);
}

.bg-grey-wbr {
    background: var(--sec-light-color8);
    display: inline-flex;
    padding: 0.55rem 1.15rem;
    border-radius: var(--bs-border-radius);
    padding-left: 0.75rem;
    border: 1px solid var(--sec-light-color8);
}

.email-header-name {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.email-hb-mw .avatar {
    align-self: flex-start;
}

.icon-actions {
    display: flex;
    gap: 1.4rem;
    align-items: center;
    justify-content: flex-end;
}

.email-header {
    margin-bottom: 0.9rem;
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 0.9rem;
}

.email-hb-mw-inner {
    flex: 1;
    padding-right: 0;
}

.p-email-content .p-head-with-border .dx-selectbox {
    min-width: 240px;
}

.p-inp-bb-inner label {
    color: var(--primary-color);
}

small#LoadEmailSentDate {
    white-space: nowrap;
}

.p-email-list-cub-msg {
    display: flex;
    gap: .25rem;
    align-items: center;
    margin-top: 0.15rem;
}

.p-email-list-cub-msg-cont {
    flex: 1;
    flex: 1;
    overflow: hidden;
    max-width: 100%;
}
/* Styles for email attachments */
.p-email-attachments {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

    .p-email-attachments .p-attachment {
        margin-right: 1rem;
    }

        .p-email-attachments .p-attachment a {
            text-decoration: none;
            color: #007bff;
        }

.p-filter-bar select.form-control {
    height: initial;
    padding-right: 1.5rem;
    background-position: calc(100% - 0.77rem);
    background-size: 0.788rem;
}

.p-btn-sm-icon.p-btn-sm em.icon.ni {
    font-size: 0.8rem;
}

.p-inp-bb-mw {
    border-bottom: 1px solid var(--input-border-1);
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.p-msg-to-pro {
    background: var(--sec-light-color8);
    border-radius: var(--bs-border-radius);
    padding: 0.32rem 0.3rem;
    padding-right: 0.7rem;
}

.p-inp-bb {
    border: none;
    flex: 1;
}

.p-ch-add-em-dd .p-inp-bb {
    width: 100%;
}

.pm-ext-msg {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

    .pm-ext-msg small {
        color: var(--on-primary-color);
    }

.p-input-append.p-dx-select-sm .dx-texteditor-input-container {
    min-height: 36px !important;
}

.p-input-append.p-dx-select-sm.dx-texteditor.dx-editor-outlined {
    height: calc(1.5em + 0.75rem + 0.425em);
}

.p-inp-bb-inner {
    flex-wrap: wrap;
    flex: 1;
}

.p-email-list-cub-msg .p-tag-sm {
    min-width: 70px;
    text-align: center;
}

.p-email-list-cub-msg .p-tag-sm.p-tag-grey {
    background-color: var(--theme-border-2);
    color: var(--theme-primary-color);
    border: 1px solid var(--theme-primary-color);
}

.p-filter-and-new-message .p-icon-circle:hover svg {
    stroke: var(--theme-primary-color) !important;
}

.p-dd-def-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.55rem;
    border-radius: calc(var(--bs-border-radius));
    color: var(--on-primary-color);
    gap: 0.2rem;
    border: 1px solid var(--input-border-1);
}

.p-mb-att-mw {
    flex-wrap: wrap;
    gap: 0.8rem;
}



.p-mb-att-mw-item {
    min-width: 200px;
    position: relative;
    overflow: hidden;
    min-height: 62px;
}

.p-mb-att-mw-item {
    width: 220px;
}

.p-txt-ellip-grad {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 130px;
    position: relative;
    width: 100%;
    max-width: 160px;
}

    .p-txt-ellip-grad::after {
        content: "";
        width: 45px;
        position: absolute;
        height: 100%;
        right: -5px;
        border-top-right-radius: var(--bs-border-radius);
        border-bottom-right-radius: var(--bs-border-radius);
        background: linear-gradient(-90deg, var(--sec-light-color8) 20%, transparent);
    }

.p-txt-ellip-grad-white::after {
    background: linear-gradient(-90deg, var(--chat-dark-bg-2) 20%, transparent);
    width: 66px;
    right: 10px;
}

.p-mb-att-mw-item:hover {
    background-color: var(--sec-light-color6);
}

.p-mb-att-mw-item:hover .p-txt-ellip-grad::after {
    background: linear-gradient(-90deg, var(--sec-light-color6) 20%, transparent);
}

.p-upld-file-inp {
    background: transparent;
    border: 2px dashed var(--sec-light-color5);
    border-spacing: 1px;
}

.p-mb-links-attach {
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.p-mb-att-mw-item:hover .p-mb-links-attach {
    opacity: 1;
    visibility: visible;
}

.p-mb-att-mw-item .p-btn-icon {
    background-color: var(--theme-primary-color);
    z-index: 9;
    width: 1.8rem;
    height: 1.8rem;
}

.p-mb-att-mw-item .p-btn-icon svg.p-icon {
    stroke: #fff;
}

.p-mb-att-mw-item:hover .p-mb-links-attach::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--th-dropdown-border);
    content: '';
}

.p-mb-links-attach svg,
.p-mb-links-attach span {
    z-index: 5;
    font-size: 1rem;
    font-weight: 500;
}

.p-email-list-nested ul.p-email-list {
    margin-top: 0;
}

.p-email-list-nested .p-email-list li {
    border-radius: 0;
}

.p-email-list-nested {
    overflow: hidden;
    border-bottom: 1px solid var(--primary-border-color);
    background: var(--chat-dark-bg-2);
    box-shadow: 0px 1px 6px -5px rgb(13 41 66 / 13%);
}

    .p-email-list-nested .p-email-list li:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .p-email-list-nested ul.p-email-list {
        margin: 0;
    }

.p-email-list-nested-inner.collapsed {
    margin: 0;
}

.p-email-list-nested .p-email-list .p-email-info {
    padding-left: 0.25rem;
}

.p-email-list-nested .p-email-list-nested-inner .p-email-info .p-email-sender {
    font-weight: 400;
}

.p-email-image.p-email-draft {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--input-border-1);
    border-radius: 50%;
}

.p-email-list-nested-inner {
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}

.p-email-list-nested-inner.collapsed {
    border: none;
}

.p-email-list-nested-inner .p-icon-chevron {
    stroke: var(--sec-light-color3);
    transition: all .3s;
}

.p-email-list-nested .p-email-date {
    margin: 0;
    font-size: 0.75rem;
    white-space: nowrap;
}

.p-inb-na-ac-mw-mh {
    min-height: 1.5rem;
}

.p-email-container-message .p-email-list {
    margin-top: 0;
}

.p-mb-sidebar-filter {
    width: 280px;
}

ul.p-mb-filter-list {
    padding: 0;
    list-style: none;
}

.p-mb-filter-list li {
    padding: 0.8rem;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 1px 6px -5px rgb(13 41 66 / 13%);
    display: flex;
    gap: 0.35rem;
    white-space: nowrap;
    overflow-x: hidden;
}

.p-mb-filter-list svg.p-icon {
    position: relative;
    top: 1px;
}

.p-mb-sidebar-filter .label-primary {
    width: 100%;
}

.p-email-container-message {
    gap: 1.4rem;
}

    .p-email-container-message .p-mb-sidebar-filter,
    .p-email-container-message .p-mb-sidebar {
        height: calc(100vh - var(--nav-min-height) - var(--box-padding) - var(--box-padding));
        position: sticky !important;
        top: calc(var(--nav-min-height) + var(--box-padding));
    }

.p-eb-box {
}

.p-eb-box-head {
    padding: 0.25rem calc(var(--box-padding) * 0.8);
    border-bottom: 1px solid var(--primary-border-color);
    min-height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.p-email-container-sb .p-eb-box-head {
    border-bottom: 0;
}

.loading-skeleton.tooltip-inner {
    border: none !important;
    padding: 0 !important;
}

    .loading-skeleton.tooltip-inner .p-cal-pro-cont h5 {
        font-size: var(--base-font-size);
        margin-bottom: 0.5rem;
    }

    .loading-skeleton.tooltip-inner .p-cal-poup-wrapper .p-cal-icon {
        height: 32px;
    }

        .loading-skeleton.tooltip-inner .p-cal-poup-wrapper .p-cal-icon img {
            flex-grow: 1;
        }

@media(max-width: 1700px) {
    .p-mb-sidebar {
        width: 22.5rem;
    }
}

@media(max-width: 1500px) {
    .p-mb-sidebar {
        width: 20rem;
    }

    .p-mb-sidebar-filter {
        width: 240px;
    }
}


.loading-skeleton .p-ocn-card-det svg.p-icon {
    display: none;
}

.loading-skeleton .p-ocn-card-det label {
    min-width: 100px;
}

.candidate-popup {
    width: 100%;
    max-width: 400px;
    border-radius: var(--bs-border-radius);
    z-index: 999;
    display: none;
    background-color: var(--chat-dark-bg-2);
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid var(--input-border-1);
    position: absolute;
    top: 30px;
    left: 0;
}

.candidate-item {
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    color: var(--primary-color);
}

.candidate-item-name {
    font-weight: 600;
}

.p-ch-add-em-dd {
    flex: 1
}

.candidate-item:hover {
    background-color: #f1f1f1;
}

.OKCancelButtonsClass .dx-button {
    min-width: 92px;
}

.p-btn-icon[aria-expanded="false"] svg.p-icon {
    transform: rotate(-180deg);
}

.dx-treeview-select-all-item {
    border-color: var(--primary-border-color);
    padding: 9px 0 11px 8px;
}

.dx-treeview .dx-treeview-node-container .dx-treeview-node:has(.dx-treeview-toggle-item-visibility) {
    padding-left: 15px;
}

.dx-treeview .dx-treeview-node-container .dx-treeview-node:has(.dx-treeview-toggle-item-visibility) .dx-checkbox {
    left: 19px;
}

.dx-treeview .dx-treeview-node-container .dx-treeview-node-container .dx-treeview-node {
    padding-left: 15px;
}

.cus-search-btn {
    height: calc(100% - 0px);
    min-height: 130px;
}

.p-btn-icon svg {
    transition: all .3s;
}

.cus-search-btn .dx-treeview-item-with-checkbox .dx-checkbox {
    top: 13px;
}

.dx-popup-flex-height .dx-popup-content:has(.cus-search-btn) {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}

.OKCancelButtonsClass {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    bottom: 0;
    gap: 1rem;
}

.ul-nested-point {
    list-style: disc;
    margin-top: 0.45rem;
}

    .ul-nested-point li p {
        margin-bottom: 0.4rem;
    }

.p-lk-inte-mod-mw {
    color: var(--primary-color);
}

.ul-nested-main-point > li {
    margin-bottom: 0.85rem !important;
}

.p-inte-go-container {
    width: 100%;
    text-align: left;
}

.p-inte-go-sign-up {
    margin: 20px 0;
}

.p-inte-go-google-sign-in {
    border: 1px solid var(--input-border-1);
    background: #fff;
    border-radius: var(--bs-border-radius-lg);
    padding: 0.65rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-width: 229px;
    font-weight: 500;
}

    .p-inte-go-google-sign-in svg {
        width: 20px;
        height: 20px;
    }

    .p-inte-go-google-sign-in:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

.p-int-cta-go {
    gap: 0.3rem;
    margin-bottom: 1.8rem;
    flex-direction: column;
}

.p-inte-go-note ul.p-info-msg-ul li:not(:last-child) {
    margin-bottom: 0.25rem;
}

.p-info-msg li::marker {
    color: var(--primary-color);
    font-size: 0.82rem;
    line-height: 1;
}

.p-la-sepe-head .loading-skeleton .p-acc-header .p-acco-btn {
    min-height: 36px;
}

.p-la-sepe-head .loading-skeleton .p-acco-btn-w-text::after,
.p-la-sepe-head .loading-skeleton .p-acco-btn-w-icon::after {
    background: var(--sec-light-color7);
    border-radius: 6px;
}

.p-input-append.p-dx-msdd .dx-texteditor-input {
    padding-left: 0.15rem;
}

.p-white-box {
    background: var(--chat-bg-2);
    padding: var(--box-padding);
    border-radius: var(--bs-border-radius);
    margin-bottom: var(--default-gap);
    border: 1px solid var(--input-border-1);
}

.p-inp-inline-lbl {
    display: flex;
    gap: 0.95rem;
}

    .p-inp-inline-lbl .p-inp-inline-lbl-alg {
        padding-top: 0.7rem;
        color: var(--primary-color)
    }

.p-lbl-mvc {
    display: flex
}

    .p-lbl-mvc .icon.ni-info {
        font-size: 0.85rem;
        color: var(--on-primary-color);
    }

.p-ws-ad-hl {
    margin: 1.4rem 0 1.2rem;
}

.p-inp-inline-lbl-iw {
    max-width: 373px;
    width: 100%;
}

.p-ws-mp-pro .p-wdhrs label.control-label {
    font-weight: 400;
    font-size: var(--base-font-size);
}

.p-inp-d-alg {
    width: 100%;
    max-width: 372px !important;
}

.p-ws-mp-pro .p-wdhrs-note {
    color: var(--primary-color);
}

.p-wdhrs .pw-dh input {
    max-width: 112px;
}

.p-wdhrs-sm.p-wdhrs .pw-dh input {
    max-width: 70px;
}

.fte-total-p .fte-total-p-inp-mw {
    max-width: 372px;
    width: 100%;
}

.fte-total-p .p-inp-def-grp-wt .input-group-text {
    min-width: 50px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.fte-total-cacl-hr {
    padding-top: 1.5rem;
}

.cust-work-patt .fte-total {
    max-width: 484px;
}

.p-max-wid-200,
.p-max-wid-160 {
    max-width: 160px !important;
}

td.p-def-tab-pb {
    vertical-align: middle;
    padding-bottom: 1.3rem;
    min-width: 140px;
}

.lp-sign-off-mw {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}

.lp-sign-off-inner {
    flex: 0 0 calc(50% - 1rem);
}

.cus-search-btn .dx-treeview .dx-empty-message {
    min-height: 90px;
    position: initial;
    transform: none;
}

.p-def-back-btn .p-icon:hover {
    background-color: var(--theme-primary-color);
    stroke: #fff;
    border-color: var(--btn-light-bg);
}

.p-def-back-btn .p-icon-circle .p-icon:hover {
    background-color: transparent;
}


.p-email-container-sb .p-email-list-nested {
    border-radius: var(--bs-border-radius);
}

.p-email-container.p-email-container-sb {
    height: inherit;
}

.loading-skeleton .email-body .bg-grey-wbr {
    min-height: 50px;
}

.loading-skeleton .p-head-with-border,
.loading-skeleton .email-header {
    border-color: var(--sec-light-color7);
}


.warning-msg {
    background: #fff8d3;
    padding: 0.45rem 0.85rem;
    border-radius: var(--bs-border-radius);
    color: var(--primary-color);
    line-height: 1.35;
    border: 1px solid #f2ebc3;
}
/*css screening sh*/
.p-scr-container {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    width: 100%;
    background: var(--chat-dark-bg-2);
}

.p-scr-call-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-sm);
}

.p-scr-timer-container {
    font-size: var(--font-size-xl);
    font-weight: bold;
    color: var(--text-color);
}

.p-scr-control-buttons {
    display: flex;
    gap: var(--spacing-md);
}

.p-scr-btn {
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    background-color: var(--bg-secondary);
    color: var(--text-color);
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    cursor: pointer;
    transition: all var(--transition-fast) ease;
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

    .p-scr-btn:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }

.p-scr-btn-danger {
    background-color: var(--danger-color);
    color: white;
    border: none;
}

    .p-scr-btn-danger:hover {
        background-color: #d32f2f;
    }

.p-scr-main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xl);
    padding: var(--spacing-lg) 0;
}

.p-scr-avatar-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: var(--spacing-xl);
}

/* Waveform Animation */
.p-scr-waveform {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    height: 6rem;
    padding: 1rem;
    background-color: transparent;
    width: 12rem;
    margin: 0 auto;
}

.p-scr-wave-bar {
    width: 0.6rem;
    height: 1.5rem;
    background-color: white;
    border-radius: 1rem;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(1) {
    animation: sound 1.2s linear infinite alternate;
    animation-delay: 0.1s;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(2) {
    animation: sound 1s linear infinite alternate;
    animation-delay: 0.3s;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(3) {
    animation: sound 1.3s linear infinite alternate;
    animation-delay: 0.5s;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(4) {
    animation: sound 0.9s linear infinite alternate;
    animation-delay: 0.2s;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(5) {
    animation: sound 1.1s linear infinite alternate;
    animation-delay: 0.4s;
}

.p-scr-waveform .p-scr-wave-bar:nth-child(6) {
    animation: sound 1.2s linear infinite alternate;
    animation-delay: 0.2s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(1) {
    animation: soundActive 0.7s linear infinite alternate;
    animation-delay: 0.1s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(2) {
    animation: soundActive 0.6s linear infinite alternate;
    animation-delay: 0.2s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(3) {
    animation: soundActive 0.5s linear infinite alternate;
    animation-delay: 0.3s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(4) {
    animation: soundActive 0.8s linear infinite alternate;
    animation-delay: 0s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(5) {
    animation: soundActive 0.7s linear infinite alternate;
    animation-delay: 0.2s;
}

.p-scr-waveform.p-scr-speaking .p-scr-wave-bar:nth-child(6) {
    animation: soundActive 0.6s linear infinite alternate;
    animation-delay: 0.1s;
}

@keyframes sound {
    0% {
        height: 0.4rem;
        background-color: var(--sound-color);
    }

    50% {
        height: 0.7rem;
        background-color: var(--sound-color);
    }

    100% {
        height: 1.2rem;
        background-color: var(--sound-color);
    }
}

@keyframes soundActive {
    0% {
        height: 1rem;
        background-color: var(--sound-color);
    }

    50% {
        height: 2.5rem;
        background-color: var(--sound-color);
    }

    100% {
        height: 4rem;
        background-color: var(--sound-color);
    }
}

.p-scr-question {
    max-width: 40rem;
    text-align: center;
    padding: var(--spacing-lg);
    font-size: var(--font-size-lg);
    color: var(--text-color);
    font-weight: 500;
    margin: 0 auto;
}

/* Interviewer Info */
.p-scr-interviewer-info {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    border: 1px solid var(--input-border-1);
    padding: var(--spacing-sm);
    border-radius: var(--bs-border-radius);
    max-width: 15rem;
    transition: all var(--transition-medium) ease;
    z-index: 50;
    background: var(--chat-dark-bg-2);
}

.p-scr-interviewer-avatar {
    width: 3rem;
    height: 3rem;
    border-radius: var(--border-radius-full);
    object-fit: cover;
}

.p-scr-interviewer-details {
    display: flex;
    flex-direction: column;
}

.p-scr-interviewer-name {
    font-weight: bold;
    font-size: var(--font-size-sm);
}

.p-scr-interviewer-designation {
    font-size: var(--font-size-xs);
    color: var(--text-secondary);
}

/* Audio Controls */
.p-scr-audio-controls {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-sm);
    background-color: var(--bg-secondary);
    padding: var(--spacing-sm);
    border-radius: var(--border-radius-lg);
    transition: all var(--transition-medium) ease;
    z-index: 100;
}

.p-scr-audio-status {
    color: var(--text-secondary);
    display: flex;
    gap: var(--spacing-xs);
    align-items: center;
    font-size: var(--font-size-sm);
}

.p-scr-audio-buttons {
    display: flex;
    gap: var(--spacing-md);
}

.p-scr-audio-btn {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--border-radius-full);
    border: 1px solid var(--border-color);
    background-color: var(--bg-secondary);
    color: var(--text-color);
    font-size: var(--font-size-lg);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all var(--transition-fast) ease;
}

    .p-scr-audio-btn:hover {
        background-color: rgba(0, 0, 0, 0.05);
        transform: translateY(-2px);
    }

    .p-scr-audio-btn.p-scr-active {
        background-color: var(--accent-color);
        color: white;
        border: none;
    }

.im-count {
    padding-right: 1.1rem;
    font-weight: 400;
    margin-bottom: 0.6rem;
    text-align: right;
    color: var(--primary-color);
    font-weight: 600;
}

/* Speaking animation for audio button */
.p-scr-audio-btn.p-scr-active::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid var(--accent-color);
    animation: ripple 1.5s infinite ease-out;
}

.p-ai-sc-mw .p-cci-main {
    padding: 0;
}

.dx-popover-without-title.dx-lookup-popup-search .dx-searchbox .dx-texteditor-input {
    padding-right: 35px;
}

.dx-placeholder::before {
    padding: 9px 9px 8px 13px;
}

.p-swap-fdi .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    gap: 5.8rem;
    padding-top: 0.5rem;
}

.p-swap-fdi .cirlce-icon-align-search {
    left: 262px;
}

@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

/* Hidden class */
.p-scr-hidden {
    display: none;
}

.p-scr-pulse {
    width: 0.75rem;
    height: 0.75rem;
    background-color: var(--danger-color);
    border-radius: var(--border-radius-full);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 0.5rem rgba(234, 67, 53, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(234, 67, 53, 0);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .p-scr-main-content {
        gap: var(--spacing-lg);
    }

    .p-scr-waveform {
        width: 8rem;
    }

    .p-scr-question {
        font-size: var(--font-size-md);
        padding: var(--spacing-md);
    }
}

@media (max-width: 480px) {
    .p-scr-call-controls {
        flex-direction: column;
        gap: var(--spacing-sm);
    }

    .p-scr-control-buttons {
        width: 100%;
        justify-content: space-between;
    }

    .p-scr-waveform {
        width: 6rem;
    }

    .p-scr-wave-bar {
        width: 0.4rem;
    }
}
/*css for screening eh*/

.text-normal-cp {
    text-transform: initial !important;
}

.p-html-editor .ql-editor img,
.email-body img {
    max-width: 100%;
    height: auto;
}

.lt-list-date-text-sm lt-days p strong {
    font-size: var(--base-font-size-xl);
}

.lt-list-date-gap-sm {
    gap: 1rem;
}


.switch-back-cta {
    border: none;
    background: var(--chat-dark-bg-2) border-box;
    border-radius: var(--bs-border-radius);
    padding: 0.25rem 0.9rem;
    font-weight: 500;
    min-width: 110px;
    color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-show-alert-msg p {
    display: flex;
    align-items: center;
    margin: 0;
    color: var(--white-color);
    gap: 0.9rem;
}

.p-show-alert-msg {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    position: fixed;
    z-index: 1001;
    min-height: var(--aleart-msg-mh);
}

.show-alert-banner.layout-navbar-fixed .wrapper .main-header,
.show-alert-banner.layout-fixed .main-sidebar {
    top: var(--aleart-msg-mh);
}

.show-alert-banner.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(var(--nav-min-height) + var(--aleart-msg-mh));
}

.shareLeaves .p-custom-checkbox .custom-control-label,
.shareLeaves  .p-form-check-label {
    color: var(--primary-color);
}

.pay-view-steps .p-ar-as-list {
    background-color: var(--card-btn-light-bg);
    border: 1px solid var(--primary-border-color);
    padding: 0.35rem 1.1rem;
    position: relative;
    border-radius: calc(var(--border-radius-default) * 0.8);
}

.invoice-desc {
    text-align: right;
    max-width: 500px;
}

.p-str-none-fill-pri {
    stroke: none !important;
    fill: var(--on-primary-color);
}

.p-vertical-def-nav .nav-link.active svg.p-icon.p-icon-md.p-str-none-fill-pri {
    stroke: none !important;
    fill: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 );
}

.p-sb-sign-sbs .sign-content-mw-cc .img-uploder {
    min-height: 7.2rem;
}

.p-sb-sign-sbs .sign-content-mw.sign-content-mw-cc {
    padding: 1.4rem;
}

.p-sb-sign-sbs img.uploaded-signature {
    max-width: 300px;
}

.p-tag-count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    background-color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
    border-radius: 50%;
    /*    border: 1px solid var(--primary-border-color);*/
    margin-right: 0.2rem;
    margin-left: -0.2rem;
    color: var(--theme-primary-color);
}

.show-msg-ew-p-abs-ind {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 0.2rem;
    background: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.5);
    padding: 0.15rem 1rem;
    margin-bottom: var(--default-gap);
}

.btn-icon-no-bg {
    background: transparent;
    border: none;
}

.white-btn-icon svg {
    stroke: white;
}

.show-msg-ew-p-abs-ind .show-msg-free-trial {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.p-cb-input-valid-mw-val {
    max-width: 190px;
}

.p-cb-input-valid-mw-val .p-small-input {
    width: 100%;
}

.ack-learn .p-up-at-wrap {
    gap: 5.4rem;
}

.to-re-on-in input.form-control,
.to-re-on-in select.form-control {
    border: none;
    background: transparent !important;
    padding: 0 !important;
    height: initial;
    width: initial;
    min-width: initial;
    max-width: 90px;
    font-weight: 500;
}

.to-re-on-in-da {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--primary-color);
}

.p-box-border .form-group {
    margin: 0;
}

.to-re-on-in-da em.icon {
    margin: 0 0.65rem;
    color: var(--sec-light-color3);
}

.p-box-border {
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--bs-border-radius) * 0.85);
    padding: 0.45rem 0.75rem;
}

.p-box-ctlr-lbl {
    margin-bottom: 0.25rem;
    font-size: var(--base-font-size-sm);
}

.p-box-border .bg-grey-wbr {
    border-radius: calc(var(--bs-border-radius) * 0.6);
    padding-left: 0.75rem;
    margin-left: -0.15rem;
    margin-bottom: 0.1rem;
}

.to-req-upd-dp {
    display: grid;
    grid-template-columns: 2.1fr 1fr;
    gap: 1.5rem;
}

.to-req-upd-dp-3h {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.to-re-on-sel select.form-control {
    text-align: center;
    background: var(--overdue-tc) !important;
    color: #fff !important;
    font-size: var(--base-font-size-xxs);
    display: inline-block;
    padding: 0.15rem 2.4px !important;
}

.gutter-mb-3 {
    margin-right: -8px;
    margin-left: -8px;
}

.gutter-mb-3 > [class^="col-"],
.gutter-mb-3 > [class*=" col-"] {
    padding-right: 8px;
    padding-left: 8px;
}

.p-to-req-hist{
    margin-top: 0.2rem;
}

.p-to-req-hist-item:not(:last-child) {
    padding-bottom: 0.6rem;
    margin-bottom: 0.6rem;
    border-bottom: 1px solid var(--primary-border-color);
}

.p-box-ctlr-lbl-cm {
    margin-top: 0.1rem;
}

.p-link-wicon {
    display: inline-flex;
    position: relative;
    align-items: center;
    gap: 0.05rem;
    color: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
    font-size: var(--base-font-size-sm);
    border: none;
    background: transparent;
    padding: 0;
    font-weight: 500;
    cursor: pointer;
}

    .p-link-wicon svg.p-icon {
        stroke: var(--theme-primary-color);
        margin-left: -0.2rem;
    }

.label-wic-link {
    display: flex !important;
    flex-wrap: wrap;
    row-gap: 1rem;
}

.p-link-wicon::after {
    content: '';
    position: absolute;
    bottom: 0.2px;
    width: 100%;
    height: 1px;
    background: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
    left: 0;
}

button.p-link-wicon {
    padding: 0 !important;
    position: relative;
    border: none;
    border-radius: 0;
    color: var(--theme-primary-color);
}

button.p-link-wicon:hover {
    background: transparent;
    border-radius: 0;
}

.p-jobs-quest-ans-list > .ph-5,
.sb-att-request-details .qa .p-acc-card .card-body .ph-5 {
    font-size: var(--base-font-size);
    margin-bottom: 0.4rem;
    font-weight: 500;
    padding-left: 0.2rem;
}

.sb-att-request-details .p-cques-answ-optns .p-form-check label {
    top: inherit;
}

.p-jobs-quest-ans-list {
    margin-bottom: 0.6rem;
}

span.user-gray-text {
    font-size: var(--base-font-size-sm);
}

.sb-att-request-details .inp-grp-def {
    padding: 0.95rem 1rem;
}

.grid-ava-lh {
    line-height: 1.45;
}

.p-ver-pipe {
    font-weight: 300;
    color: var(--sec-light-color5);
    margin: 0 0.5rem;
}

.p-modal-sub-head {
    font-size: var(--base-font-size-h3);
    font-weight: 500;
}

.sb-att-request-details .lt-days .p-to-str {
    font-size: var(--base-font-size-xs);
}

.sb-att-request-details .qa-img-options {
    gap: 1.2rem 2.5rem;
    grid-template-columns: repeat(2, 1fr);
}

.sb-att-request-details .qa-img-option-image {
    height: 250px;
}

.sb-att-request-details .p-form-check.p-form-flex {
    align-items: flex-start;
}

.sb-att-request-details .qa-img-option .p-form-check-input[type="radio"] {
    flex-shrink: 0;
}

.sb-att-request-details .flex-inner-div .image-ans {
    flex-shrink: 0;
    margin-left: 0.8rem;
}

.sb-att-request-details .flex-inner-div {
    text-align: left;
    margin-top: 0.6rem;
}

.lp-sign-off-mw .sign-content-mw-sb img.img-sign {
    max-height: 130px;
}

.lp-sign-off-mw .sign-content-mw.sign-content-mw-sb,
.lp-sign-off-mw .p-modal-sb .sign-content-mw {
    min-height: 300px;
}

.p-sep-cmt {
    margin-top: 1.8rem;
}

.p-sep-cmt .p-head-seperator-fw {
    margin-bottom: 0.85rem;
}

.p-inp-notes {
    line-height: 1.33;
    display: inline-block;
    margin-top: 0rem;
    min-height: 2.9rem;
    margin-bottom: 0.6rem;
    font-size: var(--base-font-size-xxs);
}

.p-filter-and-new-message button {
    border: none !important;
}

.p-dd-msg-filter {
    stroke: var(--on-primary-color);
    fill: none;
    position: relative;
    top: 1px;
    width: 1.9rem;
    height: 1.9rem;
}

.btn-bs-dd .dropdown-menu button:hover,
.btn-bs-active button {
    background: var(--theme-secondary-color) !important;
}

.btn-bs-dd .dropdown-menu {
    padding: 0.35rem;
}

.btn-bs-dd .dropdown-menu button{
    background: var(--chat-dark-bg-2);
    border-radius: var(--bs-border-radius);
}

.btn-bs-dd .dropdown-menu button:hover .p-grid-icon,
.btn-bs-dd .dropdown-menu .btn-bs-active .p-grid-icon {
    stroke: var(--theme-primary-color);
}

.btn-bs-dd .dropdown-menu button:hover .p-grid-icon,
.btn-bs-dd .dropdown-menu .btn-bs-active .p-grid-icon {
    stroke: var(--theme-primary-color);
}

.btn-bs-dd .dropdown-menu button:hover span,
.btn-bs-dd .dropdown-menu .btn-bs-active span {
    color: var(--theme-primary-color);
}

.btn-group.show > button {
    background: var(--theme-secondary-color) !important;
}

.p-inp-notes.p-inp-notes-cm {
    margin-top: 0.6rem;
}

.p-smart-tt svg.p-icon {
    width: 0.97rem;
    height: 0.97rem;
}

.label-primary .p-smart-tt.tip {
    margin: 0;
}

.dx-header-filter-menu .dx-scrollable[aria-label="No data to display"] .dx-scrollable-wrapper,
.dx-header-filter-menu .dx-scrollable[aria-label="No data to display"] .dx-scrollable-content,
.dx-header-filter-menu .dx-scrollable[aria-label="No data to display"] .dx-scrollview-content {
    height: 100%;
}

.condition-sh-cal .pp-selected-tags {
    margin-bottom: 0.75rem;
}

.lt-list-date-text-sm .vo-re-cfs strong {
    font-size: 0.86rem;
    min-height: 1.2rem;
    display: inline-block;
}

.text-cap {
    text-transform: capitalize !important;
}

.mw-100-ov-hid {
    overflow: hidden;
    max-width: 100%;
}

.p-box-border-lg.p-box-border {
    padding: 1.05rem 0.75rem;
}

.p-box-border-lg .p-to-req-hist-item:not(:last-child) {
    padding-bottom: 1.1rem;
    margin-bottom: 1.1rem;
    border-bottom: 1px solid var(--primary-border-color);
}

.mh-ov-requ {
    min-width: 110px;
}

.text-unlimited {
    font-size: 1.3rem !important;
    margin-bottom: 0.25rem;
}

.p-max-wid-250 {
    max-width: 250px !important;
}

.p-max-wid-280 {
    max-width: 280px !important;
}

.p-badge-set-color {
    max-width: 200px;
    width: initial;
    min-width: 110px;
    font-weight: 400;
    padding-top: 4px;
    display: inline-block;
    padding-right: 0.875rem;
    padding-left: 0.875rem;
}

.p-badge-set-color::after {
    background: linear-gradient(-90deg, #ffc107 25%, transparent);
    width: 18px;
}

.candidate-item-tooltip {
    display: flex;
    align-items: center;
}

.avatar.avatar-xs-tooltip {
    flex-shrink: 0;
    height: 2.4rem;
    width: 2.4rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
    background-color: var(--primary-border-color);
}

    .avatar.avatar-xs-tooltip .user-img-tooltip {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.user-img-tooltip {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.candidate-item-cont-tooltip {
    flex-grow: 1;
}

.candidate-item-name-tooltip {
    font-weight: 500;
    font-size: var(--base-font-size);
    margin-bottom: 1px;
}

.candidate-item-job-tit-tooltip {
    font-size: var(--base-font-size-xxs);
    color: #dedede;
    word-break: break-word;
}

.candidate-item-email-tooltip {
    font-size: var(--base-font-size-xxs);
    color: #dedede;
    word-break: break-word;
}

.ba-date-range-picker.dp-range-dp .report-range {
    min-width: 205px;
    display: flex;
}

.ba-date-range-picker.dp-range-dp .report-range span {
    padding: 9px 12px;
    width: 100%;
}

.dp-range-dp select {
    height: initial;
    min-height: 38.8px;
    padding-right: 2.5rem;
    min-width: 205px;
}

.notification-popper .dx-list-search .dx-texteditor-container .dx-texteditor-buttons-container {
    position: absolute;
    top: 50%;
    right: 0;
}

.notification-popper .dx-list-search .dx-searchbox .dx-texteditor-input {
    padding-left: 42px;
    padding-right: 2.3rem;
}

.pl-hf {
    padding-left: 0.14rem;
}

.p-eb-box-head .p-icon-circle {
    background-color: transparent !important;
}

.p-eb-box-head .p-icon-circle:hover {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15) !important;
}

.ph-card-box-head {
    border-bottom: 1px solid #fff;
}

.ph-card-box-body{
    padding: calc(var(--box-padding) * 0.7) calc(var(--box-padding) * 1);
}

.ph-card-box-head {
    padding: calc(var(--box-padding) * 0.35) calc(var(--box-padding) * 1);
}

.p-ul-align-new {
    padding-left: 1.1rem;
}

.p-ul-align-new li::marker {
    font-size: 0.8rem;
}

.p-ul-align-new li:not(:last-child) {
    margin-bottom: 0.4rem;
}

/*css for hire scorecard starts here*/
.can-sco-container {
    max-width: 50rem;
    margin: 2rem auto;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
    background: var(--card-bg);
}

.can-sco-container[class*="status-"] {
    transition: background-color 0.4s ease;
}

.can-sco-container.status-nohire {
    background-color: var(--nohire);
}

.can-sco-container.status-notsure {
    background-color: var(--notsure);
}

.can-sco-container.status-average {
    background-color: var(--average);
}

.can-sco-container.status-hire {
    background-color: var(--hire);
}

.can-sco-container.status-musthire {
    background-color: var(--musthire);
}

.can-sco-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.can-sco-feedback {
    margin-bottom: 2.1rem;
}

.can-sco-options {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

.can-sco-btn {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border: 1px solid var(--sec-light-color7);
    border-radius: var(--bs-border-radius-lg);
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--primary-color);
    background: var(--chat-dark-bg-2);
}

.can-sco-btn[data-rating="nohire"].active,
.can-sco-btn[data-rating="nohire"]:hover {
    background-color: #ffd5d5;
    border-color: #ffbebe;
}

.can-sco-btn[data-rating="notsure"].active,
.can-sco-btn[data-rating="notsure"]:hover {
    background-color: #fff5a9;
    border-color: #f7e097;
}

.can-sco-btn[data-rating="average"].active,
.can-sco-btn[data-rating="average"]:hover {
    background-color: #d0e2ff;
    border-color: #d0e2ff;
}

.can-sco-btn[data-rating="hire"].active,
.can-sco-btn[data-rating="hire"]:hover {
    background-color: #cbffde;
    border-color: #cbffde;
}

.can-sco-btn[data-rating="musthire"].active,
.can-sco-btn[data-rating="musthire"]:hover {
    background-color: #dedfff;
    border-color: #dedfff;
}

.can-sco-textarea {
    width: 100%;
    height: 6rem;
    padding: 1rem;
    font-size: 1rem;
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    resize: vertical;
}

.can-sco-scorecard h3 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.can-sco-scorecard-interview {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.95rem;
}

.can-sco-scorecard-interview .can-sco-skill {
    margin-bottom: 0;
}

.can-sco-skill {
    background: var(--chat-dark-bg-2);
    padding: 0.8rem 0.9rem;
    margin-bottom: 0.8rem;
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.15);
    border-radius: var(--bs-border-radius);
}

.can-sco-skill-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.can-sco-label {
    font-size: var(--base-font-size-h5);
    font-weight: 500;
    color: var(--primary-color);
}

.can-sco-rating-group {
    display: flex;
    gap: 1.4rem;
    align-items: center;
}

.can-sco-stars {
    display: flex;
    gap: 0.3rem;
}

.can-sco-stars i {
    font-size: 1.5rem;
    color: #ccc;
    cursor: pointer;
    transition: transform 0.3s ease, color 0.3s ease;
}

.can-sco-stars i:hover,
.can-sco-stars i.selected {
    color: #f4b000;
}

.can-sco-actions {
    font-size: 1.2rem;
    color: var(--sec-light-color7);
    cursor: pointer;
}

.can-sco-actions .fa-thumbs-up {
    color: var(--like);
}

.can-sco-actions .fa-thumbs-down {
    color: var(--dislike);
}

.can-sco-desc {
    font-size: var(--base-font-size);
    margin-bottom: 0;
}

.psc-add-eve-ins {
    max-width: 150px;
}

.psc-add-eve-ins textarea {
    min-height: calc(1.5em + 0.75rem + 0.625em);
    height: initial;
}

.p-scr-hire td{
    vertical-align: top !important;
}

.p-scr-hire td .p-dd-wp-wrapper {
    margin-top: 0.4rem;
}
/*css for hire scorecard ends here*/

.pnd-banner .p-nd-add-wid-cta {
    visibility: hidden
}

.pnd-banner:hover button.p-nd-add-wid-cta {
    visibility: visible;
}

.p-upload-input.img-uploder.email-banner-container,
.p-upload-input.img-uploder.dash-board-banner-container,
.dashboard-banner-loadder .loading-skeleton .p-acc-wc-loader,
.email-banner-loadder .loading-skeleton .p-acc-wc-loader {
    height: 13rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p-upload-input.img-uploder.email-banner-container .form-group{
    margin-bottom: 0;
}

.p-br-banner.img-uploder {
    padding: 0;
    border: none;
    background: transparent !important;
    justify-content: flex-start !important;
}

.p-br-banner.p-com-profile-img-wrap-mw {
    border: 1px solid var(--theme-border-2);
}

.p-br-banner.p-com-profile-img-wrap-mw img {
    max-width: 220px;
    margin: 0 auto;
}

.p-br-banner .p-upload-btn-wrpper .p-hs {
    overflow: hidden;
    border-radius: var(--bs-border-radius);
}

.email-banner-container img, .dash-board-banner-container img {
    height: 12rem;
}

.p-upload-input.img-uploder.logo-img-container{
    width:13rem;
    height:13rem;
    display:flex;
    justify-content:center;
    align-items:center;

}

.logo-img-container img{
    height:10rem;
    width:10rem;
}

.img-uploder {
    background: hsl( var(--primary-hue), var(--primary-saturation), calc(50% * 0.1 + 92%) ) !important;
    border: 0.1rem dashed hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.4);
}

.logo-delete-btn{
    position:relative;
}

.logo-delete-btn button{
    position:absolute;
    left:11rem;
    bottom:0;
}

.setting-image-label.fw-normal, .validation-message {
    padding-left: 0.3rem;
}

/* Base background color */
.bg-shade-1,
.bg-shade-2 {
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 0.1 );
    position: relative;
    height: 150px;
    isolation: isolate; /* Creates a new stacking context */
}

/* ===== Shade 1 (Original Design) ===== */
.bg-shade-1::before,
.bg-shade-1::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0.5;
    mask-size: cover;
    mask-repeat: no-repeat;
}

/* Darker Blob (Shade 1) */
.bg-shade-1::before {
    background-color: hsla( var(--primary-hue), calc(var(--primary-saturation) - 10%), calc(var(--primary-lightness) - 10%), 0.3);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252 150'%3E%3Cpath d='M0,87.17C17.574,88.462,38.55,91.967,51.259,79.761C64.185,67.346,54.191,44.451,61.51,28.091C68.736,11.94,93.011,4.334,92.918,-13.36C92.827,-30.639,72.614,-40.059,61.085,-52.93C49.777,-65.554,42.427,-84.461,25.893,-88.185C9.373,-91.906,-4.675,-76.023,-20.968,-71.409C-37.486,-66.732,-59.718,-74.435,-70.326,-60.938C-81.046,-47.299,-68.726,-27.299,-69.265,-9.959C-69.726,4.867,-77.183,19.152,-73.26,33.457C-69.003,48.981,-59.617,63.048,-46.635,72.566C-33.227,82.397,-16.581,85.951,0,87.17'/%3E%3C/svg%3E");
}

/* Lighter Blob (Shade 1) */
.bg-shade-1::after {
    background-color: hsla( var(--primary-hue), calc(var(--primary-saturation) + 10%), calc(var(--primary-lightness) + 10%), 0.1);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252 150'%3E%3Cpath d='M252 242.942C269.213 240.923 284.408 232.478 298.794 222.813 312.925 213.319 323.677 200.868 334.357 187.611 348.453 170.114 372.374 155.293 371.268 132.852 370.177 110.714 344.019 99.589 329.206 83.101 314.714 66.971 306.658 39.953 285.173 37.024 263.126 34.019 249.078 61.339 228.319 69.349 210.086 76.384 184.824 65.932 172.009 80.687 159.196 95.439 173.481 119.081 168.675 138.02 162.984 160.444 134.998 178.242 141.626 200.407 148.02 221.795 176.746 226.656 197.577 234.684 215.052 241.418 233.399 245.124 252 242.942'/%3E%3C/svg%3E");
}

/* ===== Shade 2 (Your Custom Shape) ===== */
.bg-shade-2::before,
.bg-shade-2::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0.5;
    mask-size: cover;
    mask-repeat: no-repeat;
}

/* Darker Blob (Shade 2 - Your SVG) */
.bg-shade-2::before {
    background-color: hsla( var(--primary-hue), calc(var(--primary-saturation) - 15%), calc(var(--primary-lightness) - 15%), 0.3 );
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252 150'%3E%3Cpath d='M0,99.25C18.181,95.786,25.403,73.692,40.305,62.716C53.863,52.73,73.584,51.825,83.178,37.986C93.318,23.36,96.235,4.132,93.061,-13.38C89.938,-30.614,75.979,-42.784,65.939,-57.136C54.59,-73.36,49.607,-98.826,30.281,-103.127C10.68,-107.489,-3.344,-82.663,-22.56,-76.833C-41.505,-71.085,-64.351,-81.312,-80.296,-69.577C-96.784,-57.442,-108.488,-35.615,-106.209,-15.27C-103.945,4.943,-79.078,13.848,-68.975,31.5C-60.231,46.778,-64.112,67.884,-51.554,80.219C-38.215,93.321,-18.367,102.75,0,99.25'/%3E%3C/svg%3E");
}

/* Lighter Blob (Shade 2 - Your SVG) */
.bg-shade-2::after {
    background-color: hsla( var(--primary-hue), calc(var(--primary-saturation) + 15%), calc(var(--primary-lightness) + 15%), 0.1);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252 150'%3E%3Cpath d='M252 200.016C262.278 198.819 273.117 201.927 282.276 197.111 291.775 192.116 298.556 183.059 302.908 173.249 307.232 163.504 306.615 152.801 306.666 142.14 306.726 129.656 310.343 115.868 303.233 105.606 296.021 95.197 281.961 92.9 269.892 89.066 257.566 85.15 244.9 79.953 232.352 83.087 219.611 86.269 209.157 95.561 201.416 106.169 194.049 116.264 191.618 128.694 190.026 141.089 188.455 153.323 187.498 165.905 192.284 177.272 197.147 188.821 205.114 200.275 216.824 204.735 228.108 209.033 240.006 201.413 252 200.016'/%3E%3C/svg%3E");
}

.p-wd-course-card a.p-wd-btn-sm {
    min-width: 100px;
    flex-shrink: 0;
}


.p-tem-card-list-item-img-mw.p-ap-box.bg-shade-1 {
    border-radius: 0;
    border: none;
    height: 125px;
    max-width: 100%;
}

.p-tem-card-list-item-img-mw .p-ap-box-icon {
    width: 3.35rem;
    height: 3.35rem;
}
}

.preview-eye-icon{
    gap:0.5rem;
}

.preview-eye-icon .p-icon-sm1{
    width:1.5rem;
    height:1.5rem;
}

.preview-eye-icon h6{
    cursor:pointer;
}

.preview-eye-icon .p-icon {
    stroke: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1 )
}

.dropdown-icon-svg.p-icon-sm {
    width: 2.1rem;
    height: 2.1rem;
}

.dx-list-item.dx-state-hover .dx-checkbox-icon {
    border-color: #BCBCC3 !important;
}

.select-package-boxes{
    background-color:transparent !important;
}

.custom-modal-heading.form-group .dx-texteditor.dx-editor-outlined{
    border: none !important;
    background-color: transparent !important;
}

.custom-modal-heading.form-group .dx-texteditor-input {
    font-size: var(--base-font-size-h2);
    font-weight: 600;
    background-color:transparent !important;
    padding: 0 !important;
    min-height: unset;
    height:auto 
}

.p-dx-dd-mor-det {
    padding: 8px;
    line-height: 1.4;
}

.p-dx-dd-mor-det h6 {
    margin-bottom: 0.015rem;
    font-weight: 500;
    font-size: var(--base-font-size-h5);
}

.p-dx-dd-mor-det label {
    display: block;
    font-size: 0.9em;
    color: #666;
    margin: 2px 0;
}

.p-dx-dd-mor-det {
    position: relative;
}

.p-dx-dd-mor-det {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding-left: 1.05rem;
}

.p-dx-dd-mor-det::after {
    content: "";
    position: absolute;
    left: 0.3rem;
    height: calc(100% - 16px);
    background-color: hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
    border-radius: 0.38rem;
    border: 0.12rem solid hsla( var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);
}

.detail-item span {
    font-weight: 300;
    color: var(--primary-color);
}

.p-dx-dd-mor-det .detail-label {
    font-weight: 400;
}

.details-wrapper {
    display: grid;
    gap: 0.225rem;
}

.p-wid-qa-grid-2x {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.3rem;
}

.p-def-table .table-column-filters tr td {
    cursor: move;
}

.drag-template {
    border-radius: calc(var(--bs-border-radius) * 0.5);
}

.dx-sortable-dragging > * {
    border-color: rgba(51, 122, 183, .5);
    -webkit-box-shadow: 0 4px 6px rgb(0 0 0 / 11%);
    box-shadow: 0 4px 6px rgb(0 0 0 / 11%);
}

.dx-sortable-placeholder {
    border: 1px solid hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), var(--opacity-base));
}

.p-upload-btn-wrpper .form-group {
    margin-bottom: 0;
}

.custom-selectbox input.dx-texteditor-input {
    font-weight: 600;
    color: var(--primary-color);
    font-size: var(--base-font-size-h5);
    line-height: 1;
    height: initial;
    max-width: initial;
    width: auto;
    display: inline-block;
    max-width: 220px;
    border-radius: var(--bs-border-radius-lg);
}

.save-dashboard-btn-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.p-dd-wp-content .p-grid-action-btns svg[data-toggle="tooltip"] {
    margin-right: 0.35rem;
}

.overtime-content-div, .align-inp-cb {
    padding-left: 1.85rem;
}

.p-inp-def-grp-wt .input-group-append {
    max-width: 60px;
}

.p-inp-def-grp-wt.p-inp-def-grp-wt-sm input {
    height: 33.88px;
}

.p-wd-sc-int-item:not(:last-child) {
    margin-bottom: 1rem;
}

.select-aud .dx-texteditor.dx-editor-outlined {
    border: 1px solid var(--input-border-1);
}

.custom-emoji-button .dx-button-content .dx-button-text {
    line-height: 0.9;
    font-size: 1.35rem;
}

.custom-emoji-button .dx-button-content {
    padding-left: 0.7rem !important;
}

.p-wd-acc-tb tr th{
    white-space: nowrap
}

.dx-scheduler-header .dx-scheduler-navigator .dx-button {
    background: var(--chat-dark-bg-2) !IMPORTANT;
}

.pnd-name-ellip.p-txt-ellip-grad-white::after {
    right: -1px;
    width: 30px;
}

.pnd-name-ellip.p-txt-ellip-grad {
    flex-shrink: 0;
    min-width: 130px;
    max-width: 130px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    flex-shrink: 0;
}

.p-wid-qa-grid-2x p, .p-wid-qa-grid p {
    font-size: 0.76rem;
}

.p-wd-ono-item label.p-txt-ellip-grad.mw-100 {
    max-width: calc(100% 538.656px - 2rem) !important;
}

.p-nd-tt-mw .p-wd-ono-details {
    margin-bottom: 0.9rem;
    margin-top: 0.25rem;
}

.loading-skeleton .p-to-req-hist-item:not(:last-child) {
    padding-bottom: 1rem;
    margin-bottom: 1.1rem;
}

.loading-skeleton .p-box-border {
    border-color: var(--theme-secondary-color);
}
}

.p-bar-chart-sl-bars .skeleton-img {
    border: none;
}

.join-reschedule-thera-btn button {
    min-width: 125px !important;
}

.p-acco-btn-wrapper .p-dd-wp-wrapper {
    z-index: initial !important;
}

.loading-skeleton .p-hj-card-title svg.p-icon-fill {
    display: none;
}

.p-rep-types.loading-skeleton {
    display: grid;
    gap: 1rem;
}

.permission-access-list .p-hj-card-title .pdf .p-icon-fill.p-icon-fill-yellow {
    stroke: var(--theme-primary-color) !important;
}

.permission-access-list .p-hj-card-title .pdf .p-icon-fill.p-icon-fill-green,
.permission-access-list .p-hjl-cards-item-in:hover .p-hj-card-title .pdf .p-icon-fill.p-icon-fill-green {
    fill: var(--theme-primary-color) !important;
}

/*#userListInSelectByNameUserListPopup .dx-item.dx-list-item {
    padding: 0 8px;
}
*/
.min-w-175px {
    min-width: 175px;
}

.preview-widget-modal .p-nd-widget-drag-handle {
    cursor: move;
}

.error-content strong {
    margin-bottom: 0.4rem;
    display: inline-block;
}

.error-content ul {
    margin-bottom: 0.25rem !important;
    display: inline-block;
}

.error-content strong {
    margin-bottom: 0.3rem;
    display: inline-block;
    font-size: var(--base-font-size-h5);
}

.has-error{
    position: relative;
}

    .has-error::after {
        content: "!";
        position: absolute;
        top: -11px;
        right: 15px;
        width: 22px;
        height: 22px;
        min-width: 22px;
        background-color: orange;
        color: var(--primary-color);
        border-radius: 50%;
        border: 2px solid white;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    }

.p-idea-note {
    padding: calc(var(--box-padding) * 0.75);
    border-radius: var(--bs-border-radius);
    color: var(--primary-color);
}

ul.deduction-example.p-ul-align {
    padding-left: 1.1rem;
}

.p-gd-mw-fh {
    display: flex;
    align-items: flex-start;
    gap: var(--default-gap);
    height: calc(100vh - var(--nav-min-height) - calc(var(--default-gap) * 3) - 65px);
}

.p-gd-mw-fh-left {
    flex: 0 0 400px;
    max-width: 400px;
    z-index: 99;
}

.p-gd-mw-fh-right {
    flex: 1;
    max-width: calc(100% - 400px - var(--default-gap));
}


.p-chat-box-pc .p-fp-content.p-chat-def .main-message-wrapper {
    border: none;
    background: transparent;
}

.p-chat-box-pc .p-chat-def main.msger-chat {
    padding: calc(var(--chat-def-padding) * 0.7);
}

.p-chat-box-pc .p-fp-content .p-tl-chat-ia-w {
    padding: 0.8rem;
    background: var(--theme-secondary-color);
    border: none;
    border-top: 0;
    border-radius: var(--bs-border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.p-chat-box-pc .p-tl-chat-ia-w .p-chat-area {
    padding: 0 0 !important;
}

.p-chat-box-pc .p-chat-def .p-chat-area textarea,
.vir-age-chat-box-inner.p-textarea-w-cta textarea {
    padding: 0.65rem 1.05rem 0.68rem;
    min-height: 2.9rem !important;
    padding-right: 4rem !important;
}

.vir-age-chat-box-inner.p-textarea-w-cta textarea {
    height: initial;
    transition: initial;
}

.p-chat-box-pc .p-chat-area .btn-sendchat {
    bottom: 0.65rem;
}

.p-chat-box-pc .p-chat-area textarea::placeholder,
.vir-age-chat-box-inner.p-textarea-w-cta textarea::placeholder {
    font-size: var(--base-font-size);
    color: var(--placeholder-color);
    position: relative;
    top: 3px;
}

.vir-age-chat-box-inner.p-textarea-w-cta {
    border: none;
    border-radius: initial;
    background: transparent;
}

.p-chat-box-pc .p-chat-area textarea::placeholder {
    font-size: var(--base-font-size);
}

.p-ticket-id {
    font-size: 0.96rem;
    font-weight: 600;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

svg.p-ticket-icon {
    width: 1.4rem;
    height: 1.4rem;
    fill: var(--primary-color);
}

.p-ticket-feature {
    color: #64748b;
    margin: 0.5rem 0;
}

.p-tags-container {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.p-tag.p-tag-xxs {
    min-width: initial;
    padding: 0.2rem 0.6rem;
    border-radius: 0.3rem !important;
}

.p-tag-yellow.border-0 {
    border: 0 !important;
}

.p-ticket-meta-item {
    display: inline-block;
    margin-right: 1rem;
}

.p-ts-container hr {
    border: none;
    border-top: 1px solid var(--theme-secondary-color);
    margin: 1.2rem 0;
}

.p-section-title {
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.p-description {
    margin: 0.5rem 0;
    white-space: pre-line;
}

.p-ticket-owner {
    margin: 0.5rem 0;
    font-size: 0.875rem;
}

.p-ticket-owner-label {
    color: #64748b;
}

.p-ticket-owner-name {
    font-weight: 500;
}

.p-ts-attach-mw .p-ts-attach-item:not(:last-child) {
    margin-bottom: 0.5rem;
}

.p-ts-attach-mw .p-ts-attach-item {
    color: var(--primary-color);
}

.p-ts-attach-mw .p-ts-attach-item:hover {
    color: var(--theme-primary-color);
}

.p-ts-attach-mw .p-ts-attach-item:hover .p-ts-attach-icon {
    stroke: var(--theme-primary-color);
}

.p-scroll-auto {
    overflow-y: auto;
}


.comp-logo-wnav-bar {
    max-width: 40px;
}

.p-dd-multi-al-dx-sear {
    display: flex;
    align-items: center;
    gap: 1rem;
    left: 18.6rem;
    right: initial;
}

/*.btn-slect-dropdown .p-add-btn {
    min-width: 100%;
}*/

.p-dd-multi-al-dx-sear .btn-slect-dropdown {
    width: 100%;
    max-width: 200px;
}

.p-dd-multi-al-dx-sear .btn-slect-dropdown .p-add-btn {
    min-width: 100%;
    min-height: 42px;
}

.grid-lt-elllp.p-txt-ellip-grad {
    width: 400px !important;
    overflow: hidden !important;
    max-width: 400px !important;
    display: inline-block;
}

.grid-lt-elllp.p-txt-ellip-grad::after {
    right: 0;
}

.p-idea-note .p-link {
    font-weight: 500;
}

.p-lt-show-wi {
    gap: 0.32rem;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.5rem 0;
}

.attendance-adjustments-item .text-primary-color,
.web-clock-ins-item .text-primary-color {
    min-width: 95px;
}

.attendance-adjustments-item.justify-content-between,
.web-clock-ins-item.justify-content-between {
    gap: 3.3rem;
}

.attendance-adjustments-item.justify-content-between .pdf,
.web-clock-ins-item.justify-content-between .pdf {
    min-width: 145px;
}

.attendance-adjustments-item.justify-content-between .pdf.pdf-gap-3xs,
.web-clock-ins-item.justify-content-between .pdf.pdf-gap-3xs {
    gap: 0.3rem;
}

.p-lt-show-wi:not(:first-child) {
    padding-top: 0;
}

.dx-template-wrapper.late-style:has(.p-lt-show-wi) {
    justify-content: flex-start;
}

.p-lt-show-wi-yellow {
    color: #f09d00;
}

.p-lt-show-wi-yellow svg,
.orange-yellow{
    fill: #f09d00;
}

.p-lt-show-wi-purple {
    color: #89189c;
}

.p-lt-show-wi-purple svg,
.icon-purple-icon{
    stroke: #89189c;
}

.p-lt-show-wi span {
    position: relative;
    top: 1px;
}

a.bulk-action-menu {
    cursor: pointer;
}

/*.p-att-time-info:has(.overtimeSummaryDiv) {
    flex-wrap: wrap;
    row-gap: 0.8rem;
}

.p-att-time-info:has(.overtimeSummaryDiv) {
    justify-content: space-between;
}

.p-att-time-info:has(.overtimeSummaryDiv) div {
    width: 48%;
}*/

.p-att-time-info:has(.overtimeSummaryDiv) {
    justify-content: space-between;
}

.p-att-time-info:has(.overtimeSummaryDiv) div {
    width: initial;
}

.p-att-time-info:has(.overtimeSummaryDiv) .lt-days p strong {
    font-size: calc(var(--base-font-size-h2) * 0.88);
}

.p-att-time-info:has(.overtimeSummaryDiv).lt-list-date small {
    min-width: initial;
}

.user-policy-details-sb .lt-days-left-mw {
    flex-wrap: wrap;
}

.user-policy-details-sb .lt-days {
    gap: 0.1rem;
    width: 120px;
}

.time-off-calender .dx-item-content.dx-scheduler-appointment-content > div {
    padding: 2px;
    padding-left: 6px;
}

.p-ch-aud-btn-icon {
    width: 1.35rem;
    height: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    background: transparent;
}

.p-ch-aud-btn {
    position: absolute;
    right: 3.8rem;
    bottom: 1.45rem;
    transform: translate(-50%, -50%);
}

.p-ch-aud-btn-icon svg {
    stroke: var(--theme-primary-color);
    width: 1.35rem;
    height: 1.35rem;
}

.p-chat-box-pc .p-chat-def .p-chat-area textarea[disabled] {
    height: 45px;
}

#myTicketsGrid .dx-row.dx-data-row p {
    margin-bottom: 0;
}

.p-chat-box-pc .msg-bubble.msg-bubble-img-type .doc-name {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    word-break: initial;
    font-weight: 600;
    cursor: pointer;
    max-width: 260px;
    color: var(--primary-color);
    font-size: 0.85rem;
}

.p-chat-box-pc .upload-img-wrapper svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    stroke: var(--primary-color);
}

.p-chat-box-pc .msg-bubble.msg-bubble-img-type {
    width: 100%;
    max-width: 380px;
    padding: 3px;
}

.p-chat-box-pc .docs-name-icon-wrapper {
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    background-color: var(--theme-border-layout);
    border-radius: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.p-chat-box-pc  .docs-time-size-wrapper {
    padding: 3px 5px;
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.p-chat-box-pc .msg-bubble.msg-bubble-img-type {
    min-height: initial;
}

.p-chat-box-pc .upload-file-size {
    min-width: initial;
}

.p-chat-box-pc .docs-time-size-wrapper p {
    margin: 0;
}

p.upload-img-wrapper {
    margin: 0;
}

.p-chat-box-pc .docs-time-size-wrapper p,
.p-chat-box-pc .docs-time-size-wrapper span {
    font-size: 10px !important;
    letter-spacing: 0.5px;
    font-weight: 400;
    display: inline-block;
    color: var(--on-primary-color);
}

.p-chat-box-pc svg.download-docs-icon {
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin-right: 10px;
}

.p-chat-box-pc .webchat-load-msg-main-wrapper .msg-bubble.msg-bubble-img-type {
    min-width: 370px;
}

.ot-section label.p-form-check-label {
    color: var(--primary-color);
}

.back-btn-icon {
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 2px;
    margin-right: 4px;
    stroke: var(--theme-primary-color);
    position: relative;
    top: 1px;
}

.back-btn-icon:hover {
    background: var(--theme-border-layout);
}

.bg-shade-3 {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .bg-shade-3::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(0px);
        background: var(--theme-placeholder-color);
    }

.bg-shade-3 h5 {
    color: #fff;
    font-size: 0.92rem;
}

.play-btn-circle {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.play-btn-circle {
    background: #fff;
}

.play-btn-circle svg {
    fill: var(--theme-primary-color);
    margin-left: 2px;
}

.ts-record-cntrls {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: flex-end;
}

.record-wave-area {
    background: #fff;
    border-radius: calc(var(--bs-border-radius) - 0.5rem);
    padding: 1.3rem;
}

.ts-record-cntrls-item .p-icon {
    width: 2.3rem;
    height: 2.3rem;
    stroke: var(--theme-primary-color);
    border-radius: 50%;
    cursor: pointer;
    padding: 0.3rem;
}

.notes-aligne p {
    display: inline;
    margin: 0;
}

.p-video-bg-thumbnail {
    background: linear-gradient(45deg, #8f8f8f, transparent);
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: var(--bs-border-radius);
}

.p-video-dot-grid {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70%;
    height: 80%;
    background-image: radial-gradient(circle, #cbd3ff 2px, transparent 2px);
    background-size: 34px 34px;
    transform: rotate(0deg);
    mask-image: linear-gradient(to right, transparent 30%, black 90%);
    -webkit-mask-image: linear-gradient(to right, transparent 30%, black 90%);
    background-position: right bottom;
}

.ch-grid-img-wrapper .plmm-tag {
    background: rgb(255 255 255 / 85%);
    border-radius: calc(var(--border-radius-default));
    text-transform: capitalize;
    border: 1px solid var(--chat-dark-bg-2);
    backdrop-filter: blur(10px);
    color: var(--primary-color);
    position: absolute;
    top: 8px;
    bottom: initial;
}

/*app integration css starts here*/
.app-int-container {
    max-width: 60rem;
    margin: 0 auto;
    padding: 2rem;
}

.app-int-heading {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #000;
}

.app-int-subheading {
    font-size: 1rem;
    color: #666;
    margin-bottom: 2rem;
}

.app-int-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.app-int-item {
    position: relative;
    background: #fff;
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
}

.app-int-item-body {
    padding: 0.75rem;
}

.app-int-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    padding-bottom: 0;
}

.app-int-item-body {
    padding: 0 0.75rem;
}

.app-int-item-title-wrap {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.app-int-logo {
    border-radius: 4px;
    object-fit: contain;
    max-width: 80px;
    height: auto;
}

.app-int-item-title {
    font-size: var(--base-font-size-xxl);
    font-weight: 600;
    margin: 0;
}

.app-int-item-desc {
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
    margin-bottom: 0.75rem;
}

.app-int-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    padding: 0.38rem 0.75rem;
    border-top: 1px solid var(--theme-border-layout);
}

.app-int-connect-btn {
    background: var(--theme-border-layout);
    color: var(--theme-primary-color);
    border: none;
    padding: 0.3rem 0.8rem;
    border-radius: var(--bs-border-radius-lg);
    font-size: var(--base-font-size-sm);
    cursor: pointer;
    font-weight: 500;
    transition: background 0.2s;
    border: 1px solid var(--theme-primary-color);
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

    .app-int-connect-btn svg {
        stroke: var(--theme-primary-color);
    }

.app-int-connect-btn:hover svg {
    stroke: #fff;
}

.app-int-connect-btn:hover {
    background: var(--theme-btn-hover);
    color: #fff;
}

.app-connection-stats {
    display: flex;
    align-items: center;
}

/*app integration css ends here*/

.dx-header-filter-menu .dx-item.dx-list-item p {
    margin: 0;
}

.ptc-pro-desig {
    line-height: 1.35;
}

.ptc-pro-desig span {
    display: block;
}

.p-ds-tc-content {
    display: flex;
    gap: 1.1rem;
}

.p-ds-tc-content {
    padding: 0.75rem;
    padding-top: 0;
}

.p-ds-tc-head {
    padding: 0.65rem 0.75rem;
    margin-bottom: 0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid;
}

.p-ds-tc-mw .p-ds-tc-mw-item {
    border-radius: var(--bs-border-radius);
}

.p-ds-tc-rp-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p-wd-ono-item-light-green .p-ds-tc-head {
    border-color: #daf6ef;
}

.p-wd-ono-item-light-blue .p-ds-tc-head {
    border-color: #d1e4ff;
}

.p-wd-ono-item-light-yellow .p-ds-tc-head {
    border-color: #f9f1cb;
}

.p-wd-ono-item-light-purple .p-ds-tc-head {
    border-color: #ddd8fc;
}

.p-grad-pos-r-0::after {
    right: 0;
}

.p-wd-ono-item-light-green .p-txt-ellip-grad-white::after {
    background: linear-gradient(-90deg, var(--wd-green-bg) 20%, transparent);
}

.p-wd-ono-item-light-blue .p-txt-ellip-grad-white::after {
    background: linear-gradient(-90deg, var(--wd-blue-bg) 20%, transparent);
}

.p-wd-ono-item-light-yellow .p-txt-ellip-grad-white::after {
    background: linear-gradient(-90deg, var(--wd-yellow-bg) 20%, transparent);
}

.p-wd-ono-item-light-purple .p-txt-ellip-grad-white::after {
    background: linear-gradient(-90deg, var(--wd-purple-bg) 20%, transparent);
}

.ptc-pro-desig span {
    color: var(--on-primary-color);
}

.p-ds-tc-lp-content {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.p-ds-tc-rp-content .p-dd-wp-wrapper {
    margin-left: auto;
}

.p-ds-tc-mw .p-ds-tc-mw-item:not(:last-child) {
    margin-bottom: 1rem;
}


.p-nd-us-lk-widget {
  
}

.p-nd-us-lk-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f0f0f0;
}

.p-nd-us-lk-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.p-nd-us-lk-item {
    margin-bottom: 0.5rem;
}

.p-nd-us-lk-item:last-child {
    margin-bottom: 0;
}

.p-nd-us-lk-link-content {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.p-nd-us-lk-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: var(--primary-color);
    padding: 0.5rem 0.75rem;
    border-radius: calc(var(--bs-border-radius) * 0.65);
    transition: all 0.2s ease;
    font-size: var(--base-font-size);
    border: 1px solid var(--theme-border-layout);
}

.p-nd-us-lk-link:hover {
    background-color: var(--theme-border-2);
    color: var(--theme-primary-color);
}

.p-nd-us-lk-link:hover svg.p-icon {
    stroke: var(--theme-primary-color);
}

.p-nd-us-lk-icon {
    margin-left: 0.5rem;
    opacity: 0.7;
}

.p-nd-us-lk-link:hover .p-nd-us-lk-icon {
    opacity: 1;
}

.af-md-filter {
    max-width: 32%;
}

.af-log-dd-whe {
    max-width: 80px;
    font-size: var(--base-font-size-lg);
    font-weight: 500;
}

.p-fiter-lg-mw .form-group .dx-texteditor.dx-editor-outlined {
    height: calc(1.5em + 0.75rem + 0.525em);
}

.p-fiter-lg-mw .p-input-box {
    border-radius: 0.8rem;
}

.p-nd-us-lk-link-content .p-smiw {
    display: none;
}

.ph-thumb-tag {
    border-radius: 0.3rem;
    text-transform: capitalize;
    backdrop-filter: blur(10px);
    color: var(--primary-color);
    font-size: 0.78rem;
    padding: 0.18rem 0.5rem 0.2rem;
    text-align: center;
}

.p-vid-thum-acti-pos {
    position: absolute;
    top: 8px;
    left: 10px;
    width: calc(100% - 20px);
}

.p-vid-thum-acti-pos .p-dd-wp-content {
    --th-dropdown-bg: rgb(255 255 255 / 90%);
}

.p-vid-thum-acti-pos .p-dd-wp-dot-icon {
    background: rgb(255 255 255 / 85%);
    border-radius: calc(var(--border-radius-default));
    text-transform: capitalize;
    border: 1px solid var(--chat-dark-bg-2);
}

.ch-grid-img-wrapper h3,
.cv-thum-heading {
    font-size: 0.88rem;
    position: absolute;
    bottom: 10px;
    left: 15px;
    color: #fff;
    font-weight: 400;
    width: calc(100% - 35px);
}

.p-video-bg-thumbnail.bg-shade-3 {
    min-height: 100%;
}

.ch-grid-img-wrapper .p-vid-thum-acti-pos .p-dd-wp-wrapper {
    opacity: 0;
    visibility: hidden;
}

.ch-grid-img-wrapper:hover .p-vid-thum-acti-pos .p-dd-wp-wrapper {
    opacity: 1;
    visibility: visible;
}

.tfc-profile .cv-thum-heading {
    color: #ffff;
    margin-bottom: 0.5rem;
}