/* Minification failed. Returning unminified contents.
(6,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,68): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,86): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,103): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,123): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,143): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,162): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,180): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,198): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,214): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,230): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,248): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,271): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,293): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,315): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,337): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,359): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,381): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,403): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,425): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,447): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,469): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,490): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,513): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,534): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,552): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,573): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,593): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,612): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,630): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,658): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,689): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,716): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,741): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,768): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,794): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,821): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,844): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,871): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,892): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,921): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,950): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1151): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1250): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1339): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1387): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1412): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1438): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1464): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1488): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1506): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1528): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1552): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1578): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1629): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1657): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1687): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1716): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1743): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1771): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1801): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1825): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1855): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,1879): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,2053): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family'
(6,2090): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size'
(6,2127): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-weight'
(6,2166): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height'
(6,2199): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(6,2231): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-text-align'
(6,2274): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(6,3502): run-time error CSS1039: Token not allowed after unary operator: '-bs-highlight-bg'
(6,3645): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color'
(6,3706): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-hover-color'
(6,3858): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(6,4065): run-time error CSS1039: Token not allowed after unary operator: '-bs-code-color'
(6,4180): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(6,4215): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(6,7682): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(6,7970): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,7991): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,8042): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(6,8085): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(6,8625): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,8646): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,8716): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(6,8760): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(6,8803): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(6,8889): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(6,8932): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(6,8968): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(6,10144): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,10171): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,10198): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,10231): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,10264): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,10296): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,10328): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,10358): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,10388): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,10420): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,10452): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,10482): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,11817): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,11850): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,11883): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,11922): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,11961): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,11999): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,12037): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,12073): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,12109): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,12147): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,12185): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,12221): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13557): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13590): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13623): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13662): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13701): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13739): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13777): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13813): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13849): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13887): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13925): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,13961): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15297): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15330): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15363): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15402): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15441): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15479): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15517): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15553): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15589): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15627): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15665): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,15701): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17038): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17071): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17104): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17143): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17182): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17220): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17258): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17294): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17330): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17368): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17406): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,17442): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,18814): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,18849): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,18884): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,18925): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,18966): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19006): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19046): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19084): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19162): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19202): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19240): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19305): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19331): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19378): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19411): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19457): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19499): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19544): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19584): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19628): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,19710): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(6,19764): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(6,19855): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg'
(6,19928): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg'
(6,20416): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,20475): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color'
(6,20555): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,20614): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color'
(6,20653): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,20711): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-active-color'
(6,20765): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,20822): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-hover-color'
(6,20860): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,20882): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,20904): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,20936): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,20966): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,20996): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21025): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21054): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21082): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21121): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(6,21156): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(6,21197): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21219): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21241): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21273): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21303): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21333): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21362): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21391): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21419): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21458): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(6,21493): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(6,21532): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21554): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21576): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21608): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21638): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21668): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21697): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21726): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21754): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21793): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(6,21828): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(6,21864): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21886): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21908): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21940): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,21970): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22000): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22029): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22058): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22086): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22125): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(6,22160): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(6,22199): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22221): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22243): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22275): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22305): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22335): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22364): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22393): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22421): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22460): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(6,22495): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(6,22533): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22555): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22577): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22609): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22639): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22669): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22698): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22727): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22755): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22794): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(6,22829): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(6,22866): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22888): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22910): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22942): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,22972): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23002): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23031): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23060): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23088): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23127): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(6,23162): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(6,23198): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23220): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23242): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23274): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23304): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23334): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23363): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23392): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23420): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,23459): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(6,23494): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(6,46069): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46096): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46124): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46147): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46171): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46221): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46244): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46268): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46294): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46328): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46360): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46400): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46491): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46522): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,46637): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-y'
(6,46661): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-x'
(6,46697): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-family'
(6,46733): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-size'
(6,46769): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-weight'
(6,46807): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-line-height'
(6,46839): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(6,47006): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-width'
(6,47039): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(6,47080): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-radius'
(6,47125): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(6,47346): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(6,47389): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(6,47425): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(6,47486): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(6,47523): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(6,47553): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(6,47605): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(6,47648): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(6,47684): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(6,47738): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(6,47812): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(6,47866): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(6,48002): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(6,48046): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg'
(6,48083): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color'
(6,48297): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(6,48385): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-color'
(6,48451): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-bg'
(6,48490): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-border-color'
(6,48534): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-opacity'
(6,48573): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48593): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48613): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48643): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48669): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48695): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48731): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48768): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48795): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48822): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48859): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48919): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48948): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,48977): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49031): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49051): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49071): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49101): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49127): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49153): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49189): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49227): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49254): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49318): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49378): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49407): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49436): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49488): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49508): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49528): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49558): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49584): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49610): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49646): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49683): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49710): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49737): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49774): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49834): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49863): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49892): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49941): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49961): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,49981): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50011): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50037): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50063): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50099): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50136): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50163): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50190): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50227): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50287): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50316): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50345): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50397): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50417): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50467): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50493): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50519): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50555): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50591): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50618): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50645): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50682): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50742): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50771): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50800): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50851): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50871): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50891): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50921): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50947): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,50973): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51009): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51045): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51072): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51099): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51136): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51225): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51254): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51304): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51324): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51344): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51374): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51400): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51426): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51462): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51500): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51527): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51554): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51591): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51651): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51680): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51709): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51758): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51778): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51798): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51828): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51854): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51880): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51916): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51951): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,51978): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52005): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52042): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52102): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52131): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52160): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52220): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52243): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52273): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52299): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52325): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52361): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52398): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52425): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52452): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52489): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52549): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52581): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52614): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52653): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52695): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52718): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52748): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52774): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52800): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52836): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52874): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52901): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52928): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,52965): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53025): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53057): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53090): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53129): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53169): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53192): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53222): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53248): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53274): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53310): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53346): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53373): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53400): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53497): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53529): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53562): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53601): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53638): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53661): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53691): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53717): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53743): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53779): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53816): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53843): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53870): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53907): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53967): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,53999): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54032): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54071): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54111): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54164): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54190): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54216): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54252): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54288): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54315): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54342): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54379): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54439): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54471): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54504): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54543): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54582): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54605): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54635): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54661): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54687): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54723): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54759): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54786): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54813): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54850): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54910): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54942): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,54975): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55014): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55052): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55075): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55105): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55131): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55157): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55193): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55231): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55258): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55285): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55322): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55382): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55414): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55447): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55486): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55523): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55546): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55576): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55602): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55628): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55664): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55699): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55726): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55753): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55790): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55850): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55882): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55915): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55954): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,55983): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56008): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56044): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56068): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56102): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56150): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56190): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56239): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56280): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56312): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56355): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56380): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56478): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(6,56520): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(6,56568): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56594): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56618): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56645): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56702): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56729): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56755): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,56783): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,57663): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,57689): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,57719): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,57745): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,57776): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,57806): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,57835): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,57863): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,57885): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,57947): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,57984): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58015): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58070): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58130): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58227): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58260): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58299): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58335): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58372): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58409): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58451): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58485): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58522): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58557): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58593): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,58662): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-zindex'
(6,58711): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-min-width'
(6,58748): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-y'
(6,58777): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-x'
(6,58825): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-font-size'
(6,58860): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-color'
(6,58934): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-bg'
(6,58991): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-width'
(6,59029): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-color'
(6,59075): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-radius'
(6,59166): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(6,59208): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,59302): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,59422): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,59522): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,59646): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,59746): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,59870): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,59970): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,60095): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,60195): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,60321): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,60423): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,60591): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(6,60975): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(6,61414): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(6,61943): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-margin-y'
(6,62018): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-bg'
(6,62106): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(6,62140): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(6,62207): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(6,62382): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-color'
(6,62435): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-bg'
(6,62518): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color'
(6,62593): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-bg'
(6,62681): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-disabled-color'
(6,62842): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-y'
(6,62878): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-x'
(6,62954): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-color'
(6,63047): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(6,63081): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(6,63121): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(6,63166): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,63194): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,63219): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,63281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,63308): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,63341): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,63377): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,63437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,63491): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,63528): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,63565): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,63607): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,65845): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,65874): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,65905): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,65933): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,65974): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,66027): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,66176): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-y'
(6,66205): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-x'
(6,66244): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-size'
(6,66285): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-weight'
(6,66322): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-color'
(6,66570): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-hover-color'
(6,66626): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(6,66700): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,66731): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,66766): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,66803): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,66865): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,66905): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,66939): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,67018): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(6,67056): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-color'
(6,67132): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(6,67187): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(6,67260): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(6,67317): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(6,67433): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-hover-border-color'
(6,67540): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(6,67696): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-color'
(6,67750): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-bg'
(6,67797): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-border-color'
(6,67887): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(6,67977): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,68015): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,68053): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,68155): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-border-radius'
(6,68225): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(6,68374): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-color'
(6,68429): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-bg'
(6,68779): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,68803): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,68832): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,68870): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,68913): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,68959): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69003): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69041): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69075): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69111): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69203): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69241): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69279): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69317): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69355): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69619): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69671): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69714): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69754): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,69922): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-y'
(6,69949): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-x'
(6,70237): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(6,70285): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(6,70331): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-margin-end'
(6,70375): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-font-size'
(6,70414): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-color'
(6,70529): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-hover-color'
(6,70571): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,70597): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,70628): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,70656): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,70699): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,70754): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,70965): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(6,71096): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(6,71182): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(6,71300): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-y'
(6,71335): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-x'
(6,71380): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-font-size'
(6,71435): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(6,71494): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(6,71523): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-color'
(6,71575): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-radius'
(6,71625): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-transition'
(6,71846): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-focus-width'
(6,71989): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-icon-bg'
(6,72128): run-time error CSS1039: Token not allowed after unary operator: '-bs-scroll-height'
(6,72426): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,72475): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,73340): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,73389): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,74254): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,74303): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,75169): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,75218): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,76088): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,76137): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,76971): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,77020): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6,77621): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,77665): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,77715): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,77768): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,77798): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,77827): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,77862): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,77920): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78196): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78220): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78244): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78276): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78303): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78361): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78394): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78417): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78468): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78499): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78528): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78565): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78587): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78606): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78624): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78642): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78677): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,78785): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-height'
(6,78845): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(6,78897): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(6,78931): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(6,78973): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius'
(6,79171): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,79230): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,79343): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,79404): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,79547): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-y'
(6,79571): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(6,79601): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-color'
(6,79648): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(6,79715): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(6,79834): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(6,79879): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(6,79908): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6,79959): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(6,80001): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(6,80037): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(6,80071): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(6,80138): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,80173): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,80233): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(6,80262): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6,80297): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(6,80339): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(6,80372): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(6,80406): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(6,80476): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,80511): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,80588): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6,80642): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(6,80695): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6,80793): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(6,80831): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(6,80892): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6,80945): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6,81049): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-img-overlay-padding'
(6,81098): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,81232): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,81291): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,81380): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,81441): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6,81508): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-group-margin'
(6,82395): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,82424): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,82447): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,82617): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,82668): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,82700): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,82738): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,82794): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,82831): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,82865): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,82898): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,82943): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,83239): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,83277): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,83327): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,83389): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,83692): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,83738): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,83813): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,83851): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,83886): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,83922): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,84047): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-y'
(6,84081): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-x'
(6,84136): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-color'
(6,84199): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-bg'
(6,84283): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-transition'
(6,84428): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-color'
(6,84478): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-bg'
(6,84537): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(6,84573): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(6,84664): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-active-icon'
(6,84710): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transform'
(6,84794): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(6,84836): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(6,84916): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon'
(6,84989): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(6,85035): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transition'
(6,85237): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-border-color'
(6,85301): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-box-shadow'
(6,85398): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-color'
(6,85441): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-bg'
(6,85471): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(6,85510): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(6,85596): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6,85654): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6,85759): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6,85823): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6,85968): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6,86028): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6,86146): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6,86212): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6,86328): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6,86388): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6,86446): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-y'
(6,86481): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-x'
(6,86899): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,86927): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,86955): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,86990): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,87011): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,87043): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,87081): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,87119): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,87202): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-y'
(6,87233): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-x'
(6,87278): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-margin-bottom'
(6,87323): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-font-size'
(6,87387): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-bg'
(6,87425): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-border-radius'
(6,87507): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(6,87610): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(6,87652): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider-color'
(6,87695): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider'
(6,87759): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-active-color'
(6,87805): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,87839): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,87874): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,87905): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,87948): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,87972): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88005): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88042): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88081): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88136): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88169): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88212): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88267): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88300): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88372): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88406): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88440): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88484): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88523): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88556): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,88702): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-y'
(6,88733): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-x'
(6,88774): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-font-size'
(6,88811): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-color'
(6,88876): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-bg'
(6,88907): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-width'
(6,88947): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-color'
(6,89207): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-color'
(6,89257): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-bg'
(6,89300): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-border-color'
(6,89373): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-color'
(6,89423): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-bg'
(6,89474): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-box-shadow'
(6,89565): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-color'
(6,89616): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-bg'
(6,89660): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-border-color'
(6,89748): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-color'
(6,89821): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-bg'
(6,89867): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-border-color'
(6,90024): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6,90085): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6,90177): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6,90239): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6,90284): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90317): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90351): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90385): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90470): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90504): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90539): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90584): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90612): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90640): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90668): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90695): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90717): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,90785): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-y'
(6,90811): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-x'
(6,90847): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-size'
(6,90885): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-weight'
(6,90933): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-color'
(6,91030): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-border-radius'
(6,91127): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,91153): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,91179): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,91205): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,91235): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,91260): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,91296): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,91353): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,91418): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-y'
(6,91444): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-x'
(6,91484): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-margin-bottom'
(6,91520): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-color'
(6,91559): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-bg'
(6,91585): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border'
(6,91622): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border-radius'
(6,91850): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,91875): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,91897): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,91987): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92012): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92034): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92124): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92149): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92171): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92256): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92303): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92388): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92413): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92435): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92522): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92547): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92569): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92654): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92679): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92701): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92784): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92809): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92831): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,92974): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,93000): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,93032): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,93057): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,93094): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,93156): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,93185): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,93214): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,93284): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(6,93336): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-font-size'
(6,93382): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bg'
(6,93418): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-border-radius'
(6,93545): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-color'
(6,93628): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-bg'
(6,93665): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-transition'
(6,93985): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(6,94011): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(6,94195): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94225): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94249): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94299): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94332): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94371): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94407): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94445): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94482): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94525): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94565): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94609): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94650): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94689): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94722): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94756): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94790): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,94919): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,95167): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-color'
(6,95296): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-color'
(6,95374): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-bg'
(6,95448): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-color'
(6,95506): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-bg'
(6,95601): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-y'
(6,95637): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-x'
(6,95679): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-color'
(6,95744): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-bg'
(6,95775): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,95815): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-color'
(6,96096): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-color'
(6,96169): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-bg'
(6,96242): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-color'
(6,96293): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-bg'
(6,96337): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-border-color'
(6,96493): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,96545): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,96716): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,96870): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,97067): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,97207): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,97260): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,97462): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,97619): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,97822): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,97965): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,98018): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,98221): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,98378): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,98581): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,98724): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,98777): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,98980): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,99137): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,99340): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,99483): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,99536): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,99740): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,99897): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,100100): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,100243): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,100296): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,100502): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,100660): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6,100865): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,101009): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,101062): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,101183): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6,104688): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,104711): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,104740): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,104768): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,104794): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,104821): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,104851): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,104870): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,104910): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,104938): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,104997): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,105031): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,105087): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,105119): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,105166): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,105228): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-max-width'
(6,105279): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-font-size'
(6,105311): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-color'
(6,105370): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-bg'
(6,105424): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(6,105459): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-color'
(6,105499): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-box-shadow'
(6,105540): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(6,105638): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,105692): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-zindex'
(6,105866): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-spacing'
(6,105944): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-y'
(6,105970): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(6,106002): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-color'
(6,106048): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-bg'
(6,106116): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(6,106151): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-border-color'
(6,106215): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(6,106247): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(6,106306): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(6,106338): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(6,106417): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(6,106456): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(6,106502): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(6,106551): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106574): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106597): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106621): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106646): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106665): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106684): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106743): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106771): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106803): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106865): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106915): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106948): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,106981): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,107017): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,107071): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,107106): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,107139): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,107168): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,107191): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,107245): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,107321): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-zindex'
(6,107474): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(6,107829): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(6,108060): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(6,108173): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-color'
(6,108232): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-bg'
(6,108286): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-width'
(6,108321): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-color'
(6,108364): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-radius'
(6,108415): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,108441): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,108463): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,108530): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-zindex'
(6,108598): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-bg'
(6,108680): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-opacity'
(6,108805): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding'
(6,108850): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-width'
(6,108892): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-color'
(6,108951): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(6,109011): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(6,109085): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(6,109129): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(6,109186): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(6,109231): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(6,109276): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(6,109356): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-title-line-height'
(6,109442): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(6,109579): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(6,109605): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(6,109655): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-bg'
(6,109692): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-width'
(6,109734): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-color'
(6,109797): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(6,109859): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(6,109923): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(6,109983): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,110009): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,110094): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-width'
(6,110156): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,110225): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,110285): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112243): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112268): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112297): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112327): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112358): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112380): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112412): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112436): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112457): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112493): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112518): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112550): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,112596): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-zindex'
(6,112643): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6,112681): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-margin'
(6,112718): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(6,112990): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-font-size'
(6,113071): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-opacity'
(6,113141): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6,113178): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6,113543): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6,113579): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6,113634): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6,113761): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6,113799): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6,113967): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6,114003): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6,114039): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6,114096): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6,114365): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6,114401): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6,114452): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6,114581): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6,114619): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6,114787): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6,114830): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(6,114866): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(6,114915): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6,114961): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-max-width'
(6,114997): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-y'
(6,115025): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-x'
(6,115059): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color'
(6,115118): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(6,115153): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-border-radius'
(6,115189): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115214): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115243): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115275): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115296): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115326): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115387): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115421): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115473): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115531): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115566): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115603): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115638): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115666): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115697): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115730): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115763): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115795): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115825): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115858): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,115928): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-zindex'
(6,115977): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-max-width'
(6,116017): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(6,116289): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-font-size'
(6,116355): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6,116411): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6,116448): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(6,116493): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-radius'
(6,116569): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6,116606): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6,116911): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6,116945): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6,117202): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6,117238): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6,117409): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6,117552): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6,117600): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6,117730): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6,117764): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6,117802): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6,117840): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6,118104): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6,118140): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6,118176): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6,118349): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6,118492): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6,118542): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6,118675): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6,118709): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6,118985): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6,119021): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6,119191): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6,119337): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6,119388): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6,119577): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6,119630): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6,119686): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6,119723): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(6,119862): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6,119896): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6,119934): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6,119972): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6,120238): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6,120281): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(6,120317): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(6,120484): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(6,120629): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6,120678): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(6,120723): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-y'
(6,120758): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-x'
(6,120819): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-font-size'
(6,120860): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-color'
(6,120908): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(6,120950): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(6,120987): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(6,121041): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(6,121103): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(6,121198): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-y'
(6,121231): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-x'
(6,121270): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-color'
(6,124993): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-width'
(6,125024): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-height'
(6,125064): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-vertical-align'
(6,125125): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-speed'
(6,125175): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-name'
(6,125274): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125298): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125323): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125360): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125393): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125428): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125483): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-border-width'
(6,125578): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125602): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125627): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125749): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125773): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125798): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125835): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125870): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125968): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,125992): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126086): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126203): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126230): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126257): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126284): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126344): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126367): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126390): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126422): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126485): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,126630): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6,126713): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6,126774): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6,127045): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,127084): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,127123): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,127261): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,127299): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,127338): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,127483): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,127540): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,127579): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,127722): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,127776): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,127815): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,128118): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,128145): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,128462): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6,128545): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6,128606): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6,128877): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,128916): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,128955): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,129093): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,129131): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,129170): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,129315): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,129372): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,129411): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,129554): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,129608): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,129647): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,129950): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,129977): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,130294): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6,130377): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6,130438): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6,130709): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,130748): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,130787): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,130925): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,130963): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,131002): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,131147): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,131204): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,131243): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,131386): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,131440): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,131479): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,131782): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,131809): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,132127): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6,132210): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6,132271): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6,132544): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,132583): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,132622): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,132761): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,132799): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,132838): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,132984): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,133041): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,133080): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,133224): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,133278): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,133317): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,133623): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,133650): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,133969): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6,134052): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6,134113): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6,134388): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,134427): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,134466): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,134606): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,134644): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,134683): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,134830): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,134887): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,134926): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,135071): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,135125): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,135164): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,135476): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,135503): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,135791): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex'
(6,135874): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(6,135935): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(6,136146): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,136185): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,136224): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,136330): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(6,136368): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,136407): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,136520): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,136577): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,136616): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,136727): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(6,136781): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(6,136820): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(6,137282): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(6,137312): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(6,137384): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(6,137425): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(6,137483): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(6,137538): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(6,137594): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(6,137710): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(6,137740): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(6,138668): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,138776): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,138880): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,138982): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,139086): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,139189): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,139293): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,139393): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,140299): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio'
(6,140402): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,140436): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,140470): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,140507): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,144543): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(6,144566): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(6,144589): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(6,144674): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(6,144697): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(6,144720): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(6,144815): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(6,144838): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(6,144861): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(6,144962): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(6,144985): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(6,145008): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(6,145110): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(6,145133): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(6,145156): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(6,145240): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,145285): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(6,145307): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(6,145356): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,145401): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(6,145425): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(6,145472): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,145517): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(6,145539): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(6,145583): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,145628): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(6,145647): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(6,145694): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,145739): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(6,145761): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(6,145807): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,145852): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(6,145873): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(6,145918): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,145963): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(6,145983): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(6,146027): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,146072): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(6,146091): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(6,146136): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,146181): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(6,146201): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(6,146242): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,146274): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,146306): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,146338): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,146370): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,146411): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,146454): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,146498): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,146541): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,146586): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,153043): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(6,154395): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,154431): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(6,154453): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(6,154498): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,154534): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(6,154558): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(6,154601): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,154637): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(6,154659): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(6,154699): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,154735): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(6,154754): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(6,154797): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,154833): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(6,154855): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(6,154897): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,154933): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(6,154954): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(6,154995): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155031): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(6,155051): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(6,155091): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155127): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(6,155146): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(6,155187): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155223): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(6,155243): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(6,155284): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155320): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(6,155340): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(6,155380): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155416): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(6,155441): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(6,155482): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155541): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155607): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155676): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155737): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155777): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155816): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155857): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155889): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,155934): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(6,155956): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,155997): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,156042): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(6,156066): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,156105): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,156150): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(6,156172): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,156208): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,156253): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(6,156272): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,156311): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,156356): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(6,156378): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,156416): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,156461): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(6,156482): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,156519): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,156564): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(6,156584): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,156620): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,156665): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(6,156684): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,156721): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,156766): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(6,156786): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,156823): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,156868): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(6,156888): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,156924): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,156969): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb'
(6,156991): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(6,157034): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,157106): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,157141): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,157177): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,157212): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,157249): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,157302): run-time error CSS1039: Token not allowed after unary operator: '-bs-gradient'
(6,157764): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6,157860): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(6,157922): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6,157981): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(6,158043): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(6,158105): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-2xl'
(6,158215): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(6,158290): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6,158348): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6,158419): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6,158480): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6,158557): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6,158617): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6,158692): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6,158749): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(180,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(202,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(208,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(210,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(212,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(214,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(215,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(218,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(226,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(231,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(232,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(238,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(239,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(240,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(245,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(247,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(249,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(250,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(251,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(252,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(253,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(254,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(255,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(256,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(257,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(258,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(259,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(260,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(261,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(262,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(263,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(264,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(265,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(266,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(267,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(268,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(269,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(270,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(271,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(273,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(281,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(284,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(285,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(288,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(289,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(291,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(292,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(293,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(295,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(301,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(312,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(313,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(327,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(332,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(333,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(336,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(337,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(338,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(340,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(341,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(342,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(343,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(344,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(345,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(346,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(347,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(348,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(349,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(350,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(351,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(352,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(353,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(354,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(355,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(356,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(357,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(358,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(359,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(360,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(361,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(362,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(363,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(364,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(365,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(366,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(367,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(368,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(370,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(371,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(372,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(373,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(374,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(375,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(376,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(377,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(378,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(379,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(380,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(381,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(382,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(384,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(385,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(386,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(387,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(388,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(389,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(390,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(391,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(392,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(393,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(394,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(395,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(396,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(397,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(399,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(400,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(401,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(402,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(407,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(408,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(414,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(420,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(426,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(427,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(428,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(434,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(440,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(441,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(442,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(443,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(449,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(455,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(527,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(528,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(529,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(541,35): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(545,22): run-time error CSS1039: Token not allowed after unary operator: '-default-border'
(562,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(566,17): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(575,26): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(602,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(669,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(671,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(734,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(735,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(741,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(742,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(746,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(749,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(839,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(877,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(886,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(890,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(894,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(963,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(967,30): run-time error CSS1046: Expect comma, found '30'
(967,36): run-time error CSS1046: Expect comma, found '/'
(972,29): run-time error CSS1046: Expect comma, found '8'
(972,34): run-time error CSS1046: Expect comma, found '/'
(980,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(995,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(997,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(998,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1003,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(1009,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(1012,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(1016,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(1021,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1028,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1031,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1035,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1044,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(1048,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(1077,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(1083,32): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(1091,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(1112,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1182,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(1183,31): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(1212,36): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(1222,36): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color'
(1223,36): run-time error CSS1039: Token not allowed after unary operator: '-salmon-light-color'
(1231,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(1232,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1261,21): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(1279,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(1280,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1293,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(1297,32): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1323,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1325,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(1328,39): run-time error CSS1046: Expect comma, found '0'
(1328,43): run-time error CSS1046: Expect comma, found '/'
(1343,39): run-time error CSS1046: Expect comma, found '0'
(1343,43): run-time error CSS1046: Expect comma, found '/'
(1352,49): run-time error CSS1046: Expect comma, found '251'
(1352,56): run-time error CSS1046: Expect comma, found ')'
(1352,71): run-time error CSS1046: Expect comma, found '255'
(1352,78): run-time error CSS1046: Expect comma, found ')'
(1375,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(1376,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(1377,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(1391,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(1408,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(1416,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1444,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(1445,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(1453,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1490,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(1491,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1492,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(1499,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(1510,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(1527,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1542,12): run-time error CSS1038: Expected hex color, found '#ffff'
(1575,16): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1590,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1596,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1618,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1654,12): run-time error CSS1038: Expected hex color, found '#ffff'
(1679,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(1866,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1870,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1911,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(1912,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(1923,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(1932,30): run-time error CSS1046: Expect comma, found '18'
(1932,36): run-time error CSS1046: Expect comma, found '/'
(1951,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(1955,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(1956,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1962,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(1977,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1981,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2184,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-bg-color'
(2185,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-box-shadow'
(2200,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2208,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2215,22): run-time error CSS1039: Token not allowed after unary operator: '-ot-bg-color'
(2219,22): run-time error CSS1039: Token not allowed after unary operator: '-ct-bg-color'
(2223,22): run-time error CSS1039: Token not allowed after unary operator: '-oc-bg-color'
(2227,22): run-time error CSS1039: Token not allowed after unary operator: '-gm-bg-color'
(2371,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(2378,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(2401,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2423,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2439,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(2440,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2448,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2458,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2463,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(2464,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2465,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(2473,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(2474,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2533,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(2539,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2544,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(2560,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2639,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(2640,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(2756,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(2880,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-back-bg'
(2885,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-border-color'
(2889,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-border-color'
(2890,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-back-bg'
(2894,24): run-time error CSS1039: Token not allowed after unary operator: '-tag-border-color'
(2935,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-pattern'
(3068,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3177,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3179,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(3196,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(3200,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3201,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3202,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3203,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3210,31): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(3221,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3230,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(3235,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3236,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3242,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3266,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3267,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(3268,28): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(3274,32): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(3292,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(3293,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3297,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3301,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3302,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3306,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3310,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3320,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-light-bottom'
(3321,28): run-time error CSS1039: Token not allowed after unary operator: '-gradient-light-bottom'
(3331,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3332,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3336,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3340,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3345,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3349,24): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(3353,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3357,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3361,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3370,45): run-time error CSS1039: Token not allowed after unary operator: '-dark-gradient-primary'
(3370,85): run-time error CSS1046: Expect comma, found '255'
(3370,93): run-time error CSS1046: Expect comma, found '/'
(3374,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-back-bg'
(3386,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3387,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3400,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3405,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3406,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3410,21): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3417,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3422,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3432,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3433,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-1'
(3434,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-box-shadow'
(3435,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3443,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3444,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3445,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-bg-color'
(3450,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3451,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3452,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3459,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3466,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(3470,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-right-bubble'
(3480,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3484,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3489,38): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3493,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(3497,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3502,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3508,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(3513,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3517,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3526,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3530,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(3534,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3539,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3543,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3547,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3551,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-overlay-bg'
(3555,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(3556,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(3557,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(3561,32): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(3562,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(3571,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border'
(3576,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3580,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3584,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3585,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3589,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3598,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3599,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3603,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-bg-color'
(3611,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3612,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3622,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3623,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3624,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3628,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3629,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3633,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3634,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(3638,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3642,30): run-time error CSS1046: Expect comma, found '155'
(3642,38): run-time error CSS1046: Expect comma, found '/'
(3646,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3652,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(3653,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-box-shadow'
(3654,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-1'
(3667,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3676,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3681,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3685,33): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(3691,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(3696,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(3701,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3707,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3711,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3715,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3719,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3721,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3726,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3730,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3731,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3732,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3736,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3741,32): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-hr-color'
(3755,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3761,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(3769,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3773,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3774,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3778,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3779,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3783,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(3784,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(3785,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(3789,32): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(3801,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3809,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3826,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3830,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3835,37): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3840,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(3849,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3862,46): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3862,92): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3863,38): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3863,84): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3868,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3872,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(3873,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(3874,28): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(3878,28): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(3879,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(3883,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(3891,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3895,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(3900,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(3914,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3918,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(3931,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3977,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(4006,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(4016,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(4021,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(4032,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(4033,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4047,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4054,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(4077,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4080,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4081,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(4102,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4139,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4158,29): run-time error CSS1046: Expect comma, found '2'
(4158,33): run-time error CSS1046: Expect comma, found '/'
(4169,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4184,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4204,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4294,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(4297,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4298,24): run-time error CSS1046: Expect comma, found '153'
(4298,32): run-time error CSS1046: Expect comma, found '/'
(4299,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(4327,40): run-time error CSS1046: Expect comma, found '0'
(4327,44): run-time error CSS1046: Expect comma, found '/'
(4344,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4358,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(4379,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(4470,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-bg-color'
(4474,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(4480,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(4485,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4500,29): run-time error CSS1046: Expect comma, found '0'
(4500,33): run-time error CSS1046: Expect comma, found '/'
(4515,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(4516,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(4539,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(4540,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(4705,60): run-time error CSS1046: Expect comma, found '233'
(4705,67): run-time error CSS1046: Expect comma, found ')'
(4705,82): run-time error CSS1046: Expect comma, found '176'
(4705,89): run-time error CSS1046: Expect comma, found '/'
(4726,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(4729,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(4733,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4739,26): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(4740,26): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow-1'
(4741,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(4745,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(4746,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(4747,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-bg-color'
(4751,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(4752,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-1'
(4753,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-box-shadow'
(4754,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(4771,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(4781,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(4784,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4813,60): run-time error CSS1046: Expect comma, found '89'
(4813,64): run-time error CSS1046: Expect comma, found ')'
(4813,79): run-time error CSS1046: Expect comma, found '88'
(4813,84): run-time error CSS1046: Expect comma, found '/'
(4829,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(4898,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(5020,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(5032,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(5034,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(5075,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(5186,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(5202,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(5225,38): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(5262,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(5270,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(5273,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(5277,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(5282,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(5283,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5284,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5289,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5299,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-bg-color'
(5313,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5340,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(5387,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(5388,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(5389,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5397,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(5398,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5407,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(5411,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5499,59): run-time error CSS1046: Expect comma, found '255'
(5499,67): run-time error CSS1046: Expect comma, found '/'
(5499,99): run-time error CSS1046: Expect comma, found '255'
(5499,107): run-time error CSS1046: Expect comma, found '/'
(5500,51): run-time error CSS1046: Expect comma, found '255'
(5500,59): run-time error CSS1046: Expect comma, found '/'
(5500,91): run-time error CSS1046: Expect comma, found '255'
(5500,99): run-time error CSS1046: Expect comma, found '/'
(5511,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(5512,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(5522,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(5526,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(5547,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(5548,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(5549,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5553,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(5554,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(5583,36): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(5584,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(5588,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(5592,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(5593,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5597,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(5598,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(5609,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(5675,30): run-time error CSS1039: Token not allowed after unary operator: '-tb-secondary-bg'
(5696,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(5698,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-1'
(5728,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5736,34): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(5839,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(5847,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(5852,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5863,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(5881,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5882,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(5883,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(5885,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(5896,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(5923,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(5928,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(5929,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(5933,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(5934,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(5935,31): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(5947,16): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-7'
(5995,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6003,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(6004,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(6005,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6015,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6017,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(6021,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(6025,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(6031,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg-color'
(6034,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6043,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6057,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6085,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(6090,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6092,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(6121,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6127,32): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(6132,16): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(6138,16): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(6142,16): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(6146,16): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(6158,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6159,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(6191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6204,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6221,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(6236,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(6239,24): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(6248,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(6253,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6293,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6301,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(6302,33): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(6304,21): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(6305,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6340,28): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(6349,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(6384,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(6385,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(6423,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(6429,30): run-time error CSS1046: Expect comma, found '53'
(6429,37): run-time error CSS1046: Expect comma, found '/'
(6448,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6449,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6457,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6458,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6462,38): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(6478,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(6504,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6610,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(6615,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6652,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(6663,35): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(6665,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6666,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(6670,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(6679,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(6680,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6722,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-bg'
(6723,17): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(6759,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(6784,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(6798,30): run-time error CSS1046: Expect comma, found '110'
(6798,38): run-time error CSS1046: Expect comma, found '/'
(6800,20): run-time error CSS1046: Expect comma, found '110'
(6800,28): run-time error CSS1046: Expect comma, found '/'
(6818,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(6831,18): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(6870,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(6872,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(6873,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(6874,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6876,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(6881,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(6883,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(6888,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(6890,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(6894,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(6896,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(6900,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(6901,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6902,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(6918,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(6919,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(6920,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(6951,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(6966,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(6973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6977,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(6984,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7030,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(7103,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7105,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(7109,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(7169,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7176,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7191,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7204,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(7207,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7209,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(7212,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(7248,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7322,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7348,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7352,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(7353,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(7355,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7356,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7360,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(7426,31): run-time error CSS1046: Expect comma, found '255'
(7426,39): run-time error CSS1046: Expect comma, found '/'
(7440,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7458,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(7490,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(7505,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7550,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7552,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(7556,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(7560,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(7564,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(7569,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(7573,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(7577,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(7581,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(7585,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7586,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(7592,35): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(7593,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(7594,20): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(7603,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(7605,19): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(7617,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7625,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7631,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(7656,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(7661,30): run-time error CSS1046: Expect comma, found '21'
(7661,36): run-time error CSS1046: Expect comma, found '/'
(7662,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7672,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7676,38): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(7680,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(7680,55): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(7684,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7711,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7729,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(7747,23): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(7749,22): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(7750,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7755,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(7789,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7801,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7814,38): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(7815,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(7819,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(7820,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(7853,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7854,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(7864,42): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(7870,42): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(7932,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(7950,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(7951,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(7974,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7983,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(7986,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(7991,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(7993,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(7994,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(7996,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8009,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-2'
(8014,29): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(8045,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(8069,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-input-mh'
(8076,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(8092,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(8093,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8094,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(8098,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8102,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-2'
(8103,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8105,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(8108,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8122,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(8133,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(8137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8145,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(8153,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(8156,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8164,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(8211,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(8215,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(8258,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(8281,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(8292,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(8293,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(8299,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(8303,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(8411,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(8412,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8422,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(8423,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(8424,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8428,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-pattern'
(8429,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8447,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8503,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(8504,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(8505,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8571,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(8575,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(8576,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8597,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(8603,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8610,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(8611,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8615,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(8636,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(8652,18): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(8660,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8666,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(8673,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(8673,55): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(8682,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(8698,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-bg'
(8699,17): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(8703,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-color'
(8704,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(8708,31): run-time error CSS1046: Expect comma, found '223'
(8708,38): run-time error CSS1046: Expect comma, found ')'
(8709,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8733,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(8734,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8736,28): run-time error CSS1039: Token not allowed after unary operator: '-p--border-1'
(8781,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(8791,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8793,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(8806,30): run-time error CSS1039: Token not allowed after unary operator: '-p--border-1'
(8833,28): run-time error CSS1039: Token not allowed after unary operator: '-p--border-1'
(8834,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(8896,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(9005,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9007,31): run-time error CSS1039: Token not allowed after unary operator: '-lh'
(9007,43): run-time error CSS1039: Token not allowed after unary operator: '-max-lines'
(9009,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(9024,34): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(9026,25): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(9044,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(9049,21): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(9053,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(9053,56): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(9057,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(9064,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9065,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(9094,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(9218,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(9219,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9226,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9241,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(9247,17): run-time error CSS1039: Token not allowed after unary operator: '-bg--def-txt-col'
(9271,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9326,22): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(9328,28): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(9339,32): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(9350,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9361,23): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(9362,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(9363,19): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(9365,30): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(9369,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9377,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9385,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(9386,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9391,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color2'
(9392,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9393,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color'
(9397,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9398,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9405,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(9411,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9422,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9429,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9434,22): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(9438,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(9452,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(9458,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9462,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9466,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9467,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9471,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(9472,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9506,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(9508,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9513,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9526,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(9542,40): run-time error CSS1046: Expect comma, found '65'
(9542,46): run-time error CSS1046: Expect comma, found '/'
(9547,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(9553,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(9572,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9576,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue'
(9593,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9605,18): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9611,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(9614,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9623,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(9638,32): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(9644,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(9649,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(9650,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9655,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9663,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(9678,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(9679,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(9681,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9687,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(9688,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9689,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9694,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9702,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9707,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9722,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9728,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(9735,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(9737,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9739,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(9763,33): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(9786,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9818,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(9819,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(9827,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(9828,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9841,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9851,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9867,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(9873,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9877,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(9879,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9882,26): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(9884,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9894,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(9895,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(9899,27): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(9918,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(9938,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(9943,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(9947,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(9953,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(9954,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(9970,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9974,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(9975,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(9976,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(9983,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9988,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(9989,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(9995,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(10005,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(10008,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10023,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(10030,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(10031,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(10035,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-opacity-color'
(10038,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(10062,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(10083,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(10110,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(10144,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10158,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(10163,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10170,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10184,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(10233,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(10235,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10243,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(10254,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(10255,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(10257,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(10261,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10264,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10265,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(10283,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(10287,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10291,31): run-time error CSS1046: Expect comma, found '245'
(10291,39): run-time error CSS1046: Expect comma, found '/'
(10298,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(10300,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(10303,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10309,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(10313,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(10355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10356,18): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(10372,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(10390,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10402,27): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(10404,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(10405,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(10409,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(10490,18): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(10498,18): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(10506,18): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(10539,18): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-relsp-border-color'
(10556,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10567,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(10618,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(10619,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10625,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(10813,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(10817,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(10862,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10892,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(10900,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(10983,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(10984,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10985,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(10989,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(10993,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(10994,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10995,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(11012,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(11178,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11215,28): run-time error CSS1039: Token not allowed after unary operator: '-Gradient-2'
(11282,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(11283,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(11288,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(11305,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11313,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(11317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11324,22): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(11329,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11343,35): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(11350,34): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(11354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11355,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(11390,23): run-time error CSS1039: Token not allowed after unary operator: '-p-sb-block-width'
(11408,31): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(11421,17): run-time error CSS1039: Token not allowed after unary operator: '-p-sb-block-width'
(11422,34): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(11425,15): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(11426,31): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(11432,31): run-time error CSS1039: Token not allowed after unary operator: '-cb-header'
(11449,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(11454,35): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(11455,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(11459,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(11486,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11490,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(11495,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(11496,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(11498,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11510,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(11511,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(11527,30): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(11534,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11536,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(11537,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-1'
(11552,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(11553,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11564,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(11565,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(11602,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(11606,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(11614,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(11616,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11620,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(11632,22): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(11645,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11654,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(11663,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(11670,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(11674,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(11678,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(11691,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(11702,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(11704,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(11705,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(11725,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(11727,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(11728,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-4'
(11769,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11778,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11823,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11835,18): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(11836,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-height'
(11837,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-height'
(11839,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(11847,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(11848,28): run-time error CSS1039: Token not allowed after unary operator: '-p--border-1'
(11887,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11891,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11912,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11927,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(11948,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(11949,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(11960,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(11968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12019,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12020,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(12036,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12065,18): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(12066,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(12095,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(12096,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(12102,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12112,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(12116,18): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(12140,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12214,28): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(12215,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(12227,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(12237,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(12238,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12327,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(12328,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(12348,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(12369,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(12379,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(12383,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(12422,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12427,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(12427,54): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(12427,84): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(12436,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(12452,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(12486,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12510,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(12536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12540,18): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(12544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12572,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(12608,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(12617,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(12630,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(12638,21): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(12642,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(12643,24): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(12667,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(12668,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(12669,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(12670,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(12675,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(12681,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(12694,18): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(12698,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(12712,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(12767,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(12768,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(12772,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(12794,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(12795,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(12803,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(12845,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h6'
(12846,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(12916,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(12925,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(13014,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13138,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13145,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(13146,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(13148,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13149,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(13184,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(13191,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(13192,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(13197,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13198,41): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13202,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(13255,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13336,67): run-time error CSS1046: Expect comma, found '219'
(13336,75): run-time error CSS1046: Expect comma, found '/'
(13340,53): run-time error CSS1039: Token not allowed after unary operator: '-tw-gradient-stops'
(13344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13380,25): run-time error CSS1039: Token not allowed after unary operator: '-card-radius'
(13383,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(13406,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13413,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(13460,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(13535,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(13539,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(13546,25): run-time error CSS1046: Expect comma, found '255'
(13546,33): run-time error CSS1046: Expect comma, found '/'
(13547,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(13549,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(13551,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(13556,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(13577,18): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(13593,16): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(13624,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13634,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(13635,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(13658,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(13706,27): run-time error CSS1046: Expect comma, found '153'
(13706,35): run-time error CSS1046: Expect comma, found '/'
(13710,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(13714,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(13749,24): run-time error CSS1046: Expect comma, found '23'
(13749,29): run-time error CSS1046: Expect comma, found ')'
(13985,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(13999,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(14000,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(14164,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(14291,24): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(14332,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(14357,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(15201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15220,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15221,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15222,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15223,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15224,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15225,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15226,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15227,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15228,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15229,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15230,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15231,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15232,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15233,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15234,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15235,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15236,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15237,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15238,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15239,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15240,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15241,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15242,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15246,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15247,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15248,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15249,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15250,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15251,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15252,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15253,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15254,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15255,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15256,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15257,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15258,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15259,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15260,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15261,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15262,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15263,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15264,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15269,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15275,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15276,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15286,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(15287,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(15288,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(15303,34): run-time error CSS1046: Expect comma, found '30'
(15303,40): run-time error CSS1046: Expect comma, found '/'
(15334,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(15335,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-2'
(15337,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(15347,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15356,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(15359,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(15365,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(15373,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15384,22): run-time error CSS1039: Token not allowed after unary operator: '-Brand-Gradient'
(15385,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(15407,24): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-padding'
(15408,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(15413,26): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width'
(15414,27): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(15415,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15424,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(15425,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(15426,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15435,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(15441,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(15458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15459,17): run-time error CSS1039: Token not allowed after unary operator: '-circle-banner-chart'
(15460,18): run-time error CSS1039: Token not allowed after unary operator: '-circle-banner-chart'
(15467,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(15468,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15488,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(15507,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(15551,17): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(15587,16): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(15591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15596,16): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(15649,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(15660,16): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(15666,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(15710,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(15741,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(15790,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(15867,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(15880,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(15900,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(15901,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(15903,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(15921,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(15928,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(15930,26): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(15931,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15938,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(15939,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(15940,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(15942,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(15944,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(15972,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-bg'
(15973,17): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(15977,28): run-time error CSS1039: Token not allowed after unary operator: '-incomplete-bg'
(15978,17): run-time error CSS1039: Token not allowed after unary operator: '-incomplete-tc'
(15982,28): run-time error CSS1039: Token not allowed after unary operator: '-complete-bg'
(15983,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(15992,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(15994,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(15995,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(15996,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(15998,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(16006,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(16008,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(16009,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(16010,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16012,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(16083,18): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(16095,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(16096,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(16106,16): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(16196,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(16201,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(16211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16212,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(16213,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(16214,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(16218,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(16224,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(16244,32): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(16252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16253,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(16254,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-ai'
(16255,16): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(16273,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(16274,16): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(16279,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(16296,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(16298,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(16299,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(16365,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(16366,16): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(16370,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(16375,18): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(16381,18): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(16385,18): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(16389,16): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(16394,16): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(16399,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(16400,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16402,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(16403,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(16406,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(16411,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(16426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16427,17): run-time error CSS1039: Token not allowed after unary operator: '-play-btn-width'
(16428,18): run-time error CSS1039: Token not allowed after unary operator: '-play-btn-width'
(16433,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16438,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16443,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16449,19): run-time error CSS1039: Token not allowed after unary operator: '-grid-table-padding'
(16459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16472,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width'
(16473,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(16474,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(16475,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(16476,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(16481,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(16484,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(16492,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(16501,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(16511,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(16521,24): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(16523,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(16531,24): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(16533,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(16539,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(16541,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(16545,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(16551,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(16561,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(16562,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16573,24): run-time error CSS1039: Token not allowed after unary operator: '-disabled-border-color'
(16574,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled-text-color'
(16579,22): run-time error CSS1039: Token not allowed after unary operator: '-disabled-text-color'
(16583,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(16586,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(16594,32): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(16602,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(16603,24): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(16637,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width2'
(16638,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(16639,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(16640,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(16645,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(16647,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(16648,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16654,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(16661,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(16668,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(16672,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(16684,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(16689,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(16690,19): run-time error CSS1046: Expect comma, found '53'
(16690,26): run-time error CSS1046: Expect comma, found '/'
(16691,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(16697,20): run-time error CSS1046: Expect comma, found '221'
(16697,28): run-time error CSS1046: Expect comma, found '/'
(16710,19): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-padding'
(16711,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(16712,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(16713,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-2xl'
(16717,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width'
(16718,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(16719,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(16721,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(16728,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(16733,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(16745,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(16746,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(16761,28): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(16762,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(16763,28): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(16771,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(16774,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(16775,18): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(16782,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16795,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16796,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(16806,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16814,32): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(16817,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(16818,32): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(16826,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(16827,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(16828,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16832,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(16834,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16839,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16895,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(16896,31): run-time error CSS1046: Expect comma, found '120'
(16896,39): run-time error CSS1046: Expect comma, found '/'
(16897,28): run-time error CSS1039: Token not allowed after unary operator: '-ot-bg-color'
(16901,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-btn-bg-color'
(16902,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(16903,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-3'
(16908,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(16920,32): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(16921,21): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(16925,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(16929,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(16934,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16941,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(16942,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(16943,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16949,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(16950,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-input-boxshadow'
(16951,27): run-time error CSS1039: Token not allowed after unary operator: '-chat-input-boxshadow'
(16952,30): run-time error CSS1039: Token not allowed after unary operator: '-chat-input-boxshadow'
(16971,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16987,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(16994,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue'
(16998,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-salmon'
(17002,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-green'
(17006,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-yellow'
(17010,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-pink'
(17028,21): run-time error CSS1039: Token not allowed after unary operator: '-container-width'
(17037,21): run-time error CSS1039: Token not allowed after unary operator: '-container-width'
(17042,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17056,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(17057,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(17075,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17076,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(17079,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(17084,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17154,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(17160,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(17164,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(17174,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(17182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17183,29): run-time error CSS1039: Token not allowed after unary operator: '-wh-fs-popup'
(17184,30): run-time error CSS1039: Token not allowed after unary operator: '-wh-fs-popup'
(17186,23): run-time error CSS1039: Token not allowed after unary operator: '-wh-fs-popup'
(17203,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17256,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17305,28): run-time error CSS1039: Token not allowed after unary operator: '-nav-menu-bg-color'
(17312,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17317,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(17342,40): run-time error CSS1046: Expect comma, found '0'
(17342,44): run-time error CSS1046: Expect comma, found '/'
(17357,16): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(17358,18): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(17379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17395,48): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-1'
(17395,76): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-2'
(17395,105): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-1'
(17423,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(17434,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(17458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17474,48): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-1'
(17474,76): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-2'
(17474,105): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-1'
(17521,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(17535,18): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(17540,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue2'
(17541,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(17543,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(17545,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(17547,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-bg-txt'
(17552,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(17553,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(17557,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-scroll-color'
(17558,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(17562,28): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(17563,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(17568,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(17573,28): run-time error CSS1039: Token not allowed after unary operator: '-pb-light-purple'
(17578,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(17583,28): run-time error CSS1039: Token not allowed after unary operator: '-pb-light-pink'
(17588,28): run-time error CSS1039: Token not allowed after unary operator: '-pb-light-yellow'
(17593,28): run-time error CSS1039: Token not allowed after unary operator: '-light-yellow'
(17598,28): run-time error CSS1039: Token not allowed after unary operator: '-light-salmon'
(17602,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-darkbg-color'
(17610,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-bg-txt'
(17617,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-darkbg-color'
(17621,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-color'
(17625,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(17629,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(17633,28): run-time error CSS1039: Token not allowed after unary operator: '-pb-light-purple'
(17637,28): run-time error CSS1039: Token not allowed after unary operator: '-pb-light-pink'
(17641,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(17664,26): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(17666,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(17704,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(17709,22): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(17755,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(17772,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17774,37): run-time error CSS1046: Expect comma, found '183'
(17774,45): run-time error CSS1046: Expect comma, found '/'
(17775,39): run-time error CSS1046: Expect comma, found '183'
(17775,47): run-time error CSS1046: Expect comma, found '/'
(17776,40): run-time error CSS1046: Expect comma, found '183'
(17776,48): run-time error CSS1046: Expect comma, found '/'
(17782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17783,22): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(17784,24): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(17785,25): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(17786,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17797,22): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(17798,24): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(17799,25): run-time error CSS1039: Token not allowed after unary operator: '-loader-color'
(17803,17): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(17807,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(17809,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(17814,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(17824,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17829,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17830,32): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(17834,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(17842,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(17854,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(17859,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(17860,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(17874,22): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(17894,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(17914,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(17915,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(17937,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(17939,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(17978,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(18007,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(18009,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(18010,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18012,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18019,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18024,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(18030,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18040,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(18043,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(18044,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18058,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(18059,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(18060,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(18061,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(18105,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18110,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(18111,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18122,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(18127,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(18131,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(18132,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18157,36): run-time error CSS1046: Expect comma, found '155'
(18157,44): run-time error CSS1046: Expect comma, found '/'
(18158,38): run-time error CSS1046: Expect comma, found '155'
(18158,46): run-time error CSS1046: Expect comma, found '/'
(18159,39): run-time error CSS1046: Expect comma, found '155'
(18159,47): run-time error CSS1046: Expect comma, found '/'
(18160,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(18207,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(18208,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(18209,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(18213,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(18223,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(18228,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18229,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(18250,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(18258,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18263,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(18276,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(18277,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(18278,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18280,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18281,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(18288,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(18291,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18292,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18296,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(18308,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18312,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(18313,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(18314,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18317,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18332,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18336,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(18341,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(18346,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(18364,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(18365,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(18366,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(18367,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(18372,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18376,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(18380,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(18389,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18392,19): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-padding'
(18393,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(18394,28): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(18395,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-2xl'
(18399,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width'
(18400,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(18402,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(18408,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(18409,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18410,24): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(18420,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(18421,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(18427,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18441,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color2'
(18446,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18459,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18460,35): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(18461,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(18466,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(18468,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18473,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18478,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18496,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(18497,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(18502,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18509,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(18521,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18534,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18539,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18546,28): run-time error CSS1039: Token not allowed after unary operator: '-main-loader-bg'
(18577,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(18586,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(18606,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18615,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18665,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18669,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-nav-wh'
(18670,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-nav-wh'
(18681,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-nav-wh'
(18682,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-nav-wh'
(18693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18713,17): run-time error CSS1039: Token not allowed after unary operator: '-nav-menu-color'
(18721,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(18722,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(18722,57): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(18735,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(18747,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18753,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(18754,25): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(18754,58): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(18763,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(18766,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(18785,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-light-bg'
(18787,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18799,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18810,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18818,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18823,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18834,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18842,21): run-time error CSS1039: Token not allowed after unary operator: '-nav-menu-color'
(18851,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18861,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(18884,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(18917,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(18925,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18930,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(18931,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18933,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(18966,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(18967,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18972,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(18981,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18987,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(18997,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19030,28): run-time error CSS1039: Token not allowed after unary operator: '-notification-bg-color'
(19045,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(19059,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bg-color'
(19107,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-boxshadow'
(19125,19): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(19147,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(19148,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(19149,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(19150,28): run-time error CSS1039: Token not allowed after unary operator: '-p-card-border'
(19165,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19174,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19188,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19204,17): run-time error CSS1039: Token not allowed after unary operator: '-p-ren-msg-icon'
(19205,18): run-time error CSS1039: Token not allowed after unary operator: '-p-ren-msg-icon'
(19206,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19262,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19272,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(19274,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19287,28): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(19328,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(19362,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19363,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(19378,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(19386,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(19390,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(19391,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(19392,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19397,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(19398,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19413,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19424,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(19425,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(19427,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19436,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(19442,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(19449,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19451,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19486,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19498,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(19504,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(19505,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(19506,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19521,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(19530,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19531,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(19533,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(19542,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(19550,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19551,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19558,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19559,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19563,17): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(19572,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-dark-purple'
(19578,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(19629,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(19639,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19643,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19644,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19656,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(19658,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(19675,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(19678,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(19777,16): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(19795,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(19809,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(19827,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(19840,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(19905,17): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(19939,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(20049,17): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(20055,17): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(20075,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(20084,16): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(20085,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(20229,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(20238,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(20248,25): run-time error CSS1039: Token not allowed after unary operator: '-default-border-radius'
(20262,28): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(20437,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(20449,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(20451,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(20453,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color2'
(20458,32): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(20489,21): run-time error CSS1039: Token not allowed after unary operator: '-dash-primary-color'
(20768,28): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(20784,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(20788,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(20794,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(20797,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20811,22): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-boxshadow'
(20828,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(20835,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20839,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(20943,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20945,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(20946,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(20951,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(20955,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(21044,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(21046,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21066,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(21072,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21102,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(21115,36): run-time error CSS1046: Expect comma, found '0'
(21115,40): run-time error CSS1046: Expect comma, found '/'
(21116,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21144,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(21151,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(21165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21220,30): run-time error CSS1039: Token not allowed after unary operator: '-sb'
(21220,40): run-time error CSS1039: Token not allowed after unary operator: '-normal'
(21221,49): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(21221,59): run-time error CSS1039: Token not allowed after unary operator: '-normal-shadow'
(21221,101): run-time error CSS1039: Token not allowed after unary operator: '-sht'
(21221,112): run-time error CSS1039: Token not allowed after unary operator: '-normal-shadow-top'
(21238,28): run-time error CSS1039: Token not allowed after unary operator: '-l'
(21239,27): run-time error CSS1039: Token not allowed after unary operator: '-t'
(21240,29): run-time error CSS1039: Token not allowed after unary operator: '-w'
(21241,30): run-time error CSS1039: Token not allowed after unary operator: '-h'
(21242,40): run-time error CSS1039: Token not allowed after unary operator: '-r'
(21242,62): run-time error CSS1039: Token not allowed after unary operator: '-sc'
(21247,30): run-time error CSS1039: Token not allowed after unary operator: '-s'
(21255,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21256,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21257,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21258,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21262,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21266,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21267,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21268,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21269,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21270,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21276,31): run-time error CSS1039: Token not allowed after unary operator: '-zi'
(21277,37): run-time error CSS1039: Token not allowed after unary operator: '-br'
(21278,34): run-time error CSS1039: Token not allowed after unary operator: '-b'
(21278,43): run-time error CSS1039: Token not allowed after unary operator: '-e'
(21278,52): run-time error CSS1039: Token not allowed after unary operator: '-normal-eye'
(21283,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21284,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21285,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21286,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21290,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21294,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21295,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21309,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21310,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21316,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21317,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21323,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21324,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21325,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21326,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21331,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21332,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21333,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21334,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21335,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21336,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21340,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21344,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21348,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21360,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21361,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21362,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21363,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21364,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21365,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21369,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21370,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21371,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21372,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21373,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21374,43): run-time error CSS1039: Token not allowed after unary operator: '-e'
(21374,52): run-time error CSS1039: Token not allowed after unary operator: '-normal-eye'
(21378,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21379,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21380,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21381,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21382,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21383,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21387,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21393,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21399,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21400,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21401,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21402,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21406,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21407,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21408,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21409,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21410,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21411,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21413,43): run-time error CSS1039: Token not allowed after unary operator: '-b'
(21418,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21422,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21423,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21429,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21430,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21436,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21437,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21443,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21444,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21445,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21446,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21450,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21454,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21455,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21456,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21457,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21458,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21459,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21463,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21464,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21468,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21469,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21475,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21476,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21477,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21478,36): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow'
(21482,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21483,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21489,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21490,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21507,52): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rx'
(21507,84): run-time error CSS1039: Token not allowed after unary operator: '-step-1-ry'
(21507,116): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rz'
(21511,52): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rx'
(21511,84): run-time error CSS1039: Token not allowed after unary operator: '-step-2-ry'
(21511,116): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rz'
(21521,52): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rx'
(21521,84): run-time error CSS1039: Token not allowed after unary operator: '-step-1-ry'
(21521,116): run-time error CSS1039: Token not allowed after unary operator: '-step-1-rz'
(21525,52): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rx'
(21525,84): run-time error CSS1039: Token not allowed after unary operator: '-step-2-ry'
(21525,116): run-time error CSS1039: Token not allowed after unary operator: '-step-2-rz'
(21575,36): run-time error CSS1039: Token not allowed after unary operator: '-middle-y'
(21575,62): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-x'
(21575,80): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(21575,101): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-y'
(21575,119): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(21575,147): run-time error CSS1039: Token not allowed after unary operator: '-middle-r'
(21581,36): run-time error CSS1039: Token not allowed after unary operator: '-middle-y'
(21581,62): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-x'
(21581,80): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(21581,101): run-time error CSS1039: Token not allowed after unary operator: '-middle-s-y'
(21581,119): run-time error CSS1039: Token not allowed after unary operator: '-middle-s'
(21581,147): run-time error CSS1039: Token not allowed after unary operator: '-middle-r'
(21587,26): run-time error CSS1039: Token not allowed after unary operator: '-active'
(21591,45): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow'
(21591,84): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow-angry'
(21597,26): run-time error CSS1039: Token not allowed after unary operator: '-active'
(21601,45): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow'
(21601,84): run-time error CSS1039: Token not allowed after unary operator: '-active-shadow-angry'
(21606,34): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(21606,44): run-time error CSS1039: Token not allowed after unary operator: '-normal-sad-shadow'
(21606,83): run-time error CSS1039: Token not allowed after unary operator: '-sht'
(21606,94): run-time error CSS1039: Token not allowed after unary operator: '-normal-sad-shadow-top'
(21607,28): run-time error CSS1039: Token not allowed after unary operator: '-normal-sad-shadow'
(21611,34): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(21611,44): run-time error CSS1039: Token not allowed after unary operator: '-normal-ok-shadow'
(21611,82): run-time error CSS1039: Token not allowed after unary operator: '-sht'
(21611,93): run-time error CSS1039: Token not allowed after unary operator: '-normal-ok-shadow-top'
(21612,28): run-time error CSS1039: Token not allowed after unary operator: '-normal-ok-shadow'
(21616,34): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(21616,44): run-time error CSS1039: Token not allowed after unary operator: '-normal-good-shadow'
(21616,84): run-time error CSS1039: Token not allowed after unary operator: '-sht'
(21616,95): run-time error CSS1039: Token not allowed after unary operator: '-normal-good-shadow-top'
(21617,28): run-time error CSS1039: Token not allowed after unary operator: '-normal-good-shadow'
(21621,34): run-time error CSS1039: Token not allowed after unary operator: '-sh'
(21621,44): run-time error CSS1039: Token not allowed after unary operator: '-normal-happy-shadow'
(21621,85): run-time error CSS1039: Token not allowed after unary operator: '-sht'
(21621,96): run-time error CSS1039: Token not allowed after unary operator: '-normal-happy-shadow-top'
(21622,28): run-time error CSS1039: Token not allowed after unary operator: '-normal-happy-shadow'
(21626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21634,31): run-time error CSS1039: Token not allowed after unary operator: '-e'
(21634,40): run-time error CSS1039: Token not allowed after unary operator: '-normal-ok-shadow'
(21635,22): run-time error CSS1039: Token not allowed after unary operator: '-b'
(21635,31): run-time error CSS1039: Token not allowed after unary operator: '-e'
(21635,40): run-time error CSS1039: Token not allowed after unary operator: '-normal-ok-shadow'
(21639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21689,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21690,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(21747,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(21750,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(21754,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21760,26): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21761,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(21787,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(21791,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(21792,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(21800,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(21801,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(21901,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21906,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(21919,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(21929,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(21980,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(21986,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(21994,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(21999,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(22071,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(22073,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22088,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(22125,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22146,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22160,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22162,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(22177,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(22183,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(22253,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(22255,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(22256,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(22278,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(22280,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22315,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22319,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(22328,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22337,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(22347,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22352,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(22357,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22418,50): run-time error CSS1046: Expect comma, found '227'
(22418,58): run-time error CSS1046: Expect comma, found '/'
(22442,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22443,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(22452,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(22472,17): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(22476,17): run-time error CSS1039: Token not allowed after unary operator: '-light-yellow'
(22480,17): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-salmon'
(22512,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color2'
(22529,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(22554,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(22563,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22565,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(22592,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(22611,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22664,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(22668,28): run-time error CSS1039: Token not allowed after unary operator: '-light-yellow'
(22672,28): run-time error CSS1039: Token not allowed after unary operator: '-light-salmon'
(22676,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(22684,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22698,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(22699,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(22716,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(22717,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22758,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(22773,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22811,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(22812,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(22819,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(22827,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(22830,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(22834,32): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(22868,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(22879,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(22905,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(22906,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(22911,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(22939,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(22957,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23157,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-mind-border-color'
(23158,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(23162,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(23163,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(23167,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(23168,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(23172,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-addiction-border-color'
(23173,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(23177,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-relsp-border-color'
(23178,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(23182,26): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pg-border-color'
(23183,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(23532,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(23557,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23585,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23590,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(23591,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23634,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23662,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(23699,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23911,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(23916,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(23954,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24114,32): run-time error CSS1039: Token not allowed after unary operator: '-notification-bg-color'
(24246,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(24250,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(24259,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24263,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24364,16): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-svg-color'
(24368,19): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-svg-stroke'
(24372,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24376,16): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-main-circle'
(24400,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24404,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(24412,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24416,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(24420,17): run-time error CSS1039: Token not allowed after unary operator: '-text-white'
(24425,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24429,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24438,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24439,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border'
(24443,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24444,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24445,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24449,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24453,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24454,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24460,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24461,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24466,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24474,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-1'
(24478,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24482,21): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24486,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(24491,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24501,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24505,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24509,28): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(24510,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24514,49): run-time error CSS1046: Expect comma, found '52'
(24514,54): run-time error CSS1046: Expect comma, found ')'
(24514,67): run-time error CSS1046: Expect comma, found '20'
(24514,72): run-time error CSS1046: Expect comma, found ')'
(24526,28): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(24530,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-dark-color'
(24534,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24535,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24539,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(24540,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-box-shadow'
(24544,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24545,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24549,35): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(24553,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24561,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(24566,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24576,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24580,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24585,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24590,28): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24591,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(24600,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24604,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24608,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24618,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(24622,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24623,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(24627,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(24633,24): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(24637,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24641,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(24642,35): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(24646,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(24650,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(24654,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24658,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24662,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(24666,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(24670,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24674,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(24675,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border-2'
(24682,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24686,17): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24692,24): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(24696,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-border'
(24704,28): run-time error CSS1039: Token not allowed after unary operator: '-ot-bg-color'
(24729,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24730,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-color'
(24731,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(24737,20): run-time error CSS1039: Token not allowed after unary operator: '-light-grey-dark'
(24748,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(24782,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-mind-border-color'
(24786,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(24794,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-border-color'
(24798,49): run-time error CSS1046: Expect comma, found '204'
(24798,57): run-time error CSS1046: Expect comma, found '/'
(24802,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-addiction-border-color'
(24806,50): run-time error CSS1046: Expect comma, found '108'
(24806,58): run-time error CSS1046: Expect comma, found '/'
(24810,50): run-time error CSS1046: Expect comma, found '109'
(24810,57): run-time error CSS1046: Expect comma, found '/'
(24810,76): run-time error CSS1046: Expect comma, found '109'
(24810,83): run-time error CSS1046: Expect comma, found '/'
(24814,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-relsp-border-color'
(24818,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pg-border-color'
(24822,22): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-pastlive-border-color'
(24826,50): run-time error CSS1046: Expect comma, found '154'
(24826,57): run-time error CSS1046: Expect comma, found '/'
(24844,39): run-time error CSS1046: Expect comma, found '255'
(24844,46): run-time error CSS1046: Expect comma, found ')'
(24848,32): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-color'
(24936,30): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(24950,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(24953,39): run-time error CSS1046: Expect comma, found '0'
(24953,43): run-time error CSS1046: Expect comma, found '/'
(24967,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(24971,34): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(24975,40): run-time error CSS1046: Expect comma, found '18'
(24975,45): run-time error CSS1046: Expect comma, found ')'
(25008,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(25022,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(25045,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25146,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(25189,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25236,35): run-time error CSS1046: Expect comma, found '131'
(25236,43): run-time error CSS1046: Expect comma, found '/'
(25255,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(25256,36): run-time error CSS1046: Expect comma, found '0'
(25256,40): run-time error CSS1046: Expect comma, found '/'
(25338,31): run-time error CSS1046: Expect comma, found '143'
(25338,39): run-time error CSS1046: Expect comma, found '/'
(25369,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(25373,36): run-time error CSS1046: Expect comma, found '0'
(25373,40): run-time error CSS1046: Expect comma, found '/'
(25455,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(25505,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(25527,24): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(25531,28): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(25532,24): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(25537,28): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(25538,24): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-dark'
(25555,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(25557,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(25559,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(25561,34): run-time error CSS1046: Expect comma, found '66'
(25561,40): run-time error CSS1046: Expect comma, found '/'
(25563,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(25806,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(25958,21): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(25959,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(25960,25): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(25960,58): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(25990,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-color1'
(26016,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(26043,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(26070,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(26075,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26079,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26080,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(26088,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26099,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26101,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(26106,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26118,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26124,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(26130,18): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(26150,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26151,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(26156,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(26161,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26167,18): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-7'
(26255,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(26377,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(26378,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(26393,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26397,24): run-time error CSS1039: Token not allowed after unary operator: '-cb-blue'
(26398,28): run-time error CSS1039: Token not allowed after unary operator: '-cb-blue'
(26407,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26416,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(26420,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(26421,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26423,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(26424,22): run-time error CSS1039: Token not allowed after unary operator: '-default-border'
(26425,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26438,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26448,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26473,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(26477,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(26479,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(26481,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-2xl'
(26492,36): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(26510,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(26514,16): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26526,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(26527,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26541,21): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(26549,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(26558,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26559,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(26572,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26574,35): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(26588,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26615,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(26649,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(26659,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(26677,32): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(26678,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26691,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(26725,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(26763,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(26775,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26805,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26806,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(26812,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26813,30): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26819,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26820,28): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(26852,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(26886,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(26893,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(26903,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26905,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(26936,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(26938,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(26962,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(27009,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(27013,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(27017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27022,17): run-time error CSS1039: Token not allowed after unary operator: '-pb-gr-cricle-wh'
(27023,18): run-time error CSS1039: Token not allowed after unary operator: '-pb-gr-cricle-wh'
(27043,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(27057,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(27065,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(27086,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27090,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(27101,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27108,36): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(27151,45): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(27151,76): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27151,96): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(27152,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27156,37): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(27156,78): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(27156,109): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27176,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(27177,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27186,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(27187,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27195,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(27196,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27201,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(27202,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27211,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(27212,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27218,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h6'
(27219,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27225,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27226,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(27232,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27237,33): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(27237,64): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27241,20): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(27243,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(27243,44): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27245,40): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27245,65): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(27254,41): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27278,40): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(27278,76): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(27279,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(27279,50): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(27302,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27315,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27319,24): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(27319,48): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27321,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27322,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27325,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(27331,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27355,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27356,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(27365,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(27366,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27367,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(27371,25): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27459,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(27470,48): run-time error CSS1046: Expect comma, found '255'
(27470,56): run-time error CSS1046: Expect comma, found '/'
(27470,70): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(27481,45): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(27481,75): run-time error CSS1046: Expect comma, found '255'
(27481,83): run-time error CSS1046: Expect comma, found '/'
(27539,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(27558,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(27560,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(27568,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(27573,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(27574,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27579,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(27581,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(27594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27595,21): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(27596,17): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(27597,18): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(27598,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(27613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27614,21): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(27615,17): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(27616,18): run-time error CSS1039: Token not allowed after unary operator: '-img-wid-poup-manag'
(27630,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27631,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(27638,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(27639,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(27649,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27651,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(27656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27657,17): run-time error CSS1039: Token not allowed after unary operator: '-p-inline-upload'
(27658,18): run-time error CSS1039: Token not allowed after unary operator: '-p-inline-upload'
(27659,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27664,17): run-time error CSS1039: Token not allowed after unary operator: '-p-inline-delete'
(27665,18): run-time error CSS1039: Token not allowed after unary operator: '-p-inline-delete'
(27666,18): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(27670,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27671,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(27675,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27696,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(27698,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(27700,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-1'
(27705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27728,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(27749,37): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(27749,68): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(27753,24): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(27791,32): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(27846,17): run-time error CSS1039: Token not allowed after unary operator: '-p-text-link'
(27882,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(27929,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27977,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(27982,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28033,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28052,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(28061,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(28065,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28075,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(28076,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28080,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28081,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(28089,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(28090,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28094,30): run-time error CSS1046: Expect comma, found '53'
(28094,37): run-time error CSS1046: Expect comma, found '/'
(28098,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28099,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28100,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28108,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(28109,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(28113,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(28163,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(28200,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28201,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28205,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(28206,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28210,35): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(28211,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(28215,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(28230,17): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(28231,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(28237,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(28238,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(28247,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28252,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28260,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28264,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(28268,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(28309,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28310,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28312,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28313,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28321,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28322,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28326,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28327,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(28403,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28417,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(28418,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28423,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28424,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28425,23): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28430,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(28431,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28432,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28436,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28440,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28444,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(28475,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(28486,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(28490,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(28516,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28520,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28537,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28551,31): run-time error CSS1046: Expect comma, found '251'
(28551,38): run-time error CSS1046: Expect comma, found ')'
(28552,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28557,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28558,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(28566,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28570,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28571,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28575,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28593,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(28605,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28607,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28613,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28615,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28625,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(28629,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(28638,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(28647,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28648,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28652,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28665,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28670,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28674,28): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(28675,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28676,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(28677,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(28678,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(28682,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(28683,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28691,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28693,17): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(28697,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(28737,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(28739,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28744,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28749,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(28759,19): run-time error CSS1039: Token not allowed after unary operator: '-grid-table-padding'
(28763,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(28767,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28771,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28788,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28789,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28798,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(28805,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28806,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28807,41): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(28811,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28815,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(28820,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28821,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28830,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(28841,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28846,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28856,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(28858,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28878,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(28882,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28886,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28891,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28898,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28899,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(28907,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28912,38): run-time error CSS1046: Expect comma, found '60'
(28912,43): run-time error CSS1046: Expect comma, found ')'
(28916,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28920,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(28921,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(28922,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28923,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-1'
(28927,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28931,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(28939,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(28940,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(28946,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(28956,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28970,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(28972,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(28973,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(28979,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(28980,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(28984,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(28988,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(29002,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(29007,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-darkbg-color'
(29011,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(29015,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color'
(29019,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(29023,28): run-time error CSS1039: Token not allowed after unary operator: '-orange-color'
(29027,28): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(29031,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-dark-yellow2'
(29035,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue'
(29039,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-dark-green1'
(29047,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(29051,17): run-time error CSS1039: Token not allowed after unary operator: '-orange-color'
(29055,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow-color'
(29059,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(29102,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(29103,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(29104,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29114,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(29116,27): run-time error CSS1039: Token not allowed after unary operator: '-left-active-bw'
(29116,55): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29162,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color2'
(29164,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(29166,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(29166,51): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color'
(29171,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29172,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(29181,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29185,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue2'
(29186,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(29186,51): run-time error CSS1039: Token not allowed after unary operator: '-primary-light-color'
(29190,28): run-time error CSS1039: Token not allowed after unary operator: '-complete-bg'
(29191,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(29191,51): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(29196,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(29205,16): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(29210,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(29216,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29222,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29227,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(29229,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29298,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29310,32): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(29315,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(29321,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29323,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29324,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(29334,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29338,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29342,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29355,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29360,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(29361,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29386,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(29424,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(29427,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(29433,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29438,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(29446,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(29447,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(29448,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29458,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(29472,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(29531,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29544,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29548,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(29549,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(29568,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29584,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(29598,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(29602,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29608,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29618,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(29631,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(29650,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29661,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(29704,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29708,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(29709,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29767,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(29768,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(29777,68): run-time error CSS1039: Token not allowed after unary operator: '-content-grid-width'
(29778,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(29782,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(29789,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(29793,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29793,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29794,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-5'
(29795,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(29818,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29818,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(29830,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(29832,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29841,16): run-time error CSS1039: Token not allowed after unary operator: '-db-text-head'
(29846,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29851,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29876,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(29880,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(29926,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(29930,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(29949,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(29951,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(29965,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(29988,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(30024,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30024,58): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30036,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30046,21): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30051,21): run-time error CSS1039: Token not allowed after unary operator: '-default-border'
(30052,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(30058,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30060,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(30071,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30073,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30081,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30088,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30091,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30099,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(30100,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(30106,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(30116,34): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(30156,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30164,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(30174,36): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(30174,72): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(30175,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(30176,23): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(30210,40): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(30210,76): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(30210,100): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(30214,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30218,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30222,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30259,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(30260,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(30261,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30292,48): run-time error CSS1046: Expect comma, found '25'
(30292,53): run-time error CSS1046: Expect comma, found ')'
(30292,66): run-time error CSS1046: Expect comma, found '0'
(30292,69): run-time error CSS1046: Expect comma, found ')'
(30310,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30312,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(30332,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30342,36): run-time error CSS1046: Expect comma, found '0'
(30342,40): run-time error CSS1046: Expect comma, found '/'
(30353,25): run-time error CSS1046: Expect comma, found '165'
(30353,33): run-time error CSS1046: Expect comma, found '/'
(30383,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(30411,56): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30411,86): run-time error CSS1046: Expect comma, found '256'
(30411,94): run-time error CSS1046: Expect comma, found '/'
(30447,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30462,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30466,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30470,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30476,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(30480,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30486,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30490,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(30532,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30546,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30549,22): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(30550,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30553,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(30557,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30558,21): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30576,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(30578,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30590,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30591,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(30592,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30607,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30641,30): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(30663,21): run-time error CSS1039: Token not allowed after unary operator: '-def-sb-wid'
(30702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30723,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(30724,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30725,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30787,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(30788,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30830,32): run-time error CSS1039: Token not allowed after unary operator: '-blue-light-bg'
(30832,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(30878,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30882,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(30889,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(30890,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(30893,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(30894,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(30895,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30896,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(30911,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30927,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(30944,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(30947,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30948,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(30949,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(30963,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(30969,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(30994,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(31018,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31032,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(31048,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31066,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(31097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31098,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31106,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(31107,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(31108,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(31115,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31126,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31137,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-bg-color'
(31161,19): run-time error CSS1039: Token not allowed after unary operator: '-dash-card-padd'
(31162,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31200,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(31215,25): run-time error CSS1039: Token not allowed after unary operator: '-border-width-layout'
(31215,58): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(31221,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31244,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(31279,26): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(31281,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(31286,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31292,36): run-time error CSS1039: Token not allowed after unary operator: '-p--border-1'
(31354,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31371,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(31375,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(31380,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31383,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(31384,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(31387,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(31397,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(31398,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31416,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31420,40): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(31420,76): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(31430,39): run-time error CSS1046: Expect comma, found '0'
(31430,43): run-time error CSS1046: Expect comma, found '/'
(31467,31): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(31495,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(31496,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31508,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31513,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31515,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(31516,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(31517,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31530,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(31541,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(31554,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31560,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31576,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31579,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(31580,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(31584,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(31586,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31595,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31621,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(31626,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(31627,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31634,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(31655,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(31680,28): run-time error CSS1039: Token not allowed after unary operator: '-modal-bg-color'
(31689,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(31692,28): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(31699,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(31740,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31755,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31807,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(31821,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(31822,23): run-time error CSS1039: Token not allowed after unary operator: '-secondary-font'
(31876,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31883,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31901,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(31902,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(31903,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31905,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(31906,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31935,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(31936,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31937,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(31941,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(31960,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(31962,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(31974,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(31989,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(32003,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32033,16): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(32037,16): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(32041,46): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(32051,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(32095,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(32097,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(32098,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(32099,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32133,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(32134,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32140,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32152,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32154,18): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(32155,16): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(32165,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(32187,24): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(32193,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(32227,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(32233,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32234,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32238,28): run-time error CSS1039: Token not allowed after unary operator: '-cb-blue'
(32248,32): run-time error CSS1039: Token not allowed after unary operator: '-cb-blue'
(32249,28): run-time error CSS1039: Token not allowed after unary operator: '-cb-blue'
(32277,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg'
(32278,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg-image'
(32282,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(32288,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32294,24): run-time error CSS1039: Token not allowed after unary operator: '-cb-blue'
(32295,28): run-time error CSS1039: Token not allowed after unary operator: '-cb-blue'
(32296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32301,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(32324,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(32325,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(32331,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32335,20): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(32450,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32466,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32470,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32471,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(32472,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(32489,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32490,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(32518,22): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(32536,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(32537,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(32578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32583,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32584,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(32585,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32586,22): run-time error CSS1039: Token not allowed after unary operator: '-feature-img-h'
(32587,22): run-time error CSS1039: Token not allowed after unary operator: '-feature-img-h'
(32592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32594,45): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(32594,76): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(32594,96): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(32596,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(32611,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(32625,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(32640,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32645,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32647,29): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(32651,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32656,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(32676,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32685,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(32691,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(32707,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(32758,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(32759,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32784,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(32798,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(32799,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(32813,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32814,19): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(32822,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32948,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(32979,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(32980,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(32989,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33002,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33008,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33012,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(33013,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33014,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(33017,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33024,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33028,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33038,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33047,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(33052,40): run-time error CSS1046: Expect comma, found '59'
(33052,46): run-time error CSS1046: Expect comma, found '/'
(33053,18): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-hr-color'
(33062,21): run-time error CSS1046: Expect comma, found '204'
(33062,29): run-time error CSS1046: Expect comma, found '/'
(33118,28): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-hr-color'
(33124,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(33127,35): run-time error CSS1039: Token not allowed after unary operator: '-card-bg-color'
(33133,30): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(33142,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(33169,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33204,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33211,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33216,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(33230,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33238,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-yellow2'
(33239,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33240,30): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(33241,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33246,32): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-green1'
(33250,36): run-time error CSS1039: Token not allowed after unary operator: '-plm-dark-green1'
(33254,32): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue2'
(33277,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33279,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-dark-yellow2'
(33280,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(33291,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(33299,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(33308,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33312,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(33322,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(33329,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33381,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33382,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33390,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(33410,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33411,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33415,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33417,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33438,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33440,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(33449,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(33462,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(33475,21): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(33491,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33529,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(33559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33561,17): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(33562,18): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(33569,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33593,39): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(33595,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(33627,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33650,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33654,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(33658,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33677,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(33678,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33698,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(33705,18): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(33710,18): run-time error CSS1039: Token not allowed after unary operator: '-input-icon-color'
(33717,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(33718,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33719,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33723,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(33725,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow-1'
(33726,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(33731,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33737,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33742,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(33764,24): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(33777,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(33782,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(33797,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33805,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(33810,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33845,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(33856,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(33857,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(33862,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(33896,24): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(33901,36): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(33901,55): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(33906,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(33910,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(33910,54): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(33922,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(33930,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33953,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(33961,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(33994,30): run-time error CSS1046: Expect comma, found '148'
(33994,37): run-time error CSS1046: Expect comma, found '/'
(33995,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(33998,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(33999,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(34006,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(34019,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34020,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-v1'
(34021,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-v1'
(34022,22): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(34068,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34092,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(34103,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(34181,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(34187,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(34188,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(34189,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34194,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34209,16): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(34230,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(34256,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34327,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34328,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(34393,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(34394,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34401,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(34425,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(34427,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34447,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34476,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(34484,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(34495,37): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(34520,37): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(34525,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(34580,22): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(34613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34616,33): run-time error CSS1039: Token not allowed after unary operator: '-ps-grid-lc-wid'
(34616,71): run-time error CSS1039: Token not allowed after unary operator: '-ps-grid-lc-wid'
(34616,95): run-time error CSS1039: Token not allowed after unary operator: '-pso-grid-gap'
(34616,117): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(34618,15): run-time error CSS1039: Token not allowed after unary operator: '-pso-grid-gap'
(34623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34624,22): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(34625,18): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(34642,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(34676,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34682,37): run-time error CSS1039: Token not allowed after unary operator: '-ps-grid-lc-wid'
(34682,75): run-time error CSS1039: Token not allowed after unary operator: '-ps-grid-lc-wid'
(34682,99): run-time error CSS1039: Token not allowed after unary operator: '-pso-grid-gap'
(34682,121): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(34690,15): run-time error CSS1039: Token not allowed after unary operator: '-timeline-ver-gap'
(34700,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(34729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34730,17): run-time error CSS1039: Token not allowed after unary operator: '-pso-cw'
(34731,18): run-time error CSS1039: Token not allowed after unary operator: '-pso-cw'
(34732,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34743,24): run-time error CSS1039: Token not allowed after unary operator: '-pso-cw'
(34745,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34746,27): run-time error CSS1039: Token not allowed after unary operator: '-timeline-ver-gap'
(34746,58): run-time error CSS1039: Token not allowed after unary operator: '-pso-cw'
(34747,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(34780,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(34786,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(34791,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34795,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(34796,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34800,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(34804,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(34808,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34809,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34814,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(34815,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34820,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34827,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(34838,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34840,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(34843,28): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(34868,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(34872,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(34874,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(34876,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34877,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(34897,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(34899,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(34900,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(34901,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(34911,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(34948,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(34960,16): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(34975,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(34977,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(34982,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(34994,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(35006,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(35008,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(35009,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(35015,28): run-time error CSS1039: Token not allowed after unary operator: '-left-active-bw'
(35015,64): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35024,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(35026,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(35041,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35047,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(35121,27): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(35123,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(35139,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(35236,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(35274,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(35275,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35276,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35295,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(35329,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35334,21): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(35344,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35353,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(35354,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35358,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(35362,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(35366,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(35367,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35379,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35409,29): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(35426,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(35427,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35496,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(35497,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35498,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(35526,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(35527,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35538,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35539,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(35540,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35542,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35568,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35569,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(35575,17): run-time error CSS1039: Token not allowed after unary operator: '-placeholder-color'
(35610,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35612,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(35613,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(35617,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(35622,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(35623,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(35627,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(35631,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(35651,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(35660,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(35667,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(35672,20): run-time error CSS1039: Token not allowed after unary operator: '-content-grid-width'
(35676,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(35709,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(35739,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(35756,18): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(35781,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35796,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(35799,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(35813,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35814,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35820,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35821,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35882,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(35883,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(35884,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(35885,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(35925,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35941,56): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(35941,86): run-time error CSS1046: Expect comma, found '256'
(35941,94): run-time error CSS1046: Expect comma, found '/'
(35948,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(35952,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(35953,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(35963,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(35973,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(35977,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(35985,16): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(35989,16): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(36020,16): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(36024,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36050,18): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(36072,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(36073,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36074,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36100,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36105,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(36137,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36145,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(36149,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(36174,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36199,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36203,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(36204,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(36206,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36208,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(36210,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36212,32): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(36218,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(36220,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36224,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(36225,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(36227,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36229,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(36231,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36233,32): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(36239,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(36241,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36250,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(36251,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(36252,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36254,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(36255,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(36268,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36275,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36276,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(36277,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36279,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(36280,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(36290,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(36294,30): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36300,33): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(36406,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(36461,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(36468,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36483,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36485,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36489,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(36494,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(36512,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36545,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(36550,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(36554,26): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36563,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(36564,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(36565,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36576,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36577,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36609,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(36613,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36617,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36622,16): run-time error CSS1039: Token not allowed after unary operator: '-rating-color'
(36623,18): run-time error CSS1039: Token not allowed after unary operator: '-rating-color'
(36641,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(36645,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36658,17): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(36662,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(36663,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36691,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36706,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(36707,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(36708,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36710,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36711,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(36717,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(36725,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36732,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(36754,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(36758,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(36759,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(36760,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36797,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(36801,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36826,27): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(36828,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(36842,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(36847,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(36861,20): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36871,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(36873,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(36877,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(36881,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(36884,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36901,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36911,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(36913,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(36924,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg'
(36925,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg-image'
(36929,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(36935,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(36959,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37003,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37005,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(37020,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37029,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37043,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-2'
(37046,24): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(37073,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37079,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37080,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37105,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37112,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37113,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37124,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37124,54): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37125,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37132,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(37141,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(37158,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37170,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37177,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37182,36): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(37183,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37200,30): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37201,29): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37212,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(37216,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(37260,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37290,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37312,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37329,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37337,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37419,12): run-time error CSS1038: Expected hex color, found '#ffff'
(37424,12): run-time error CSS1038: Expected hex color, found '#ffff'
(37430,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37432,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37448,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37452,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37480,29): run-time error CSS1046: Expect comma, found '0'
(37480,33): run-time error CSS1046: Expect comma, found '/'
(37497,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37527,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(37541,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(37545,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37552,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-inverse'
(37556,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(37558,21): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(37562,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(37590,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(37604,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(37605,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(37614,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(37640,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(37641,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(37652,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(37659,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(37665,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(37670,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(37678,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37692,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(37694,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37700,18): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-size'
(37701,17): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-size'
(37708,24): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-stroke-width'
(37717,24): run-time error CSS1039: Token not allowed after unary operator: '-progress-bar-stroke-width'
(37735,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37739,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(37755,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(37759,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(37764,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(37765,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(37766,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(37767,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(37774,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37775,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(37776,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(37777,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37787,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(37790,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37809,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(37813,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37817,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(37855,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(37864,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(37870,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(37871,28): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(37872,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(37873,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37874,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37887,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(37888,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(37889,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(37890,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37891,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(37896,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(37897,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(37898,33): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(37942,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37978,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(37980,28): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(37981,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(37985,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38005,30): run-time error CSS1046: Expect comma, found '72'
(38005,37): run-time error CSS1046: Expect comma, found '/'
(38016,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38061,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(38065,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(38067,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38071,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(38078,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38079,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(38082,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38083,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(38085,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(38086,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(38094,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38103,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38104,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(38109,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38110,40): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(38124,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38132,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38137,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38154,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38155,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(38157,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38163,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(38224,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(38236,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(38260,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38266,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-1'
(38267,29): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(38272,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(38276,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(38278,69): run-time error CSS1046: Expect comma, found '239'
(38278,77): run-time error CSS1046: Expect comma, found '/'
(38279,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38285,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38286,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38294,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38299,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38324,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38325,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(38329,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38330,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38340,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38341,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(38342,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38344,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(38353,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38365,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(38371,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(38375,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(38415,33): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(38419,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38427,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38428,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(38429,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38430,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38438,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38442,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38449,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38500,25): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-width2'
(38501,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(38502,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(38503,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(38504,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(38505,26): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(38509,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(38563,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38564,28): run-time error CSS1039: Token not allowed after unary operator: '-light-new-blue'
(38565,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38604,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(38616,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38617,25): run-time error CSS1039: Token not allowed after unary operator: '-np-btn-wh'
(38618,26): run-time error CSS1039: Token not allowed after unary operator: '-np-btn-wh'
(38623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38624,17): run-time error CSS1039: Token not allowed after unary operator: '-rev-gt-icon'
(38625,18): run-time error CSS1039: Token not allowed after unary operator: '-rev-gt-icon'
(38627,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38632,20): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(38652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38669,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38673,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38675,32): run-time error CSS1039: Token not allowed after unary operator: '-bor-def-rt'
(38679,37): run-time error CSS1039: Token not allowed after unary operator: '-bor-def-rt'
(38681,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(38682,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38688,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(38692,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(38697,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(38702,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38722,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(38724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38750,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(38756,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38757,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(38758,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38767,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(38768,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(38769,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38815,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(38817,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38823,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(38846,27): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(38849,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38858,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(38884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38885,18): run-time error CSS1039: Token not allowed after unary operator: '-chat-prof-icon-width'
(38886,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-prof-icon-width'
(38887,17): run-time error CSS1039: Token not allowed after unary operator: '-chat-prof-icon-width'
(38888,21): run-time error CSS1039: Token not allowed after unary operator: '-chat-prof-icon-width'
(38902,32): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(38903,30): run-time error CSS1039: Token not allowed after unary operator: '-profile-img-border-color'
(38919,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38930,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(38943,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(38967,19): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(38972,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38973,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-bg-color'
(38974,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(38976,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(38983,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(38991,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-inbox-border-color'
(39029,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-left-bubble'
(39031,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39043,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39050,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-right-bubble'
(39051,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39056,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39082,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(39089,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39109,33): run-time error CSS1046: Expect comma, found '0'
(39109,37): run-time error CSS1046: Expect comma, found '/'
(39110,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39124,37): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark-color'
(39138,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(39143,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39151,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(39152,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(39154,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(39167,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-blue'
(39180,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(39185,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39224,36): run-time error CSS1046: Expect comma, found '44'
(39224,42): run-time error CSS1046: Expect comma, found '/'
(39288,31): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(39299,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(39300,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39301,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39302,23): run-time error CSS1039: Token not allowed after unary operator: '-left-active-bw'
(39306,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(39307,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(39327,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(39332,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39339,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(39340,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39370,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color'
(39387,21): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(39391,28): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39400,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(39434,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39439,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(39440,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(39443,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39444,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39469,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39478,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(39485,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color2'
(39486,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color'
(39487,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39502,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(39526,26): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow'
(39530,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39543,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39548,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39565,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(39566,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(39567,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(39568,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39574,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(39603,19): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(39604,35): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(39608,34): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(39609,19): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(39618,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(39692,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(39724,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39729,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39758,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(39762,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39767,36): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(39782,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(39789,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(39798,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(39857,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(39858,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(39868,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(39880,17): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(39882,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(39889,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(39898,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(39909,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39938,17): run-time error CSS1039: Token not allowed after unary operator: '-p-ins-wb-su'
(39939,18): run-time error CSS1039: Token not allowed after unary operator: '-p-ins-wb-su'
(39944,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39957,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39962,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(39964,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(39970,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(39974,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(39980,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(39991,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(40022,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40033,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40034,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40039,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(40040,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(40045,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(40051,15): run-time error CSS1039: Token not allowed after unary operator: '-p-row-grid-gap'
(40067,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(40123,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(40125,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40131,32): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue2'
(40132,21): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(40136,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(40157,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(40161,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40165,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40212,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40223,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(40238,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(40295,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40297,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(40338,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40342,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(40343,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(40344,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40345,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(40350,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(40354,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40355,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40370,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(40374,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(40397,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(40398,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40399,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40400,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(40401,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(40405,28): run-time error CSS1039: Token not allowed after unary operator: '-blur2-bg-color'
(40406,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(40407,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(40412,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(40416,32): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(40469,18): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(40474,18): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(40483,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-bg'
(40484,17): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(40488,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-color'
(40489,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(40493,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-work-color'
(40494,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(40512,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(40541,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(40559,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(40609,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40629,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(40700,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40707,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(40711,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(40760,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(40770,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(40873,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(40915,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(40947,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(40962,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(40967,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(40996,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(40997,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41008,27): run-time error CSS1039: Token not allowed after unary operator: '-lh'
(41008,39): run-time error CSS1039: Token not allowed after unary operator: '-max-lines'
(41020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41022,27): run-time error CSS1039: Token not allowed after unary operator: '-lh'
(41022,39): run-time error CSS1039: Token not allowed after unary operator: '-max-lines'
(41028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41051,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41055,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(41068,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41095,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(41162,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(41172,31): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(41225,29): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(41266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41267,17): run-time error CSS1039: Token not allowed after unary operator: '-p-even-dt-box-wh'
(41268,18): run-time error CSS1039: Token not allowed after unary operator: '-p-even-dt-box-wh'
(41274,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41301,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(41305,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(41339,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-500'
(41353,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(41361,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(41371,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(41375,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(41379,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-dark'
(41383,28): run-time error CSS1039: Token not allowed after unary operator: '-tealGreen'
(41432,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(41449,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(41450,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41455,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(41456,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(41473,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(41474,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled-text-color'
(41475,24): run-time error CSS1039: Token not allowed after unary operator: '-disabled-border-color'
(41483,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled-color'
(41490,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41491,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(41497,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(41549,19): run-time error CSS1039: Token not allowed after unary operator: '-dash-card-padd'
(41553,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(41555,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41559,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(41564,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41574,19): run-time error CSS1039: Token not allowed after unary operator: '-dash-card-padd'
(41578,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41579,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(41614,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41618,34): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(41634,26): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(41648,26): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(41690,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(41719,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(41720,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(41721,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41722,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(41764,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(41780,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(41827,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(41828,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(41833,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(41834,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(41853,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(41855,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(41856,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(41866,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(41868,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41873,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(41874,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(41878,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(41905,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(41918,26): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(41922,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(41942,33): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(41944,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(41968,33): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(41990,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(41996,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(42018,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(42019,36): run-time error CSS1046: Expect comma, found '0'
(42019,40): run-time error CSS1046: Expect comma, found '/'
(42025,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(42026,36): run-time error CSS1046: Expect comma, found '0'
(42026,40): run-time error CSS1046: Expect comma, found '/'
(42071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42078,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(42115,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42121,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42166,35): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(42167,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(42204,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(42222,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(42333,29): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(42359,21): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(42361,26): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width'
(42385,38): run-time error CSS1046: Expect comma, found '30'
(42385,44): run-time error CSS1046: Expect comma, found '/'
(42404,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42418,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(42419,34): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(42420,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42489,32): run-time error CSS1039: Token not allowed after unary operator: '-timeline-ver-gap'
(42507,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(42509,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(42513,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(42560,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(42661,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42683,18): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(42687,18): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(42730,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42790,27): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(42807,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(42807,65): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(42811,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-def-padding'
(42823,28): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(42830,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(42857,22): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(42858,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42866,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(42869,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(42870,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(42889,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width-xxl'
(42903,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(42903,49): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(42908,35): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(42909,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(42913,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(42923,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(42946,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(42952,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(42957,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(42961,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(42973,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(42977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42978,21): run-time error CSS1039: Token not allowed after unary operator: '-integs-icon'
(42979,17): run-time error CSS1039: Token not allowed after unary operator: '-integs-icon'
(42986,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42994,25): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(43004,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(43005,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(43009,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(43030,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(43032,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(43040,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(43056,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(43059,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(43074,28): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(43083,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-yellow'
(43084,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43088,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43102,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43144,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(43205,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(43250,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(43262,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(43263,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(43264,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(43275,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(43276,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(43286,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(43294,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(43300,23): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(43309,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(43314,22): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(43348,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(43357,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(43358,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(43359,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(43360,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(43364,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(43370,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(43372,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(43451,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(43466,16): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43470,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(43474,28): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(43478,24): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(43482,24): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(43495,24): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(43550,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(43555,21): run-time error CSS1039: Token not allowed after unary operator: '-link'
(43582,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(43593,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(43594,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43604,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43619,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(43625,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(43629,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(43654,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(43661,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(43664,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(43665,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(43674,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(43678,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(43714,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(43720,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(43722,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43734,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43746,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(43767,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(43776,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43782,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(43786,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(43798,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(43799,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43813,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(43837,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(43838,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(43872,36): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(43872,71): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(43903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43904,22): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(43905,18): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(43974,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(43978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43979,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(43980,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(43981,34): run-time error CSS1046: Expect comma, found '54'
(43981,41): run-time error CSS1046: Expect comma, found '/'
(43990,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(44016,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(44022,34): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(44027,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44049,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(44067,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(44080,30): run-time error CSS1046: Expect comma, found '30'
(44080,36): run-time error CSS1046: Expect comma, found '/'
(44106,16): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(44117,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44144,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(44205,22): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(44211,22): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(44217,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(44252,22): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(44291,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44306,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(44325,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(44349,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(44371,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(44372,22): run-time error CSS1039: Token not allowed after unary operator: '-pc-thumb-height'
(44373,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(44385,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(44387,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(44439,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(44455,25): run-time error CSS1046: Expect comma, found '247'
(44455,33): run-time error CSS1046: Expect comma, found '/'
(44474,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(44497,18): run-time error CSS1039: Token not allowed after unary operator: '-Color-Greadient'
(44510,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(44580,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(44597,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(44631,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(44644,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(44648,17): run-time error CSS1039: Token not allowed after unary operator: '-skeleton-color-2'
(44696,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(44700,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(44702,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(44715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44735,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(44736,26): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(44744,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(44745,37): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-color'
(44750,39): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(44750,82): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(44754,33): run-time error CSS1039: Token not allowed after unary operator: '-animation-duration'
(44758,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(44771,36): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(44772,41): run-time error CSS1039: Token not allowed after unary operator: '-transition-duration'
(44784,41): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-color'
(44789,42): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-color'
(44803,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(44843,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(44923,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(44965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44970,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(45088,21): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(45092,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(45112,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(45114,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45116,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-1'
(45122,24): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(45133,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45157,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(45159,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45162,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(45166,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45167,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(45178,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(45204,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(45213,67): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(45227,17): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(45229,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(45247,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45248,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-1'
(45250,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(45262,32): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(45264,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45268,36): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-hover'
(45288,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(45303,32): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(45305,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45311,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(45312,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45324,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45335,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(45364,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45420,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(45480,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45550,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45561,18): run-time error CSS1039: Token not allowed after unary operator: '-on-secondary-color'
(45582,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(45583,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45595,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45609,20): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(45659,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(45730,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(45736,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(45737,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(45738,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(45740,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(45746,31): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(45753,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(45825,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45827,28): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(45828,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow-1'
(45834,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(45840,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(45846,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(45851,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(45861,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(45902,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(45909,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(45913,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(45914,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45918,36): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(45936,17): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(45940,21): run-time error CSS1039: Token not allowed after unary operator: '-link-color'
(45944,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(45981,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46051,40): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(46051,75): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(46051,99): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46075,27): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46076,33): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46096,29): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46116,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-bg'
(46117,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46156,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46162,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46167,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(46168,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46175,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(46176,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46178,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(46182,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(46214,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46239,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46277,29): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(46296,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46314,37): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(46320,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(46321,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(46326,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(46330,24): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(46335,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(46350,21): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(46351,22): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-min-height'
(46352,37): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(46417,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46419,25): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(46427,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(46433,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46435,30): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(46443,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46449,18): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(46450,17): run-time error CSS1039: Token not allowed after unary operator: '-ins-gr-cricle-wh'
(46462,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46474,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(46478,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(46486,44): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(46486,79): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(46486,103): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(46509,40): run-time error CSS1039: Token not allowed after unary operator: '-default-container-gap'
(46509,77): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(46542,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(46543,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46555,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(46566,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(46567,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46571,24): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(46605,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(46656,15): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(46666,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(46671,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(46676,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(46690,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(46697,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(46747,16): run-time error CSS1039: Token not allowed after unary operator: '-yellow-dark-color'
(46751,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(46753,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46757,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(46784,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(46787,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(46815,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46832,16): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-1'
(46843,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(46855,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46864,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(46894,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(46920,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(46972,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(46974,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(46975,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(46976,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(46985,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(46991,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47000,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(47011,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47016,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(47029,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(47120,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(47121,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47130,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(47131,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47141,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxl'
(47155,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(47163,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(47173,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47178,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(47188,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47193,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47325,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(47326,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(47327,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47360,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(47361,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(47362,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(47363,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(47367,28): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(47371,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(47392,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(47415,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47420,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47440,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(47441,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47489,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(47495,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(47496,29): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(47503,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(47505,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(47506,32): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(47531,39): run-time error CSS1039: Token not allowed after unary operator: '-border-layout'
(47534,48): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(47542,22): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(47547,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47569,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(47580,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(47627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47630,33): run-time error CSS1039: Token not allowed after unary operator: '-profile-sb-width'
(47630,69): run-time error CSS1039: Token not allowed after unary operator: '-profile-sb-width'
(47630,95): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(47631,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(47649,35): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-1'
(47657,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47670,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47673,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47693,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47694,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(47695,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47701,20): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(47701,44): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(47708,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(47711,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47741,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47747,17): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(47757,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color5'
(47758,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47759,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(47764,28): run-time error CSS1039: Token not allowed after unary operator: '-p-border-2'
(47779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47783,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(47793,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(47809,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(47811,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47812,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(47820,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(47821,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47822,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(47826,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47830,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47832,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47863,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(47869,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(47881,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(47885,21): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(47891,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47925,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(47947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47948,18): run-time error CSS1039: Token not allowed after unary operator: '-minmax-height-pso'
(47969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47970,22): run-time error CSS1039: Token not allowed after unary operator: '-pso-tl-verti-mh'
(47975,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-4'
(47976,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(47989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47992,21): run-time error CSS1039: Token not allowed after unary operator: '-timeline-width'
(48004,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width-xl'
(48008,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width-xxl'
(48040,22): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(48065,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(48076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48078,21): run-time error CSS1039: Token not allowed after unary operator: '-timeline-width'
(48104,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(48128,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48145,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-bg-color'
(48182,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(48186,25): run-time error CSS1039: Token not allowed after unary operator: '-complete-tc'
(48192,25): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(48198,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(48222,28): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(48234,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48237,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(48257,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48261,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48286,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(48290,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(48296,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48301,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48306,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-txt'
(48311,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color1'
(48315,18): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(48319,18): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(48360,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48392,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48406,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1-lg'
(48412,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(48433,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48437,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(48445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48449,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48451,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(48452,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48453,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-min-height-upld'
(48468,22): run-time error CSS1039: Token not allowed after unary operator: '-btn-min-height-upld'
(48469,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(48476,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(48491,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48514,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(48527,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(48531,32): run-time error CSS1039: Token not allowed after unary operator: '-light-blue-1'
(48538,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(48539,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48544,32): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-2'
(48549,22): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(48553,16): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(48557,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(48575,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48585,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(48595,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(48604,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(48605,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(48613,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48637,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(48668,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(48718,30): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48723,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48732,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48737,38): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48745,24): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48750,32): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(48754,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-sm'
(48776,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48796,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48830,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(48889,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48896,27): run-time error CSS1039: Token not allowed after unary operator: '-custom-sidebar-width'
(48931,38): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(48937,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(48938,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48945,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(48949,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48959,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48960,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xl'
(48964,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(48970,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(48976,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(48977,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(48978,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49059,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(49095,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(49101,32): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(49111,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(49114,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49203,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(49208,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49209,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(49214,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49218,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49219,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49223,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49224,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49228,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-4'
(49237,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49246,32): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(49251,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49252,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(49257,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(49261,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(49283,43): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width-sm'
(49284,20): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(49299,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49353,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-4'
(49354,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(49354,49): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(49369,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(49381,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(49382,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49390,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(49396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49400,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(49405,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49419,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(49423,28): run-time error CSS1039: Token not allowed after unary operator: '-complete-bg'
(49463,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(49519,15): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(49532,19): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(49545,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color-2'
(49553,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color-2'
(49557,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color-2'
(49610,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49615,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(49616,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49620,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49625,39): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(49626,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(49693,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(49722,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49735,25): run-time error CSS1039: Token not allowed after unary operator: '-grid-ana-gap'
(49794,28): run-time error CSS1039: Token not allowed after unary operator: '-tag-bg-body-border-color'
(49844,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(49845,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(49849,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h2'
(49851,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(49859,20): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width-sm'
(49862,21): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width-sm'
(49866,33): run-time error CSS1039: Token not allowed after unary operator: '-default-sidebar-width-sm'
(49866,67): run-time error CSS1039: Token not allowed after unary operator: '-default-gap'
(49899,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(49982,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(49984,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50001,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(50032,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xxs'
(50075,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50079,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(50123,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(50128,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(50134,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(50144,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(50151,18): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(50214,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-xs'
(50271,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(50272,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50273,28): run-time error CSS1039: Token not allowed after unary operator: '-background1'
(50274,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow-1'
(50318,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(50380,17): run-time error CSS1039: Token not allowed after unary operator: '-p-text-link'
(50398,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(50399,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50400,24): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(50401,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(50415,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(50419,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color4'
(50545,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-bg'
(50546,17): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(50547,28): run-time error CSS1039: Token not allowed after unary operator: '-overdue-bg'
(50552,22): run-time error CSS1039: Token not allowed after unary operator: '-overdue-tc'
(50570,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50574,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(50575,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(50598,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(50599,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50640,18): run-time error CSS1039: Token not allowed after unary operator: '-p-icon-color'
(50668,18): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(50742,18): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(50746,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50751,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-4'
(50754,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(50755,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(50864,22): run-time error CSS1039: Token not allowed after unary operator: '-disabled-light-color'
(50893,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(50899,28): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(50927,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(50928,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(50936,16): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color6'
(50938,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-5'
(50955,79): run-time error CSS1030: Expected identifier, found '.'
(50955,93): run-time error CSS1031: Expected selector, found ')'
(50955,93): run-time error CSS1025: Expected comma or open brace, found ')'
(50976,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51011,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(51021,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51028,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51042,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51048,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(51208,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51209,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(51241,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(51251,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-6'
(51286,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51309,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(51324,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51326,31): run-time error CSS1039: Token not allowed after unary operator: '-box-padding'
(51340,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h5'
(51363,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(51365,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51382,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-default'
(51405,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(51424,30): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(51429,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51433,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51438,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51450,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51455,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51459,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(51496,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(51505,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51541,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51560,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(51564,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51594,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-dark-green1'
(51598,28): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-blue'
(51602,28): run-time error CSS1039: Token not allowed after unary operator: '-yell-btn-darkbg-color'
(51606,28): run-time error CSS1039: Token not allowed after unary operator: '-salmon-new-color'
(51631,28): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-3'
(51632,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51645,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51648,39): run-time error CSS1030: Expected identifier, found '.'
(51648,58): run-time error CSS1031: Expected selector, found ')'
(51648,58): run-time error CSS1025: Expected comma or open brace, found ')'
(51672,2): run-time error CSS1030: Expected identifier, found ' '
(51672,2): run-time error CSS1019: Unexpected token, found ' '
(51672,3): run-time error CSS1019: Unexpected token, found '{'
(51673,15): run-time error CSS1030: Expected identifier, found ' '
(51673,16): run-time error CSS1031: Expected selector, found '33.33%'
(51673,16): run-time error CSS1025: Expected comma or open brace, found '33.33%'
(51674,1): run-time error CSS1019: Unexpected token, found '}'
(51704,27): run-time error CSS1039: Token not allowed after unary operator: '-pseudo-content'
(51713,36): run-time error CSS1039: Token not allowed after unary operator: '-p-grey-5'
(51714,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51729,36): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color7'
(51806,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51807,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(51843,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(51844,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(51845,22): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(51853,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue-color'
(51857,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51867,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-1'
(51880,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51886,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h4'
(51895,24): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(51896,22): run-time error CSS1039: Token not allowed after unary operator: '-default-shadow-1'
(51906,61): run-time error CSS1046: Expect comma, found '249'
(51906,68): run-time error CSS1046: Expect comma, found ')'
(51917,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(51933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51947,17): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(51948,28): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(51956,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon'
(51970,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(51982,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(51983,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-1'
(51984,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(51984,75): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(51989,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-color-1'
(51993,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-default-pattern'
(52002,25): run-time error CSS1046: Expect comma, found '169'
(52002,33): run-time error CSS1046: Expect comma, found '/'
(52006,22): run-time error CSS1039: Token not allowed after unary operator: '-plm-light-green1'
(52017,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52024,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h1'
(52039,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52052,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
(52056,26): run-time error CSS1039: Token not allowed after unary operator: '-p-btn-bg'
(52058,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52066,30): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-default'
(52073,26): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size'
(52091,17): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(52095,17): run-time error CSS1039: Token not allowed after unary operator: '-green-color'
(52120,25): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-lg'
(52154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52155,17): run-time error CSS1039: Token not allowed after unary operator: '-image-pro-width'
(52156,18): run-time error CSS1039: Token not allowed after unary operator: '-image-pro-width'
(52161,21): run-time error CSS1039: Token not allowed after unary operator: '-image-pro-width'
(52172,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52193,61): run-time error CSS1046: Expect comma, found '233'
(52193,69): run-time error CSS1046: Expect comma, found '/'
(52194,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52197,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(52201,61): run-time error CSS1046: Expect comma, found '253'
(52201,68): run-time error CSS1046: Expect comma, found ')'
(52232,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52258,49): run-time error CSS1046: Expect comma, found '251'
(52258,57): run-time error CSS1046: Expect comma, found '/'
(52258,76): run-time error CSS1046: Expect comma, found '253'
(52258,84): run-time error CSS1046: Expect comma, found '/'
(52309,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-min-height'
(52310,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-dark-bg-2'
(52365,21): run-time error CSS1039: Token not allowed after unary operator: '-base-font-size-h3'
(52375,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52376,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(52383,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52385,22): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color8'
(52386,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-bg-3'
(52400,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(52415,17): run-time error CSS1039: Token not allowed after unary operator: '-ui-error-border'
(52435,11): run-time error CSS1038: Expected hex color, found '#ffff'
(52508,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(52533,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-2xl'
(52540,17): run-time error CSS1039: Token not allowed after unary operator: '-sec-light-color3'
(52551,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(52556,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-border-color'
(52557,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary-color'
(52558,35): run-time error CSS1039: Token not allowed after unary operator: '-input-border-1'
 */
@charset "UTF-8";/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--bs-link-color);text-decoration:underline}a:hover{color:var(--bs-link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid var(--bs-border-color);border-radius:.375rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:2px solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#bacbe6;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#cbccce;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#bcd0c7;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#badce3;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#e6dbb9;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#dfc2c4;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#dfe0e1;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#373b3e;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{width:3rem;height:calc(1.5em + .75rem + 2px);padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:.375rem}.form-control-color::-webkit-color-swatch{border-radius:.375rem}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + 2px)}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + 2px)}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:.25rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:.5rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:1px 0}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.375rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.375rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.375rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:none;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:0.5rem}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:0.25rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:0.375rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.375rem - 1px);--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:.375rem}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:1px;--bs-nav-tabs-border-color:#dee2e6;--bs-nav-tabs-border-radius:0.375rem;--bs-nav-tabs-link-hover-border-color:#e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color:#495057;--bs-nav-tabs-link-active-bg:#fff;--bs-nav-tabs-link-active-border-color:#dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:0 0;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:0.375rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{background:0 0;border:0;border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(0, 0, 0, 0.55);--bs-navbar-hover-color:rgba(0, 0, 0, 0.7);--bs-navbar-disabled-color:rgba(0, 0, 0, 0.3);--bs-navbar-active-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-hover-color:rgba(0, 0, 0, 0.9);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(0, 0, 0, 0.1);--bs-navbar-toggler-border-radius:0.375rem;--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:0.375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(0.375rem - 1px);--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(0, 0, 0, 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:#fff;--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:#212529;--bs-accordion-bg:#fff;--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:1px;--bs-accordion-border-radius:0.375rem;--bs-accordion-inner-border-radius:calc(0.375rem - 1px);--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:#212529;--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:#0c63e4;--bs-accordion-active-bg:#e7f1ff}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:#6c757d;--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:#6c757d;display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:#fff;--bs-pagination-border-width:1px;--bs-pagination-border-color:#dee2e6;--bs-pagination-border-radius:0.375rem;--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:#e9ecef;--bs-pagination-hover-border-color:#dee2e6;--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:#e9ecef;--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:#6c757d;--bs-pagination-disabled-bg:#fff;--bs-pagination-disabled-border-color:#dee2e6;display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:0.5rem}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:0.25rem}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:0.375rem;display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:1px solid var(--bs-alert-border-color);--bs-alert-border-radius:0.375rem;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:#084298;--bs-alert-bg:#cfe2ff;--bs-alert-border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{--bs-alert-color:#41464b;--bs-alert-bg:#e2e3e5;--bs-alert-border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{--bs-alert-color:#0f5132;--bs-alert-bg:#d1e7dd;--bs-alert-border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{--bs-alert-color:#055160;--bs-alert-bg:#cff4fc;--bs-alert-border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{--bs-alert-color:#664d03;--bs-alert-bg:#fff3cd;--bs-alert-border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{--bs-alert-color:#842029;--bs-alert-bg:#f8d7da;--bs-alert-border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{--bs-alert-color:#636464;--bs-alert-bg:#fefefe;--bs-alert-border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{--bs-alert-color:#141619;--bs-alert-bg:#d3d3d4;--bs-alert-border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:0.375rem;--bs-progress-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:#212529;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(0, 0, 0, 0.125);--bs-list-group-border-width:1px;--bs-list-group-border-radius:0.375rem;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#212529;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#6c757d;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(255, 255, 255, 0.85);--bs-toast-border-width:1px;--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:0.375rem;--bs-toast-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-toast-header-color:#6c757d;--bs-toast-header-bg:rgba(255, 255, 255, 0.85);--bs-toast-header-border-color:rgba(0, 0, 0, 0.05);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.5rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(0.5rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:#fff;--bs-tooltip-bg:#000;--bs-tooltip-border-radius:0.375rem;--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:#fff;--bs-popover-border-width:1px;--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:0.5rem;--bs-popover-inner-border-radius:calc(0.5rem - 1px);--bs-popover-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color: ;--bs-popover-header-bg:#f0f0f0;--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:#212529;--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color: ;--bs-offcanvas-bg:#fff;--bs-offcanvas-border-width:1px;--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:575.98px){.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}}@media (max-width:575.98px){.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:767.98px){.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}}@media (max-width:767.98px){.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:991.98px){.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}}@media (max-width:991.98px){.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:1199.98px){.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}}@media (max-width:1199.98px){.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:1399.98px){.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}}@media (max-width:1399.98px){.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y))}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,var(--bs-bg-opacity,1))!important}.link-primary{color:#0d6efd!important}.link-primary:focus,.link-primary:hover{color:#0a58ca!important}.link-secondary{color:#6c757d!important}.link-secondary:focus,.link-secondary:hover{color:#565e64!important}.link-success{color:#198754!important}.link-success:focus,.link-success:hover{color:#146c43!important}.link-info{color:#0dcaf0!important}.link-info:focus,.link-info:hover{color:#3dd5f3!important}.link-warning{color:#ffc107!important}.link-warning:focus,.link-warning:hover{color:#ffcd39!important}.link-danger{color:#dc3545!important}.link-danger:focus,.link-danger:hover{color:#b02a37!important}.link-light{color:#f8f9fa!important}.link-light:focus,.link-light:hover{color:#f9fafb!important}.link-dark{color:#212529!important}.link-dark:focus,.link-dark:hover{color:#1a1e21!important}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-1{--bs-border-width:1px}.border-2{--bs-border-width:2px}.border-3{--bs-border-width:3px}.border-4{--bs-border-width:4px}.border-5{--bs-border-width:5px}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-semibold{font-weight:600!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-2xl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */
/*base variable starts here*/
:root {
    --white-color: #ffffff; /* white */
    --primary-font: 'Plus Jakarta Sans';
    --secondary-font: 'Plus Jakarta Sans';
    --box-padding: 1.4rem;
    --box-y-padding: 1.1rem;
    --default-gap: 1.6rem;
    --default-container-gap: 1.8rem;
    --bs-border-width: 0.5rem;
    --custom-sidebar-width: 210px;
    --content-grid-width: 240px;
    --pc-thumb-height: 9rem;
    --bs-border-radius-lg: 2.5rem;
    --border-radius-default: 1.15rem;
    --bs-border-radius: 1.15rem;
    --nav-min-height: 3.3rem;
    --default-sidebar-width: 380px;
    --default-sidebar-width-sm: 365px;
    --base-font-size-xxs: 0.76rem;
    --base-font-size-xs: 0.78rem;
    --base-font-size-sm: 0.8rem;
    --base-font-size: 0.84rem;
    --base-font-size-lg: 0.85rem;
    --base-font-size-xl: 0.875rem;
    --base-font-size-xxl: 0.91rem;
    --base-font-size-h1-lg: 2.5rem;
    --base-font-size-h1: 1.275rem;
    --base-font-size-h2: 1.25rem;
    --base-font-size-h3: 1.05rem;
    --base-font-size-h4: 1rem;
    --base-font-size-h5: 0.94rem;
    --base-font-size-h6: 0.76rem;
    --border-width-layout: 1px;
    --plm-light-purple: #CED2F6;
    --plm-dark-purple: #9895D8;
    --plm-light-green: #6df7de;
    --plm-light-green1: #E4FDF8;
    --plm-dark-green1: #76F6DD;
    --pb-light-yellow: #ffe1d7;
    --plm-light-yellow2: #FEFAE9;
    --plm-dark-yellow2: #F9E791;
    --plm-light-blue: #88c9ff;
    --plm-light-blue2: #EAF5FE;
    --plm-light-salmon: #f5a6ac;
    --plm-light-blue: #96cdfa;
    --plm-light-pink: #FFD4FA;
    --salmon-color: #f5a6ac;
    --plm-light-yellow: #fae697;
    --bs-table-striped-bg: rgb(221 223 233 / 38%);
    --p-btn-padding: 0.55rem 0.9rem;
    --p-btn-min-width: 7.75rem;
    --p-btn-min-width2: 6.625rem;
    --p-btn-min-height: 2.7rem;
    --p-btn-min-height: 2.7rem;
    --p-border-width: 0.125rem;
    --dark-bg-txt: #173571;
    --icon-nav-wh: 1.07rem;
    --icon-nav-wh-lg: 1.32rem;
    --icon-nav-wh-xl: 1.32rem;
    --hh-wm: 4.063rem;
    --overdue-tc: #DE3B40;
    --overdue-bg: #FDF2F2;
    --incomplete-tc: #0046A8;
    --incomplete-bg: #F5F2FD;
    --complete-tc: #17663A;
    --complete-bg: #EEFDF3;
    --chat-input-mh: 4.5rem;
    --def-sb-wid: 0.25em;
    --container-width: 2500px;
}

    :root[color-mode="light"] {
        --p--border-1: #E2E8F0;
        --p-border-2: #D1D1DB;
        --primary-bg-color: #f2f3f4;
        --primary-text-inverse: #f7f4f4;
        --p-grey-1: #c5ccdd;
        --p-grey-2: #F3F5F8;
        --p-grey-3: #f4f7fc;
        --p-grey-4: rgb(249 249 252 / 80%);
        --p-grey-5: #DEE6EB;
        --p-btn-bg: #0A162F;
        --p-btn-txt: #ffffff;
        --p-btn-hover: #3F3F50;
        --input-border-1: #dddde6;
        --p-input-box-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);
        --p-icon-color: var(--primary-color);
        --border-layout: #E5E9ED;
        --default-shadow: 0 1px 4px rgb(0 0 0 / 4%) !important;
        --bg-default: #f6f6f7; /* default background is white */
        --form-disabled-color: #f4f6f9 !important;
        --primary-border-color-2: rgb(204 209 225);
        --primary-border-color: rgb(231 234 243 / 95%);
        --sec-light-color1: #4c4c4c;
        --sec-light-color2: #666666;
        --sec-light-color3: #808080;
        --sec-light-color4: rgba(79, 87, 98, 0.05);
        --sec-light-color5: #cccccc;
        --sec-light-color6: #e5e5e5;
        --sec-light-color7: #efefef;
        --sec-light-color8: #f6f6f7;
        --salmon-new-color: #f3a7ad;
        --salmon-new-color2: #F8CACD;
        --salmon-new-light-color: #fdbdc2;
        --nav-menu-color: #6A7895;
        --nav-menu-active-color: #eaeffb;
        --nav-menu-bg-color: #ffffff;
        --btn-boxshadow: 0px 2px 6px rgba(13, 41, 66, 0.08);
        --orange-color: #F29339;
        --yellow-color: #f7d90b;
        --green-color: #61BD4F;
        --light-green3: #ADFAEB;
        --red-color: #d00c0c;
        --light-orange-color: rgb(255 204 133 / 24%);
        --orange-color: #e5780b;
        --db-text-head: #fff;
        --db-text-para: #B4BFD6;
        --skeleton-color-2: #eaeef7;
        /*---------colors---------*/
        --bg--def-txt-col: #5a709b;
        --primary-color: #09090b; /* light blue */
        --primary-light-color: rgba(53, 155, 236, 0.24); /* light blue */
        --primary-dark-color: #0a88ed; /*light dark blue btn hover etc*/
        --primary-dark-color2: #2664BD;
        --primary-opacity-color: #ebf5ff; /* light blue with opacity*/
        --card-bg-color: #ffffff; /*card background*/
        --secondary-color: #0A162F; /* dark blue */
        --secondary-light-color: rgb(23 53 113 / 66%); /* dark blue */
        --on-primary-color: #5f5f74;
        /* font color */
        --on-secondary-color: #8598BC; /* icon color */
        --disabled-color: #d8d9df; /* disable color */
        --disabled-light-color: #fafafa; /* disable light color */
        --salmon-color: #FFAD98; /* salmon */
        --salmon-light-color: #FFE2DB; /* salmon light*/
        --salmon-dark-color: #FFAD98; /*salmon dark color*/
        --salmon-dark2-color: #fb977d; /*salmon more dark color*/
        --tr-bg-color: #F7F8FA; /*table row bg color*/
        --sidebar-bg-color: #FDFEFE; /*sidebar bg color*/
        --video-sidebar-bg-color: #F7FBFF; /*sidebar bg color*/
        --video-topnav-bg-color: #354566; /*sidebar bg color*/
        --blur-bg-color: rgb(246 250 253); /*sidebar bg after sidebar opens color*/
        --blur2-bg-color: rgb(255 255 255 / 80%); /*dropdown bg after opens color*/
        --tag-text-color: rgba(255, 255, 255, 0.69); /*tag text color*/
        --tag-bg-color: rgba(255, 255, 255, 0.17); /*tag background color*/
        --ebook-bg-light-color: #FFE2DB; /*ebook background color*/
        --chat-bg-color: #F8FCFF; /*ebook background color*/
        --tag-bg-mind-color: #DAEDFF; /*tag background color*/
        --tag-bg-body-color: #E9DDFC; /*tag background color*/
        --tag-bg-work-color: #DEFBEA; /*tag background color*/
        --tag-bg-addiction-color: #FFD6E2; /*tag background color*/
        --tag-bg-relsp-color: #FFD9B6; /*tag background color*/
        --tag-bg-pg-color: #FFF3B5; /*tag background color*/
        --tag-bg-soundscape-color: rgb(156 39 176 / 21%); /*tag background color*/
        --tag-bg-pastlive-color: #ebfdc6; /*tag background color*/
        --notification-bg-color: #FA3E3E; /*notification bg background color*/
        --modal-bg-color: rgb(19 22 31 / 88%); /*modal background color*/
        --overlay-bg: linear-gradient(180deg, rgba(30, 57, 126, 0.92) 19.27%, rgba(255, 255, 255, 0.1) 100%); /*overlay background color*/
        --ot-bg-color: rgba(79, 87, 98, 0.05); /*ot background color*/
        --ct-bg-color: rgba(255, 168, 199, 0.29); /*ot background color*/
        --oc-bg-color: rgba(248, 230, 146, 0.38); /*ot background color*/
        --gm-bg-color: rgba(154, 255, 217, 0.28); /*ot background color*/
        --icon-bg-color: #F4F8FC; /*ot background color*/
        --bg-default-pattern: #F7F8FA;
        --main-loader-bg: rgb(19 22 31 / 88%);
        --light-green: #62E3CA;
        --light-yellow: #F4DF7A;
        --light-salmon: #FC969D;
        --pb-light-purple: #E9DDFC;
        --pb-light-pink: #ffd6e2;
        --light-blue: #81C3FA;
        --placeholder-color: #b8bcc9;
        --link-color: #121217;
        --dash-box-bg-color: #DDEDFA;
        --light-grey-svg-color: #f1f3f4;
        --light-grey-svg-stroke: #ffffff;
        --light-grey-main-circle: #f2f2f2;
        --dark-gradient-primary: #173571;
        --chat-bubble-audio: #e0e3e7;
        --light-green2: #76F6DD;
        --blue-light-bg: #EAF5FE;
        /*---------box shadows---------*/
        --default-shadow: 0px 7px 25px rgba(13, 41, 66, 0.08); /*defualt shadow*/
        --sidebar-shadow: 0px 4px 4px rgb(0 0 0 / 25%); /*sidebar shadow*/
        --text-shadow: 0px 6px 5px rgba(36, 70, 120, 0.25); /*text shadow btn shadow*/
        --switch-boxshadow: 0 0 25px -12px rgb(31 43 58 / 15%);
        --sidebar-bg-boxshadow: 27px 4px 41px rgba(24, 27, 53, 0.5); /*sidebar bg boxshadow*/
        --nav-boxshadow: 5px 14px 25px rgba(13, 41, 66, 0.08); /*sidebar bg boxshadow*/
        --tr-boxshadow: inset 0px 0px 2px rgba(18, 46, 71, 0.48); /*table row box shadowr*/
        --chat-input-boxshadow: inset 0px 0px 7px rgba(66, 96, 141, 0.17); /*Chat input box shadowr*/
        --dropdown-boxshadow: 3px 14px 12px rgb(40 44 73 / 10%); /*Chat input */
        --chat-msgbubble-boxshadow: 0px 14px 25px rgb(13 41 66 / 8%); /*Chat input */
        --btn-boxshadow: 0px 5px 10px rgba(13, 41, 66, 0.08); /*default btn shadow*/
        --icon-box-shadow: 5px 24px 16px rgb(25 42 87 / 11%);
        --profile-img-boxshadow: 0px 2px 4px rgb(0 0 0 / 25%); /*profile image box shadow color*/
        /*---------borders---------*/
        --default-border: #B4BFD6; /*sidebar default border*/
        --sidebar-inner-border: #ffffff; /*sidebar inner border*/
        --sidebar-scroll-color: #a3acb4; /*sidebar scroll thumb shadow*/
        --dashboard-hr-color: #ADD5F5; /*dahsboard hr border color*/
        --tag-border-color: rgba(255, 255, 255, 0.17); /*tag border color*/
        --chat-inbox-border-color: rgb(180 191 214 / 36%); /*tag border color*/
        --profile-img-border-color: #f1f2f7; /*profile image border color*/
        --tag-bg-mind-border-color: #359BEC; /*tag background border color*/
        --tag-bg-body-border-color: #7946DB; /*tag background border color*/
        --tag-bg-work-border-color: #39A361; /*tag background border color*/
        --tag-bg-addiction-border-color: #FF6C98; /*tag background border color*/
        --tag-bg-relsp-border-color: #FF6D3F; /*tag background border color*/
        --tag-bg-pg-border-color: #E19A2E; /*tag background border color*/
        --tag-bg-soundscape-border-color: #89189c; /*tag background border color*/
        --tag-bg-pastlive-border-color: #5c8b00; /*tag background border color*/
        /*---------buttons---------*/
        --dash-btn-bg-color: rgba(53, 155, 236, 0.08);
        --yell-btn-bg-color: #FBE46F;
        --yell-btn-darkbg-color: #f5d63c;
        --play-btn: #EBE8EA; /*play button*/

        --background1: #ffffff;
        --text-white: #364a63;
        --glow1: #f3f3f3;
        --msg-sidebar: #fff;
        /*new colors*/
        --input-focus-dark: #ffffff;
        --chat-dark-bg-2: #fff;
    }

    :root[color-mode="dark"] {
        --p--border-1: #E2E8F0;
        --p-grey-1: #dbdfe8;
        --p-grey-2: #F3F5F8;
        --p-grey-3: #f4f7fc;
        --p-grey-4: #fbfbfc;
        --p-grey-5: #DEE6EB;
        --p-btn-bg: #359BEC;
        --p-btn-txt: #ffffff;
        --p-btn-hover: #0181e7;
        --input-border-1: #383E51;
        --p-input-box-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);
        --p-icon-color: #78829A;
        --border-layout: #383E51;
        --bg-default: #010811;
        --default-shadow: 0 0.3rem 0.3rem rgba(140,152,164,.04) !important;
        --form-disabled-color: #f4f6f9 !important;
        --primary-border-color: #212b42;
        --sec-light-color1: #6b92e1;
        --sec-light-color2: #95b1e9;
        --sec-light-color3: #282c32;
        --sec-light-color4: #3B455C;
        --sec-light-color5: #010811;
        --sec-light-color6: rgb(24 24 26 / 53%);
        --sec-light-color7: #2b3249;
        --salmon-new-light-color: #fdbdc2;
        --salmon-new-color2: #F8CACD;
        --salmon-new-color: #f3a7ad;
        --nav-menu-color: #adadad;
        --nav-menu-active-color: #2b2b2b;
        --nav-menu-bg-color: #1f1f1f;
        --btn-boxshadow: 0px 2px 6px rgba(13, 41, 66, 0.08);
        --orange-color: #F29339;
        --green-color: #2E944E;
        --red-color: #ed0000;
        --light-orange-color: rgb(255 204 133 / 24%);
        --orange-color: #e5780b;
        --db-text-head: #ffffff;
        --db-text-para: #adadad;
        --skeleton-color-2: #05111f;
        --plm-light-blue2: #b4d2ea;
        /*graph colors*/
        --dark-green: #39a361;
        --light-green: #62E3CA;
        --background1: #101924;
        --text-white: #ffffff;
        --glow1: #6d8fb9;
        --white-color: #1f1f1f; /* white */
        /*variable for chat page dark mode starts here*/
        --chat-dark-bg-1: #191E2E;
        --chat-dark-bg-2: #191E2E;
        --chat-dark-border-1: #1f1f1f;
        --chat-left-bubble: #2c2c2c;
        --chat-right-bubble: #024678;
        --chat-recommend-msg: #fb977d;
        --chat-bg-font: #e4e4e4;
        --chat-dark-border: #2b2b2b;
        --chat-dark-border-2: #565656;
        --chat-dark-border-3: #0461a5;
        --primary-dark: #c15337;
        --input-focus-dark: #003c6c;
        --gradient-dark-top: #447cad;
        --gradient-light-bottom: rgb(3 69 122);
        --light-grey-dark: #dddddd;
        --dark-back-bg: #05335c;
        --bg-default-box-shadow: 0px 1px 3px 2px rgb(52 52 52 / 37%);
        --dark-neo-box-shadow: 2px 2px 5px #000000, -2px -2px 5px #404040;
        --dark-primary-color: #359bec;
        --dark-overlay-bg: rgb(66 66 66 / 84%);
        --dark-gradient-primary: #005797;
        --chat-bubble-audio: #e0e3e7;
        --light-green2: #76F6DD;
        --light-green3: #ADFAEB;
        --blue-light-bg: #3B455C;
        /*variable for chat page dark mode ends here*/
        /*---------colors---------*/
        --bg--def-txt-col: #5a709b;
        --primary-color: #d1d1d1; /* light blue -D */
        --primary-light-color: rgba(53, 155, 236, 0.24); /* light blue */
        --primary-dark-color: #1f1f1f; /*light dark blue btn hover etc*/
        --primary-opacity-color: #ebf6ff; /* light blue with opacity*/
        --card-bg-color: #191E2E; /*card background*/
        --secondary-color: #359bec; /* dark blue */
        --secondary-light-color: rgb(23 53 113 / 66%); /* dark blue */
        --on-primary-color: #ffffff; /* font color */
        --on-secondary-color: #8598BC; /* icon color */
        --disabled-color: #3c3c3c; /* disable color -D*/
        --disabled-light-color: #363636; /* disable light color */
        --salmon-color: #FFAD98; /* salmon */
        --bg-default-pattern: #141414;
        --salmon-light-color: #FFE2DB; /* salmon light*/
        --salmon-dark-color: #bf3f1e; /*salmon dark color*/
        --salmon-dark2-color: #fb977d; /*salmon more dark color*/
        --tr-bg-color: #191818; /*table row bg color*/
        --sidebar-bg-color: rgb(31 31 31); /*sidebar bg color*/
        --video-sidebar-bg-color: #1f1f1f; /*sidebar bg color*/
        --video-topnav-bg-color: #354566; /*sidebar bg color*/
        --blur-bg-color: #1f2436; /*sidebar bg after sidebar opens color*/
        --blur2-bg-color: rgb(31 31 31 / 84%); /*dropdown bg after opens color*/
        --tag-text-color: rgba(255, 255, 255, 0.69); /*tag text color*/
        --tag-bg-color: rgba(255, 255, 255, 0.17); /*tag background color*/
        --ebook-bg-light-color: #d4674b; /*ebook background color*/
        --chat-bg-color: #F8FCFF; /*ebook background color*/
        --tag-bg-mind-color: #359bec; /*tag background color -D*/
        --tag-bg-body-color: #7946db; /*tag background color -D*/
        --tag-bg-work-color: #39a361; /*tag background color -D*/
        --tag-bg-addiction-color: #ff6c98; /*tag background color -D*/
        --tag-bg-relsp-color: #ff6d3f; /*tag background color -D*/
        --tag-bg-pg-color: #e19a2e; /*tag background color -D*/
        --notification-bg-color: #af0000; /*notification bg background color*/
        --tag-bg-soundscape-color: #b207cf;
        --tag-bg-pastlive-color: #639300; /*pastlive background color*/
        --tag-bg-pastlive-border-color: #639300; /*pastlive background border color*/
        --tag-bg-soundscape-border-color: #b207cf;
        --modal-bg-color: rgb(36 36 36 / 66%); /*modal background color*/
        --overlay-bg: linear-gradient(180deg, rgba(30, 57, 126, 0.92) 19.27%, rgba(255, 255, 255, 0.1) 100%); /*overlay background color*/
        --ot-bg-color: rgba(148, 204, 249, 0.21); /*ot background color*/
        --ct-bg-color: rgba(255, 168, 199, 0.29); /*ot background color*/
        --oc-bg-color: rgba(248, 230, 146, 0.38); /*ot background color*/
        --gm-bg-color: rgba(154, 255, 217, 0.28); /*ot background color*/
        --icon-bg-color: #F4F8FC; /*ot background color*/
        --dash-box-bg-color: #0a0a0b;
        --light-green: #39a361; /*d*/
        --light-yellow: #d1be14; /*d*/
        --light-salmon: #d55a3a; /*d*/
        --pb-light-purple: #7946db; /*d*/
        --pb-light-pink: #ff6c98; /*d*/
        --light-blue: #0058ab; /*d*/
        --placeholder-color: #78829A; /*-d*/
        --link-color: #62adff;
        --dash-box-bg-color: #DDEDFA;
        --light-grey-svg-color: #141414;
        --light-grey-svg-stroke: #e4e4e4;
        --light-grey-main-circle: #e4e4e4;
        /*---------box shadows---------*/
        --default-shadow: 0px 14px 25px rgba(13, 41, 66, 0.08); /*defualt shadow*/
        --sidebar-shadow: 0px 4px 4px rgb(0 0 0 / 25%); /*sidebar shadow*/
        --text-shadow: 0px 6px 5px rgba(36, 70, 120, 0.25); /*text shadow btn shadow*/
        --switch-boxshadow: 0 0 25px -12px rgb(31 43 58 / 15%);
        --sidebar-bg-boxshadow: 27px 4px 41px rgba(24, 27, 53, 0.5); /*sidebar bg boxshadow*/
        --nav-boxshadow: 5px 14px 25px rgba(13, 41, 66, 0.08); /*sidebar bg boxshadow*/
        --tr-boxshadow: inset 0px 0px 2px rgba(18, 46, 71, 0.48); /*table row box shadowr*/
        --chat-input-boxshadow: inset 0px 0px 7px rgba(66, 96, 141, 0.17); /*Chat input box shadowr*/
        --dropdown-boxshadow: 3px 14px 12px rgb(40 44 73 / 10%); /*Chat input */
        --chat-msgbubble-boxshadow: 0px 14px 25px rgb(13 41 66 / 8%); /*Chat input */
        --btn-boxshadow: 0px 14px 25px rgba(13, 41, 66, 0.08); /*default btn shadow*/
        --icon-box-shadow: 5px 24px 16px rgb(25 42 87 / 11%);
        --profile-img-boxshadow: 0px 2px 4px rgb(31 29 29 / 71%); /*profile image box shadow color*/
        /*---------borders---------*/
        --default-border: #B4BFD6; /*sidebar default border*/
        --sidebar-inner-border: #141414; /*sidebar inner border*/
        --sidebar-scroll-color: #a3acb4; /*sidebar scroll thumb shadow*/
        --dashboard-hr-color: #3a3a3a; /*dahsboard hr border color*/
        --tag-border-color: rgba(255, 255, 255, 0.17); /*tag border color*/
        --chat-inbox-border-color: #292e3c; /*tag border color*/
        --profile-img-border-color: #0a0a0b; /*profile image border color*/
        --tag-bg-mind-border-color: #359BEC; /*tag background border color*/
        --tag-bg-body-border-color: #7946DB; /*tag background border color*/
        --tag-bg-work-border-color: #39A361; /*tag background border color*/
        --tag-bg-addiction-border-color: #FF6C98; /*tag background border color*/
        --tag-bg-relsp-border-color: #FF6D3F; /*tag background border color*/
        --tag-bg-pg-border-color: #E19A2E; /*tag background border color*/
        --main-loader-bg: rgb(0 23 58 / 82%);
        /*---------buttons---------*/
        --dash-btn-bg-color: #0461a5;
        --yell-btn-bg-color: #FBE46F;
        --yell-btn-darkbg-color: #f5d63c;
        --play-btn: #EBE8EA; /*play button*/
    }

@media(max-width: 1800px) {
    :root {
        --pc-thumb-height: 8.5rem;
        --default-container-gap: 1.5rem;
    }
}

@media(max-width: 1750px) {
    :root {
        --custom-sidebar-width: 200px;
    }
}

@media(max-width: 1550px) {
    :root {
        --custom-sidebar-width: 190px;
    }
}

@media(max-width: 1450px) {
    :root {
        --default-gap: 1.35rem;
        --default-container-gap: 1.25rem;
        --default-sidebar-width: 350px;
    }
}

@media(max-width: 1350px) {
    :root {
        --box-padding: 1.1rem;
    }
}

@media(max-width: 991.98px) {
    :root {
        --default-gap: 1rem;
        --box-padding: 1rem;
        --default-container-gap: 1rem;
        --nav-min-height: 4rem;
    }
}

@media(max-width: 991px) {
    :root {
        --custom-sidebar-width: 12.5em;
    }
}

@media(max-width: 576px) {
    :root {
        --custom-sidebar-width: 16.5em;
    }
}


/*base variable ends here*/

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Light.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Regular.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Medium.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}


@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-SemiBold.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
    descent-override: 40%;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff2') format('woff2'), url('/Content/assets/fonts-new/PlusJakartaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Kamerik105W00';
    src: url('/Content/assets/fonts-new/Kamerik105W00-Bold.woff2') format('woff2'), url('/Content/assets/fonts-new/Kamerik105W00-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*base css varibales for layout starts here*/
body {
    background: var(--grey-bg-6);
    font-size: var(--base-font-size);
    font-family: var(--primary-font);
}

.dx-htmleditor-content .dx-mention {
    padding: 1px 0;
    border-radius: 2px;
    background-color: transparent;
    color: #007FFF;
    font-weight: 500;
}

.p-bord-bot1p {
    border-bottom: 1px solid var(--sec-light-color4);
}

.slimScrollBar {
    background: var(--default-border) !important;
    width: 5px !important;
}

.min-w-250px {
    min-width: 250px;
}

.min-w-225px {
    min-width: 225px;
}

.min-w-200px {
    min-width: 200px;
}

.p-circle-count {
    background: var(--dark-blue-color);
    width: 1.5rem;
    height: 1.05rem;
    border-radius: 0.85rem;
    color: var(--background1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 500;
}

    .p-circle-count.p-circle-count-green {
        background: var(--complete-tc);
    }

.p-circle-count-lg {
    width: initial;
    min-width: 3rem;
    height: 1.3rem;
    display: inline-flex;
}

.ph-default-link-hover:hover {
    text-decoration: underline;
}

.pos-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.def-avat-name-ini {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--base-font-size);
    border-radius: 50%;
    font-weight: 500;
}

a.brand-link.show-logo-team {
    display: none !important;
}

button {
    transition: all .3s;
}

.placeload-img-default {
    border: none !important;
    box-shadow: none !important;
}

.ph-placeload .loads {
    width: 100%;
    height: 9px;
}

.ph-placeload.placeload {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    min-height: initial;
}

/*js scroll left right*/
.js-scrollable-nav .p-defautlt-navs {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
}

.js-scrollable-nav {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden; /* Hide the overflowing content */
}

.js-left-arrow, .js-right-arrow {
    position: absolute;
    background: none;
    border: none;
    cursor: pointer;
}

.js-left-arrow {
    left: 0;
}

.js-right-arrow {
    right: 0;
}
/*js scroll right left*/


.fw-500 {
    font-weight: 500;
}

.form-control::placeholder {
    color: var(--placeholder-color);
    opacity: 1;
    font-size: var(--base-font-size);
    line-height: 1.35;
}

select,
.btn-custom-dd,
.p-input-append.p-add-dd .dx-texteditor-input-container,
.p-sc-w,
.p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-add-di,
.p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-select2-input .select2-selection__arrow {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    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: calc(100% - 0.97rem);
    background-repeat: no-repeat;
    background-size: 0.888rem;
}

.p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before {
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    height: 1.25rem;
}

html[color-mode="dark"] select.form-control,
html[color-mode="dark"] .p-input-append.p-add-dd .dx-texteditor-input-container,
html[color-mode="dark"] .p-sc-w,
html[color-mode="dark"] .p-input-append .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
html[color-mode="dark"] .p-add-di,
html[color-mode="dark"] .p-dx-ul .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    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.p-add-si .dx-texteditor-buttons-container .dx-dropdowneditor-icon::before,
.p-input-append.p-add-si .dx-texteditor-input-container {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23404040' version='1.1'%3E%3Cg id='Iconly/Light/Search' stroke-width='1.5' 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");
    background-size: 1.1rem;
    background-repeat: no-repeat;
}

.form-builder-wp select.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    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") !important;
}

.p-input-append.p-add-si .dx-texteditor-input-container {
    background-position: calc(100% - 0.88rem);
}

.p-input-append.p-add-si .dx-dropdowneditor-button {
    width: 43px;
}

.ph-header-1 {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary-color);
    font-family: var(--secondary-font);
}

.ph-header-2 {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--primary-color);
    font-family: var(--secondary-font);
}

.ph-sub-header-2 {
    font-family: var(--primary-font);
    margin: 5px 0 5px;
    font-size: 1.1rem;
    color: var(--on-primary-color);
    line-height: 1.45;
}

@media(max-width: 1600px) {
    .ph-header-1 {
        font-size: 28px;
    }

    .ph-default-para-wrapper .ph-header-1 {
        margin-bottom: 25px;
    }
}

@media(max-width: 1200px) {
    .ph-sub-header-2 br {
        display: none;
    }
}

@media(max-width: 992px) {
    .ph-header-1 {
        font-size: 26px;
        line-height: 38px;
    }

    .ph-header-2 {
        font-size: 1.4rem;
        line-height: 1.3;
    }

    .ph-sub-header-2 {
        font-size: 18px;
    }
}

.ph-para-1 {
    font-size: 16px;
    line-height: 28px;
}

.ph-para-head {
    font-weight: 600;
}

.ph-default-para-wrapper:not(:last-child) {
    margin-bottom: 35px;
}

.ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 30px;
}

.ph-default-para-wrapper .ph-para-1:not(:last-child) {
    margin-bottom: 20px;
}

.ph-para-dot {
    position: relative;
    padding-left: 30px;
    margin-left: 30px;
}

.ph-para-tick {
    position: relative;
    margin-left: 26px;
    padding-left: 33px;
}

    .ph-para-tick::before {
        content: '';
        position: absolute;
        left: 0;
        top: 7px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.682 9.37458C28.1552 9.96308 27.6587 10.5528 27.1937 11.1413C26.9769 11.3896 26.7905 11.6378 26.5737 11.9163C26.9455 13.0631 27.1622 14.3031 27.1622 15.5746C27.1319 22.0846 21.8305 27.3863 15.3205 27.3863C8.81052 27.3863 3.5089 22.0846 3.5089 15.5746C3.5089 9.06464 8.81052 3.76302 15.3205 3.76302C17.3973 3.76302 19.3821 4.32127 21.0871 5.25127C21.6756 4.66277 22.2654 4.10452 22.8854 3.54627L23.2886 3.20477C20.9939 1.71774 18.2657 0.849487 15.3207 0.849487C7.19901 0.849487 0.595703 7.4528 0.595703 15.5745C0.595703 23.6962 7.19901 30.2995 15.3207 30.2995C23.4424 30.2995 30.0457 23.6962 30.0457 15.5745C30.0457 13.373 29.5492 11.2661 28.6822 9.37449L28.682 9.37458Z' fill='%23359BEC'/%3E%3Cpath d='M19.4739 11.2029C18.3574 12.5664 17.3039 13.9614 16.3122 15.3879C15.8157 16.1011 15.3205 16.8446 14.8555 17.5894L10.8872 12.6911C10.4222 12.1328 9.61566 12.0093 8.99566 12.4125C8.34417 12.846 8.18917 13.7143 8.62391 14.3658L13.6155 21.7742C13.739 21.9607 13.9255 22.1459 14.1423 22.2707C14.4208 22.4571 14.7308 22.5492 15.0408 22.5492C15.6293 22.5492 16.2808 22.2392 16.5593 21.7124C16.8378 21.2159 18.2328 18.6439 19.1628 17.249C20.0613 15.854 20.9913 14.4905 22.0145 13.1574C23.0063 11.8241 24.061 10.5224 25.1762 9.28236C26.2612 8.04236 27.4395 6.77086 28.6179 5.68574L28.6493 5.65426C29.2076 5.1275 29.2378 4.25925 28.7426 3.70101C28.2158 3.1125 27.3476 3.04951 26.7591 3.57749C25.3956 4.78599 24.1858 5.99574 22.9774 7.26587C21.7374 8.53737 20.5591 9.83912 19.4741 11.2026L19.4739 11.2029Z' fill='%23359BEC'/%3E%3C/svg%3E");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: 17px;
        height: 17px;
    }

.ph-para-dot::before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-color);
}

@media(max-width: 992px) {
    .ph-para-tick::before {
        top: 8px;
        width: 15px;
        height: 15px;
    }

    .ph-para-tick {
        position: relative;
        padding-left: 30px;
        margin-left: 0px;
    }

    .ph-para-dot::before {
        top: 9px;
    }

    .ph-para-dot {
        position: relative;
        padding-left: 20px;
        margin-left: 0px;
    }

    .ph-para-1 {
        font-size: 17px;
        line-height: 29px;
    }
}

.p-deleted-user {
    opacity: 0.45;
    cursor: default;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font);
    line-height: 1.3;
}

a {
    text-decoration: none;
}

p, label, button, a, input, button, select, textarea {
    font-family: var(--primary-font) !important;
}

.text-primary-color {
    color: var(--primary-color);
}

.form-control::placeholder, input::placeholder {
    color: var(--placeholder-color);
    opacity: 0;
    visibility: hidden;
}

.p-with-20 {
    width: 20px;
}

.min-wid-ini {
    min-width: initial !important;
}

#txtDelete.form-control::placeholder,
#txtDelete input::placeholder,
#txtCaseNo input::placeholder,
#txtCaseNo.form-control::placeholder,
#txtGoalDelete.form-control::placeholder,
#txtGoalDelete input::placeholder,
#txtGoalDelete input::placeholder,
#txtGoalDelete.form-control::placeholder,
#searchUsersInput.form-control::placeholder,
#searchUsersInput input::placeholder,
#searchpeoplesInput input::placeholder,
#searchpeoplesInput.form-control::placeholder,
#permission-searchUsersInput.form-control::placeholder,
#permission-searchUsersInput input::placeholder,
#permission-searchUsersInput input::placeholder,
#permission-searchUsersInput.form-control::placeholder,
#txt_delete_handbook_banner.form-control::placeholder,
#txt_delete_handbook_banner input::placeholder,
#txt_delete_handbook_banner input::placeholder,
#txt_delete_handbook_banner.form-control::placeholder,
#PartnerUserID.form-control::placeholder,
#PartnerUserID input::placeholder,
#PartnerUserID input::placeholder,
#PartnerUserID.form-control::placeholder,
#FirstName.form-control::placeholder,
#FirstName input::placeholder,
#FirstName input::placeholder,
#FirstName.form-control::placeholder,
#LastName.form-control::placeholder,
#LastName input::placeholder,
#LastName input::placeholder,
#LastName.form-control::placeholder,
#DOB.form-control::placeholder,
#DOB input::placeholder,
#DOB input::placeholder,
#DOB.form-control::placeholder,
#JobTitle.form-control::placeholder,
#JobTitle input::placeholder,
#JobTitle input::placeholder,
#JobTitle.form-control::placeholder,
#Email.form-control::placeholder,
#Email input::placeholder,
#Email input::placeholder,
#Email.form-control::placeholder,
.delete-conf-iw input.form-control::placeholder {
    opacity: 1;
    visibility: visible;
}


.icon.ni.rating-star {
    color: #f39c12;
    font-size: 18px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--primary-color);
}

.modal-backdrop {
    background-color: rgb(10 30 68 / 64%);
    backdrop-filter: blur(6px);
}

html[color-mode="dark"] .modal-backdrop {
    background-color: rgb(1 8 17 / 59%);
}

.modal-backdrop.show {
    opacity: 1;
}

.ui-datepicker table {
    font-family: var(--primary-font);
}

@media(max-width: 767px) {
    .modal-title {
        max-width: 75%;
        margin: 0 auto;
    }
}

.modal-footer {
    justify-content: center;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}

.nav-pills .nav-link {
    border-radius: 0;
    color: var(--on-primary-color);
    font-weight: 600;
    padding: .3rem 1rem;
}

.ph-default-box {
    box-shadow: var(--default-shadow);
    border-radius: 13px;
    padding: 20px 20px;
    background-color: var(--card-bg-color);
}

hr {
    border-top: var(--input-border-1);
}

.ph-form-group label {
    font-weight: 600;
    color: var(--primary-color);
    position: relative;
    margin-bottom: 3px !important;
    font-size: 15px;
}

.ph-form-group input, .ph-form-group select, .ph-form-group textarea {
    background-color: var(--white-color);
    padding: .375rem 1rem;
    width: 100%;
    color: var(--primary-color);
}

.form-control:focus, .form-inline input.form-control:focus {
    color: var(--secondary-color);
}

.ph-form-group textarea {
    height: initial;
    min-height: 120px;
}

.ph-default-box .ph-form-group input, .ph-default-box .ph-form-group select, .ph-default-box .ph-form-group textarea, .deactivate-text-area {
    border: 1px solid var(--chat-inbox-border-color) !important;
}

.ph-para-text {
    color: var(--on-primary-color);
    font-size: 15px;
    font-weight: 400;
}

.ph-asterisk label {
    position: relative;
}

/*.ph-asterisk label::after {
    content: "\002A";
    font-size: 18px;
    color: #e00000;
    position: relative;
    top: 0;
    margin-left: 2px;
    line-height: 17px;
}*/

.form-control[disabled],
.p-small-input[disabled],
.form-control[readonly],
.form-control[disabled="disabled"],
.disabled-disabled button.btn-custom-dd,
.dx-state-disabled .dx-dropdowneditor,
.dx-state-disabled.dx-dropdowneditor,
select[disabled="disabled"],
.form-control[disabled] ~ .input-group-append span,
.form-group .dx-state-disabled.dx-widget {
    background-color: var(--disabled-light-color) !important;
    opacity: 1;
    cursor: default;
}

    .form-group .dx-state-disabled.dx-widget .dx-texteditor-input {
        background-color: var(--disabled-light-color) !important;
    }

    .form-control[disabled]:focus,
    .form-control[readonly]:focus,
    .form-control[disabled="disabled"]:focus {
        outline: none !important;
        box-shadow: none !important;
        border-color: var(--input-border-1) !important;
    }

.text-underline {
    position: relative;
}

    .text-underline::after {
        position: absolute;
        content: '';
        background-image: url("data:image/svg+xml,%0A%3Csvg width='268' height='13' viewBox='0 0 268 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M246.2 1.4999C240.4 1.1999 234.5 0.899902 228.6 0.599902C226.7 0.499902 224.7 0.499902 222.8 0.399902C218.6 0.299902 214.4 0.199902 210.2 0.0999023C207.9 -9.76548e-05 205.5 -9.76548e-05 203.2 -0.100098C202.5 -0.100098 201.8 -0.100098 201.2 -0.100098C199.7 -0.100098 198.2 -0.100098 196.6 -0.100098C189.7 -0.100098 182.8 -0.100098 175.9 -0.100098C174.3 -0.100098 172.6 -0.100098 171 -9.76548e-05C166.9 0.0999023 162.9 0.0999024 158.8 0.199902C154.2 0.299902 149.6 0.299902 145 0.399902C137.6 0.599902 130.1 0.799902 122.7 0.999902C118.4 1.0999 114.1 1.1999 109.8 1.2999C102.4 1.5999 95 1.8999 87.6 2.1999C83.5 2.3999 79.5 2.4999 75.4 2.6999C67.7 3.1999 60 3.5999 52.3 3.9999C48.2 4.1999 44.1 4.3999 40 4.6999C32.4 5.2999 24.7 5.9999 17.1 6.6999C15.5 6.7999 13.8 6.9999 12.1 7.0999C8.9 7.3999 5.6 7.8999 2.3 8.2999C2.1 8.2999 1.9 8.3999 1.7 8.3999C1.3 8.3999 1 8.5999 0.7 8.8999C0.2 9.3999 0 9.9999 0 10.5999C0 11.1999 0.2 11.7999 0.7 12.1999C1.1 12.5999 1.8 12.8999 2.3 12.8999C6.3 12.4999 10.2 11.9999 14.2 11.5999C17.9 11.2999 21.6 10.9999 25.3 10.6999C29.3 10.3999 33.3 9.9999 37.4 9.6999C39 9.5999 40.6 9.3999 42.3 9.2999C48.6 8.9999 54.8 8.5999 61.1 8.2999C65 8.0999 68.9 7.8999 72.8 7.6999C74.4 7.5999 76 7.4999 77.6 7.3999C83.8 7.0999 90 6.8999 96.2 6.5999C100 6.4999 103.7 6.2999 107.5 6.1999C108.8 6.1999 110 6.0999 111.3 6.0999C118 5.8999 124.7 5.7999 131.4 5.5999C135.1 5.4999 138.9 5.3999 142.6 5.2999C143.9 5.2999 145.3 5.1999 146.6 5.1999C153.5 5.0999 160.4 5.0999 167.4 4.9999C171.7 4.9999 176 4.8999 180.3 4.8999C187.6 4.8999 195 4.8999 202.3 4.9999C203.7 4.9999 205.2 5.0999 206.6 5.0999C210.7 5.1999 214.7 5.2999 218.8 5.4999C221.8 5.5999 224.9 5.6999 227.9 5.7999C230.1 5.8999 232.2 5.9999 234.4 6.0999C240.7 6.3999 247.1 6.7999 253.4 7.1999C255 7.2999 256.6 7.3999 258.2 7.4999C259.9 7.5999 261.7 7.6999 263.4 7.8999C263.7 7.8999 263.9 7.9999 264.2 8.0999C264.9 8.1999 265.5 8.1999 266.1 7.7999C266.7 7.4999 267.1 6.8999 267.3 6.2999C267.7 4.9999 266.9 3.5999 265.5 3.1999C264.3 2.8999 263.1 2.7999 262 2.5999C261.2 2.4999 260.4 2.3999 259.6 2.3999C258 2.1999 256.4 2.1999 254.9 1.9999C252.1 1.8999 249.1 1.6999 246.2 1.4999Z' fill='%23e6d47d'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='267.6' height='12.9' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        width: 100%;
        height: 15px;
        background-repeat: no-repeat;
        left: 0;
        bottom: -3px;
    }

.input-text-only {
    padding: 0.6rem 0;
    display: block;
    color: var(--primary-color);
}

@media(max-width: 768px) {
    .text-underline::after {
        bottom: -4px;
        background-size: 220%;
    }
}

/*container custumisation*/

.container-fluid {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container, .container-md, .container-sm {
        max-width: 980px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 1060px) {
    .container, .container-md, .container-sm {
        max-width: 90%;
    }
}

@media (min-width: 1200px) {
    .container, .container-md, .container-sm {
        max-width: 1180px;
    }
}

@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1250px;
        margin: 0 auto;
        padding: 0 15px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1340px;
        margin: 0 auto;
        padding: 0 30px;
    }
}

@media (max-width: 575px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/*base css varibales for layout ends here*/
/*profile image image border*/
.hc-live-profile-image img, .favourite-therapist-img, .live-classes-row-profile, .oc-pract img, .user-panel img, .steps-filter-single-pract-wrapper .ncd-learn-profil-img, .order-summary-inner-div .prac-name-div img, .review-img, .userProfileDiv img, .pracr-profile, .nd-review-img-name-wrapper img.nd-review-user, .testimonial-img-steps, .header-wrapper .drop-down-link img, .learn-search--overlay .learn-ovelay-search-mob-view, .dashboard-user .nd-dash-user img, .ph-default-img {
    background-color: var(--profile-img-border-color);
    border: 0.04px solid var(--profile-img-border-color);
    /*box-shadow: var(--profile-img-boxshadow);*/
    object-fit: cover;
    object-position: top;
}
/*profile image image border*/


/*css for header*/

/*sick slider controls starts here*/

.slick-dots {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 50%);
}

    .slick-dots li {
        display: inline-block;
    }

        .slick-dots li button {
            font-size: 0;
            border: 0;
            background-color: var(--disabled-light-color);
            line-height: 0;
            height: 10px;
            width: 10px;
            border: 2px solid transparent;
            border-radius: 50%;
            padding: 3px;
        }

        .slick-dots li.slick-active button {
            border: 2px solid var(--salmon-color);
            background-color: var(--salmon-light-color);
        }

        .slick-dots li:not(:last-child) {
            margin-right: 10px;
        }

.prev-ctrl, .next-ctrl {
    box-shadow: var(--default-shadow);
    background-color: var(--white-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
    transform: translateY(-50%);
    cursor: pointer;
    top: 50%;
    position: absolute;
}

@media (max-width: 767px) {
    .prev-ctrl, .next-ctrl {
        display: none !important;
    }
}

.prev-ctrl {
    left: -10px;
}

.next-ctrl {
    right: -10px;
}

    .prev-ctrl.slick-disabled em, .next-ctrl.slick-disabled em, .prev-ctrl.slick-hidden em, .next-ctrl.slick-hidden em {
        color: var(--disabled-color);
        cursor: default;
    }

.ctrls-icon {
    width: 23px;
    height: 23px;
}

.slick-dots li button:focus {
    outline: none;
}

.slick-disabled {
    opacity: 0;
}

.slick-prev, .slick-next {
    box-shadow: var(--default-shadow);
    background-color: var(--white-color);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    transform: translateY(-50%);
    cursor: pointer;
    top: 50%;
    position: absolute;
    font-size: 0;
    border: 1px solid var(--dash-btn-bg-color);
}

    .slick-prev:hover, .slick-next:hover {
        background-color: var(--white-color) !important;
    }

.slick-prev {
    left: -15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23359BEC' class='bi bi-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}

.slick-next {
    right: -15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23359BEC' class='bi bi-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}
/*slick slider control ends here*/

/*dx toast */

.dx-toast-wrapper .dx-toast-content {
    min-width: 380px;
    width: initial !important;
    max-width: 1400px;
    color: var(--primary-color);
    padding: 1.6rem 1.5rem;
    border-radius: calc(var(--border-radius-default)* 0.9);
    display: inline-flex;
    align-items: center;
    box-shadow: 1px 2px 6px 1px rgb(0 0 0 / 7%);
}

.dx-toast-wrapper .dx-toast-icon {
    margin-right: 25px;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
    padding: 13px;
    border: 2px solid #ffffff;
    box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 5%);
}

.dx-toast-wrapper .dx-toast-message {
    line-height: 17px;
}

.dx-toast-wrapper .dx-toast-success {
    border: 2px solid #ffffff;
    background: linear-gradient(180deg, rgb(212 251 209) 25%, rgb(250 255 249) 100%);
}

.dx-toast-wrapper .dx-toast-success .dx-toast-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='Check circle' 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='M15.993 10.222L11.375 14.84C11.228 14.987 11.037 15.06 10.845 15.06C10.652 15.06 10.461 14.987 10.314 14.84L8.005 12.531C7.712 12.238 7.712 11.763 8.005 11.47C8.298 11.177 8.772 11.177 9.065 11.47L10.845 13.249L14.932 9.161C15.225 8.868 15.7 8.868 15.993 9.161C16.286 9.454 16.286 9.929 15.993 10.222ZM12 2.5C6.762 2.5 2.5 6.762 2.5 12C2.5 17.239 6.762 21.5 12 21.5C17.238 21.5 21.5 17.239 21.5 12C21.5 6.762 17.238 2.5 12 2.5Z' fill='%2350C878'%3E%3C/path%3E%3C/svg%3E");
}

.dx-toast-wrapper {
    background-color: transparent !important;
}

.dx-toast-wrapper .dx-toast-error {
    background: linear-gradient(180deg, #ffe7e7 18%, #fffafa 100%);
    border: 2px solid #fff;
}

.dx-toast-wrapper .dx-toast-error .dx-toast-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='Error Triangle' 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='M12.7613 13.2834C12.7613 13.6974 12.4253 14.0334 12.0113 14.0334C11.5973 14.0334 11.2613 13.6974 11.2613 13.2834V10.2714C11.2613 9.85744 11.5973 9.52144 12.0113 9.52144C12.4253 9.52144 12.7613 9.85744 12.7613 10.2714V13.2834ZM12.0093 17.0544C11.5953 17.0544 11.2593 16.7424 11.2593 16.3284V16.2794C11.2593 15.8654 11.5953 15.5294 12.0093 15.5294C12.4233 15.5294 12.7593 15.8654 12.7593 16.2794C12.7593 16.6934 12.4233 17.0544 12.0093 17.0544ZM21.1703 16.8734L14.2103 4.65744C13.7613 3.87144 12.9533 3.40044 12.0483 3.39844H12.0433C11.1423 3.39844 10.3353 3.86544 9.88528 4.64644L2.83728 16.8614C2.38628 17.6414 2.38628 18.5744 2.83628 19.3544C3.28628 20.1354 4.09428 20.6004 4.99528 20.6004H19.0033C19.9023 20.6004 20.7073 20.1374 21.1593 19.3594C21.6113 18.5834 21.6153 17.6534 21.1703 16.8734Z' fill='%23d11111'%3E%3C/path%3E%3C/svg%3E") !important;
}
/*dx toast */

.p-grey-bg-box {
    position: relative;
    padding: calc(var(--box-padding) * 0.75);
    background-color: var(--p-grey-2);
    border-radius: var(--border-radius-default);
}

/*dark mode btns css starts here*/
:root[color-mode="light"] .dark-switch-btns .light--hidden {
    display: none;
}

:root[color-mode="dark"] .dark-switch-btns .dark--hidden {
    display: none;
}

.dark-switch-btns {
    position: initial;
    background-color: var(--input-border-1);
    min-width: 3.3rem;
    border-radius: 5rem;
    padding: 0.2rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: flex;
    align-items: center;
    width: 3.125rem;
}

.color-mode__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    background-color: var(--chat-dark-bg-2);
    border-radius: 50%;
    width: 1.62rem;
    height: 1.62rem;
    padding: 0;
}

    .color-mode__btn .iconly--icon {
        stroke: var(--primary-color);
    }

:root[color-mode="dark"] .dark-switch-btns .light--hidden {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
    margin: 0;
}

/*dark mode btns css ends here*/

/*tooltip Css*/

/*All buttons*/
/*----dahsboard btn----*/

.play-btn-video {
    box-shadow: none;
    border: none;
    background-color: transparent;
}

.main-wrapper-mood-track-step textarea::placeholder {
    color: #99a2b7 !important;
}

.continue-button:hover {
    background: var(--primary-dark-color);
    border-color: var(--primary-dark-color);
    color: #ffffff !important;
    text-decoration: none !important;
}

.browse-prac-btn {
    width: 139px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,.18), 0 2px 8px 0 rgba(0,0,0,.15);
    background-color: var(--primary-color);
    border: none;
    color: white;
    padding: 5px;
    border-radius: 0px;
    font-size: 14px;
    border-radius: 25px !important;
}

    .browse-prac-btn[disabled] {
        background-color: #bbbbbb;
        box-shadow: none;
        cursor: not-allowed !important;
        text-decoration: line-through #fff;
    }

    .browse-prac-btn:hover {
        color: #ffffff;
        background-color: #05a9af;
        border-color: #05a9af;
    }


.dashboard-hc-btn.dashborad-mt-btn {
    font-size: 14px;
    min-width: 130px;
    margin-top: 3px;
    line-height: 20px;
}

.dashboard-user-inner button.dashboard-hc-btn.refer-therapist {
    width: 100%;
    min-width: initial;
    max-width: initial;
}

button.dashboard-hc-btn.refer-therapist {
    background-color: var(--p-btn-bg);
    color: var(--white-color);
    border-radius: var(--bs-border-radius);
    min-width: 140px;
    object-fit: cover;
    margin: 1rem auto 0;
}

    button.dashboard-hc-btn.refer-therapist:hover {
        background-color: var(--primary-dark-color);
    }

.nd-creator-hc-btn-wrapper .dashboard-hc-btn {
    font-size: 16px;
}


/*buttons ends*/
/*css footer*/
footer.hcb-footer {
    background-color: var(--secondary-color);
    padding: 50px 0 40px;
    position: relative;
    margin-top: 100px;
    text-align: left;
}

.hcb-links-pri-ter,
.footer-wrapper-content-s-cols ul {
    list-style-type: none;
    padding: 0;
}

    .footer-wrapper-content-s-cols ul li a,
    .hcb-links-pri-ter li a,
    .footer-wrapper-content-t-cols a,
    .sales-press-links strong {
        color: var(--white-color);
        font-size: 14px;
        font-weight: 400;
    }

    .footer-wrapper-content-s-cols ul li {
        text-align: left;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 8px;
            display: inline-block;
        }

label.hcb-copyright {
    color: #ffff;
}

.footer-wrapper-content-f-row {
    display: grid;
    grid-template-columns: 35% auto;
    grid-gap: 30px;
}

.hcb-social-media {
    display: inline-grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 15px;
    align-items: center;
}

.ph-footer-social-security-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.hcb-social-media a {
    display: flex;
    align-items: center;
    height: 20px;
    width: 20px;
}

.hcb-social-media svg {
    fill: var(--white-color);
    width: 20px;
    height: 20px;
    display: inline-block;
}

.footer-wrapper-content-t-cols a,
.hcb-certificates li a,
.hcb-links-pri-ter li a {
    font-weight: 600;
}

.hcb-links-num, .hcb-links-email {
    margin: 0;
    display: inline-block;
    color: var(--white-color)
}

    .hcb-links-num:hover, .hcb-links-email:hover {
        margin: 0;
        display: inline-block;
        color: var(--white-color)
    }

.ph-connect-infos-media {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    grid-gap: 40px;
}

.hcb-footer-logo img {
    max-width: 115px;
    height: auto;
}

.footer-wrapper-content-s-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
}

    .footer-wrapper-content-s-cols p {
        color: var(--white-color);
        font-weight: 600;
        font-size: 17px;
    }

.footer-wrapper-content-f-cols {
    display: flex;
    align-items: flex-end;
}

.path-footer-icons {
    fill: #FFF;
    width: 20px;
    height: 20px;
    display: inline-block;
}

ul.hcb-links-pri-ter {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-gap: 23px;
}

svg.footer-pattern {
    max-width: 100%;
    width: 440px;
    position: absolute;
    right: -160px;
    bottom: -260px;
}

.hcb-footer-logo {
    margin-bottom: 25px;
}

label.hcb-copyright {
    color: #ffff;
    margin-bottom: 25px;
    font-size: 14px;
}

.hcb-certificates svg {
    width: 100%;
    max-width: 300px;
}

.hcb-footer-dissclaimer {
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-top: 6px;
}

.footer-wrapper-content {
    position: relative;
    z-index: 99;
}

.hcb-footer hr {
    border-color: var(--chat-inbox-border-color);
    border-top: 1px solid;
}

.footer-lady {
    position: absolute;
    left: 0;
    top: -106px;
    max-width: 240px;
    z-index: 99;
}

.footer-wrapper-content-s-cols ul li a:hover {
    text-decoration: underline;
}

@media(max-width: 992px) {
    .ph-footer-social-security-wrapper {
        flex-direction: column;
    }

    .footer-lady {
        position: absolute;
        left: 0;
        top: -99px;
        max-width: 230px;
        z-index: 9999;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .ph-connect-infos-media {
        margin-bottom: 15px;
    }

    .footer-wrapper-content-s-cols {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 15px;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 8px;
            display: inline-block;
            font-size: 14px;
        }

    .footer-wrapper-content-t-cols a, .hcb-certificates li a, .hcb-links-pri-ter li a {
        font-weight: 400;
        font-size: 14px;
    }

    .hcb-footer-dissclaimer {
        font-size: 14px;
        font-weight: 400;
        max-width: 100%;
        text-align: center;
    }

    svg.footer-pattern {
        max-width: 100%;
        width: 400px;
        position: absolute;
        right: -154px;
        bottom: -260px;
    }
}

@media (max-width: 767px) {

    .footer-wrapper-content-f-cols {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .footer-wrapper-content-s-cols {
        grid-template-columns: repeat(2, 1fr);
    }

    .ph-connect-infos-media {
        grid-template-columns: auto;
        align-items: center;
        grid-gap: 8px;
        justify-content: center;
        text-align: center;
    }

    .footer-wrapper-content-s-cols ul li {
        text-align: center;
    }

    .footer-wrapper-content-f-row {
        grid-template-columns: auto;
        grid-gap: 30px;
        align-items: center;
        text-align: center;
        grid-gap: 18px;
    }

    .ph-connect-infos-media {
        margin-bottom: 15px;
    }

    ul.hcb-links-pri-ter {
        align-items: center;
        justify-content: center;
    }

    svg.footer-pattern {
        width: 380px;
        right: -160px;
        bottom: -254px;
        height: auto;
    }

    .hcb-links-pri-ter, .footer-wrapper-content-s-cols ul {
        margin-bottom: 0;
    }

        .footer-wrapper-content-s-cols ul li a {
            margin-bottom: 6px;
        }

    .hcb-footer-dissclaimer {
        font-size: 14px;
        font-weight: 400;
        margin-top: 6px;
        text-align: center;
    }

    .hcb-social-media svg {
        width: 32px;
        height: 32px;
    }

    hr.footer-line {
        margin: 5px 0 0;
    }

    .hcb-footer-logo {
        margin-bottom: 14px;
    }

    label.hcb-copyright {
        margin-bottom: 16px;
        margin-top: 8px;
    }

    .hcb-demo-last-btn.text-center.my-9 {
        margin: 10px 0 50px !important;
    }

    .hcb-certificates svg {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    footer.hcb-footer {
        padding: 70px 0 20px;
        margin-top: 80px;
    }
}

/*css for footer ends here*/

/*tables start*/
table tr td {
    border: none;
}

/*dashboard table start*/

/*dashboard table ends*/


/*tables ends*/

.hidden {
    display: none !important;
}

.icon.ni {
    font-size: 23px;
    color: var(--primary-color);
}

a.moreless {
    color: var(--primary-color);
}



.p-custom-checkbox {
    display: flex;
    align-items: center;
    padding-left: 2rem;
    line-height: 1.58;
}

.p-custom-checkbox-wl.p-custom-checkbox {
    display: inline-flex;
    justify-content: center;
    position: relative;
    right: -0.51rem;
}

    .p-custom-checkbox-wl.p-custom-checkbox .custom-control-input {
        z-index: 1;
        width: 1.2rem;
        cursor: pointer;
    }

.p-custom-checkbox .custom-control-label::after {
    top: 0rem;
    left: -2.05rem;
    width: 1.3rem;
    height: 1.3rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    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='M19 7.1875L9.375 16.8125L5 12.4375' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 79%;
    background-position: center;
}

.p-custom-checkbox .custom-control-label::before {
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    left: -2rem;
    top: 0.05rem;
}

.p-custom-checkbox .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: middle;
    padding-top: 0;
    cursor: pointer;
    font-size: var(--base-font-size);
}

.dark-bg .p-custom-checkbox .custom-control-label::before {
    background-color: #181717;
    border: 1px solid #5d5d5d;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgb(18 18 23 / 50%);
    cursor: default;
    border: transparent;
}

.custom-checkbox .custom-control-input:disabled:checked {
    cursor: default;
}

.p-checkbox-2x {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.35rem;
}


/*calender customization starts here*/
.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
    border-right: 1px solid var(--chat-inbox-border-color) !important;
}

span[data-cal-date] {
    font-size: var(--base-font-size) !important;
    color: var(--primary-color) !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

.cal-cell1.cal-cell.blocked-date {
    background-color: var(--input-border-1) !important;
}

.cal-month-day {
    padding: 6px !important;
}

/*calender customization ends here*/

/* top header css starts here*/
header.header-wrapper {
    transition: all .6s;
}

.headerinner-wrapper-learn {
    background-color: var(--white-color);
}

a.x-sign {
    border: 1px solid var(--primary-color) !important;
}

/*pattern starts*/

.nd-pattern-top, .nd-pattern-top-right {
    z-index: -1;
}

#wrapper {
    height: 100%;
    position: relative;
    position: relative;
    display: flex;
    flex-direction: column;
}

/*.content-wrapper,
.content-wrapper > .row,
.content-wrapper > .row > .col-sm-12,
.content-wrapper > .row > .col-sm-12 > .nd-cus-conatiner,
.content-wrapper > .row > .col-sm-12 > .nd-cus-conatiner > .ph-card,
.to-tabs-content > .tab-content,
.to-tabs-content > .tab-content .tab-pane,
.to-tabs-content > .tab-content .tab-pane > .ph-card {
    min-height: 100%;
}*/


.nd-pattern-top {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    max-width: 325px;
}

.nd-pattern-top-right {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(-35%);
    max-width: 300px;
    width: 100%;
    height: initial;
}

@media(max-width: 1600px) {
    .nd-pattern-top-right {
        max-width: 250px;
    }
}

/*only for  dashboard*/

.nd-pattern-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 220px;
    width: 100%;
}

@media(max-width: 1110px) {
    .nd-pattern-top {
        max-width: 30%;
    }

    .nd-pattern-top-right {
        bottom: 0;
        max-width: 25%;
        top: initial;
    }
}

@media(max-width: 767px) {
    .nd-pattern-top {
        max-width: 50%;
    }

    .nd-pattern-top-right {
        top: 350px;
        max-width: 55%;
    }
}

@media(max-width: 575px) {
    .nd-pattern-top {
        max-width: 75%;
    }

    .nd-pattern-top-right {
        top: 350px;
        max-width: 55%;
    }
}

/*dark mode pattern*/

/*.nd-dark-mode-pattern-top,
.nd-dark-mode-pattern-bottom,
html[color-mode="dark"] .nd-pattern-top,
html[color-mode="dark"] .nd-pattern-top-right {
    display: none;
}*/

html[color-mode="dark"] .nd-dark-mode-pattern-top,
html[color-mode="dark"] .nd-dark-mode-pattern-bottom,
html[color-mode="dark"] .nd-pattern-top,
html[color-mode="dark"] .nd-pattern-top-right {
    display: none;
}

/*patterns ends here*/
/* top header css starts here*/
.ph-bl-sections {
    padding-top: 130px;
}

.ph-header-main {
    font-size: 35px;
}

.ph-join-thep {
    display: grid;
    grid-template-columns: 75% auto;
}

.section-join-therapist .ph-header-main {
    margin-bottom: 50px;
}

.ph-join-thep {
    display: grid;
    grid-template-columns: auto 380px;
    grid-gap: 25px;
}

.cuation-icon {
    width: 20px;
}

.cuation-para {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
    grid-gap: 15px;
    padding-left: 24px;
    margin-top: 55px;
}

@media(max-width: 1600px) {
    .ph-header-main {
        font-size: 28px;
    }
}

@media(max-width: 992px) {
    .ph-join-thep {
        grid-template-columns: auto 250px;
    }

    .ph-bl-sections {
        padding-top: 90px;
    }

    .ph-header-main {
        font-size: 28px;
        line-height: 40px;
    }

    .cuation-para {
        padding-left: 0px;
    }
}

@media(max-width: 767px) {
    .ph-join-thep {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 25px;
        justify-content: center;
    }
}

/*how it works page starts here*/

.ph-hiw-4x-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    align-self: stretch;
    margin-bottom: 45px;
}

.ph-why-plumm-inner {
    border-radius: 9px;
    width: 100%;
    padding: 16px;
    min-height: 310px;
}

    .ph-why-plumm-inner .ph-4x-icon-wrapper {
        background: var(--icon-bg-color);
        box-shadow: var(--icon-box-shadow);
        border-radius: 16px;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
    }

        .ph-why-plumm-inner .ph-4x-icon-wrapper svg {
            max-width: 36px;
        }

    .ph-why-plumm-inner h3 {
        color: var(--secondary-color);
        font-weight: 600;
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .ph-why-plumm-inner p {
        color: var(--secondary-color);
        font-weight: 400;
        font-size: 16px;
        line-height: 27px;
    }

.ph-hiw-ot {
    background: var(--ot-bg-color);
}

.ph-hiw-ct {
    background: var(--ct-bg-color);
}

.ph-hiw-oc {
    background: var(--oc-bg-color);
}

.ph-hiw-gm {
    background: var(--gm-bg-color);
}

/*how it works page ends here*/

.hiw-btns-signup {
}

.hiw-steps {
    margin: 60px 0 70px;
}

    .hiw-steps > .container, .hiw-plum-secure > .container {
        max-width: 1100px;
    }

.hiw-steps-1, .hiw-steps-3 {
    background: #F4F8FC;
}

.hiw-steps-1, .hiw-steps-2, .hiw-steps-3 {
    padding: 45px 0;
}

section.hiw-plum-secure {
    margin: 20px 0 150px;
}

.main-how-it-works .ph-para-dot {
    margin-left: 0;
}

.plumm-step-imgs {
    padding: 20px;
}

.main-how-it-works .ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 15px;
}

.main-how-it-works .ph-default-para-wrapper:not(:last-child) {
    margin-bottom: 45px;
}

@media(max-width: 1024px) {
    .ph-hiw-4x-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px;
    }

    section.hiw-plum-secure .ph-header-main {
        font-size: 24px;
        line-height: 35px;
    }
}

@media(max-width: 991px) and (max-width: 768px) {
    .plumm-step-imgs {
        padding: 20px;
        max-width: 55%;
        margin: 0 auto;
        display: block;
    }
}

@media(max-width: 767px) {
    section .hiw-steps.hiw-steps-1 {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    section.hiw-steps.hiw-steps-2 {
        margin-top: 0;
    }

    .ph-hiw-lc-ri-content, .ph-hiw-li-rc-content {
        grid-gap: 30px;
    }

    section.hiw-steps.hiw-steps-2 {
        margin-top: 0;
        margin-bottom: 0;
    }

    section.hiw-steps.hiw-steps-1 {
        margin-bottom: 0;
    }
}

@media(max-width: 545px) {
    .ph-hiw-4x-grid {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 30px;
        align-self: stretch;
        margin-bottom: 35px;
    }
}

.ph-hiw-lc-ri-content {
    display: grid;
    grid-template-columns: 65% auto;
    align-items: center;
    grid-gap: 50px;
}

.ph-hiw-li-rc-content {
    display: grid;
    grid-template-columns: auto 65%;
    align-items: center;
    grid-gap: 50px;
}

.ph-hiw-left-right-wrapper {
    margin-top: 0px;
}


@media(max-width: 991px) {
    .main-how-it-works .ph-default-para-wrapper:not(:last-child) {
        margin-bottom: 15px;
    }

    .ph-hiw-lc-ri-content {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .ph-hiw-li-rc-content {
        display: grid;
        grid-template-columns: auto;
    }
}


@media(max-width: 768px) {
    .ph-hiw-lc-ri-content {
        grid-template-columns: auto;
    }
}

.ph-hiw-left-right-wrapper img {
    border-radius: 3px;
    box-shadow: var(--default-shadow);
}

/*how it works page ends here*/

/*css for contact us page starts here*/
.contact-us-form .ph-form-group input, .contact-us-form .ph-form-group select, .contact-us-form .ph-form-group textarea {
    border: 1px solid var(--chat-inbox-border-color) !important;
}


.contact-us-form .ph-form-group textarea {
    min-height: 150px;
}

.cu-mt {
    margin-top: 30px;
}

.section-contact-us .ph-header-main {
    margin-bottom: 25px;
}

.ph-get-in-touch .ph-para-1 em {
    font-size: 20px;
    display: inline-block;
    padding-right: 18px;
}

.ph-get-in-touch .ph-para-1 em, .ph-get-in-touch .ph-para-1 a {
    color: var(--primary-color);
}

.customer-service {
    margin-bottom: 50px;
}

@media(max-width: 992px) {

    .contact-us-form {
        margin-bottom: 55px;
    }

    .cu-mt {
        margin-top: 35px;
    }
}
/*css for contact us page ends here*/

/*css fot terms of use starts here*/
.mod-drop-col p, .mod-drop-col-1 p, .section-terms-use p, .section-terms-use li, .restriction-miandiv li, .header-underline li, .section-cookie-policy p {
    line-height: 26px;
    color: var(--secondary-color);
    font-weight: 400;
    font-size: 16px;
}

.restriction-miandiv li, .section-terms-use li, .header-underline li {
    list-style-type: disc;
}

    .restriction-miandiv li:not(:last-child), .section-terms-use li:not(:last-child), .header-underline li:not(:last-child) {
        margin-bottom: 15px;
    }

.header-underline h1 span, .header-underline div span, .ph-bl-sections .text-title, .ph-bl-sections .text-title h3 {
    display: inline-block;
    width: auto !important;
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
}

.section-terms-use .text-title, .header-underline .text-title {
    text-transform: uppercase;
    color: var(--secondary-color);
    text-align: left;
    width: 100%;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 18px;
    margin-top: 25px;
}

.section-terms-use .table {
    color: var(--primary-color);
}

    .section-terms-use .table thead th {
        vertical-align: bottom;
        border: 1px solid var(--chat-inbox-border-color);
        background-color: var(--primary-color);
        color: var(--white-color);
        font-weight: 500 !important;
    }

    .section-terms-use .table td, .section-terms-use .table th {
        padding: .75rem;
        text-align: center;
        vertical-align: middle;
        border: 1px solid var(--chat-inbox-border-color);
        color: var(--secondary-color);
    }

.section-terms-use i.fa.fa-check {
    position: relative;
}

    .section-terms-use i.fa.fa-check::after {
        content: '';
        position: absolute;
        font-weight: 700;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='%23359BEC' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg data-name='Layer 57' id='Layer_57'%3E%3Cpath d='M11.5,25.5a2,2,0,0,1-1.41-.59l-5.5-5.5a2,2,0,0,1,2.83-2.83l4.09,4.09L24.59,7.59a2,2,0,0,1,2.83,2.83l-14.5,14.5A2,2,0,0,1,11.5,25.5Z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 100%;
        width: 19px;
        height: 19px;
        background-repeat: no-repeat;
        background-position: center center;
        top: -10px;
    }

.section-terms-use {
    margin-bottom: 160px;
}

@media(max-width: 992px) {

    .section-terms-use .table td, .section-terms-use .table th {
        white-space: nowrap;
    }

    .section-terms-use .text-title {
        display: flex;
        margin-top: 10px;
    }

    .header-underline h1 span, .header-underline div span,
    .plm-tou-heading {
        font-size: 18px;
    }

    .plm-tou-heading {
        padding-bottom: 0px !important;
    }

    .mb20 {
        margin-bottom: 12px;
    }

    .section-terms-use {
        margin-bottom: 80px;
    }
}
/*css fot terms of use starts here*/

/*css for request appointment page starts here*/

.section-reschedule-app .ph-default-box {
    border-radius: 13px;
    padding: 30px 20px;
    background-color: var(--card-bg-color);
}

/*css for request appointment page ends here*/

.ph-feedback-header {
    color: var(--primary-color);
    font-size: 22px;
    margin-bottom: 25px !important;
    display: inline-block;
    font-weight: 600;
    font-family: var(--primary-font);
}

.ph-feedback {
}

.control {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 16px;
}

.review-form label strong {
    color: var(--primary-color);
    font-weight: 600;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
    display: inline-block;
    padding-right: 3px;
}

.ph-fdbk-pl .form-group label {
    text-align: left;
    display: block;
}

.ph-fdbk-pl .review-form label strong {
    text-align: left;
}

.ph-feedback .dg-maxc-maxc {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-gap: 20px;
}

.review-form:not(:last-child) {
    margin-bottom: 17px;
}

.review-form-row {
    margin-bottom: 20px;
}

.ph-feedback .ph-para-text {
    font-size: 14px;
}

.ph-feedback .control {
    padding-left: 36px;
    margin-top: 15px;
    margin-bottom: 25px;
    cursor: pointer;
    font-size: 16px;
}

.ph-feedback {
    padding: 30px 25px 20px;
}

.after-feedback .main_summry {
    border: none;
    padding: 0;
}

    .after-feedback .main_summry tr:last-child td {
        padding-bottom: 20px;
    }

    .after-feedback .main_summry tr:first-child td:first-child {
        padding-top: 20px;
    }

/*css for payment link page starts here*/

.payment-link-form-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
}

.payment-link-form-inner-wrapper {
    max-width: 560px;
    margin: auto;
    padding: 25px 25px 0;
    width: 100%;
}

.ph-stripe-payment .form-control {
    height: 48px;
    border: 1px solid var(--chat-inbox-border-color) !important;
    box-shadow: var(--default-shadow);
}

.payment-link-form-inner-wrapper .form-group {
    margin-bottom: 30px !important;
}


.ph-stripe-payment {
    margin-bottom: 40px !important;
}

/*css for payment link page ends here*/

/*css for practices and practices inner pages starts here*/

.practices--testi-bg .row {
    display: initial;
}


.practices-gallery-main-div .row {
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .cust-header-wrapper {
        padding-top: 50px !important;
    }

    .all-pract-head {
        font-size: 26px !important;
    }

    .practices-inner-page h1 {
        font-size: 26px !important;
        line-height: 36px !important;
    }
}


/*css for practices and practices inner pages ends here*/

.calneder-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/*css for language change starts here*/

.weglot-widget .hc-default-btn {
    font-size: 16px;
}

.weglot-widget .contact-us-content {
    padding-bottom: 30px;
}

.weglot-widget .bah-content-text {
    max-width: 60%;
    margin-right: 26px;
}

.weglot-widget .btn-slot {
    min-width: 84px;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    width: initial;
}

.weglot-widget .ph-header .navbar-nav li a {
    padding: 10px 7px;
    font-size: 15px;
}

    .weglot-widget .ph-header .navbar-nav li a.x-login, .weglot-widget .ph-header .navbar-nav li a.x-sign {
        min-width: 115px;
        line-height: 27px;
    }

.weglot-widget .mental-health-care-boxes-items {
    padding: 20px;
    min-height: 280px;
}

    .weglot-widget .mental-health-care-boxes-items p {
        font-size: 15px;
    }

.weglot-widget .get-start-content .list-item-wrapper p br, .weglot-widget .ph-jat-banner-content p br {
    display: none;
}

.weglot-widget .contact-us-content .hc-default-btn {
    min-width: 330px;
}

.weglot-widget .ba-nav-wrapper {
    max-width: 100%;
}

.weglot-widget .ba-nav-wrapper {
    grid-gap: 12px;
    padding: 10px 0px;
}

    .weglot-widget .ba-nav-wrapper a.nav-link {
        font-size: 13px;
        padding: 12px 9px;
    }

.wg-drop.country-selector .wgcurrent {
    border: 1px solid var(--chat-inbox-border-color);
    border-radius: 5px;
}

    .wg-drop.country-selector .wgcurrent:after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.646 0.646001C0.692446 0.599438 0.747622 0.562495 0.808367 0.537288C0.869112 0.512082 0.934233 0.499107 1 0.499107C1.06577 0.499107 1.13089 0.512082 1.19163 0.537288C1.25238 0.562495 1.30755 0.599438 1.354 0.646001L7 6.293L12.646 0.646001C12.6925 0.599513 12.7477 0.562637 12.8084 0.537477C12.8692 0.512318 12.9343 0.499369 13 0.499369C13.0657 0.499369 13.1308 0.512318 13.1916 0.537477C13.2523 0.562637 13.3075 0.599513 13.354 0.646001C13.4005 0.692489 13.4374 0.747678 13.4625 0.808417C13.4877 0.869157 13.5006 0.934257 13.5006 1C13.5006 1.06574 13.4877 1.13085 13.4625 1.19158C13.4374 1.25232 13.4005 1.30751 13.354 1.354L7.354 7.354C7.30755 7.40056 7.25238 7.43751 7.19163 7.46271C7.13089 7.48792 7.06577 7.50089 7 7.50089C6.93423 7.50089 6.86911 7.48792 6.80837 7.46271C6.74762 7.43751 6.69245 7.40056 6.646 7.354L0.646 1.354C0.599437 1.30756 0.562494 1.25238 0.537288 1.19163C0.512081 1.13089 0.499106 1.06577 0.499106 1C0.499106 0.934234 0.512081 0.869112 0.537288 0.808367C0.562494 0.747622 0.599437 0.692447 0.646 0.646001Z' fill='%238598BC'/%3E%3C/svg%3E%0A") !important;
    }

.weglot-widget .login-action-btns {
    margin-left: 15px;
}

.weglot-widget .ba-date-range-picker .report-range span {
    padding: 7px 10px;
    font-size: 14px;
}

@media(min-width: 992px) {
    .weglot-widget .phb-banner {
        background-position: right;
    }

    .weglot-widget .hcb-nav-menu li.navbar-nav-item a {
        padding: 8px 6px !important;
    }
}

@media (min-width: 1200px) {
    .weglot-widget .get-start-content .list-item-wrapper p {
        max-width: 45%;
    }

    .weglot-widget .ph-jat-banner-content p {
        max-width: 65%;
    }
}

.nd-subscription table tr,
.nd-subscription table tr td,
.nd-subscription .bootstrap-table .table thead > tr > th,
.nd-subscription .bootstrap-table .table,
.client-billing table tr,
.client-billing table tr td,
.client-billing .bootstrap-table .table thead > tr > th,
.client-billing .bootstrap-table .table,
.nd-my-app table tr,
.nd-my-app table tr td,
.nd-my-app .bootstrap-table .table thead > tr > th,
.nd-my-app .bootstrap-table .table {
    border: none !important;
}
/*css for language change ends here*/

/*core css*/

/*.bg-pattern{
    position: relative;
    overflow: hidden !important;
}

.bg-pattern::after,
.mood-tracker-pattern::before,
.ma-pattern::before {
    content: "";
    position: absolute;
    z-index: 10;
    background-repeat: no-repeat;
}

.ma-pattern::after,
.ma-pattern::before {
    background-repeat: no-repeat;
    background-position: 104% -11px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M88.8,221.5c17.1,0.2,32.3,12.6,49.5,13c12.7,0.3,25.4-6.8,31.9-17.8c6.5-11,6.4-25.5,0-36.5 c-5.7-9.7-15.5-16.1-22.4-25c-6.9-8.8-10.1-22.9-2-30.6c8.1-7.6,21.8-3.8,30.1,3.6c8.3,7.4,13.9,17.5,22.7,24.3 c8.8,6.8,23.4,8.6,29.7-0.5c8-11.6-3-31.5,8.3-39.9c6.9-5.1,16.6-1.2,24.4,2.3s18.4,6.1,23.9-0.6c6.2-7.6-0.6-18.7-7.2-25.9 c-21.3-23.5-44-47.8-73.9-58.4c-22.5-7.9-47.4-7.2-70.6-1.7C85.3,39.3,42.6,71.7,20.9,115.6c-21.7,43.9-21.1,98.7,3.7,141 c12,20.6,23,27,28.1,2C56.7,239.2,65.4,221.2,88.8,221.5z'/%3E%3C/svg%3E");
    top: -160px;
    right: -30px;
    width: 335px;
    height: 335px;
    transform: rotate(81deg);
}

.ma-pattern::before {
    left: -66px;
    top: 50px;
    transform: rotate(-107deg);
    width: 140px;
    height: 120px;
}

.pattern-chat-therapist::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 146 146' style='enable-background:new 0 0 146 146;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M92.1,26.4c-8.6,4.5-18.3,6.6-27.4,9.9c-9.1,3.3-18.3,8.2-23.3,16.5c-5.1,8.3-4.6,20.6,3.3,26.3 c5.7,4.2,13.3,4,20.1,5.8c6.8,1.8,13.9,8.1,11.6,14.8c-2.5,7.3-14,8.6-15.9,16.1c-1.8,7.4,7.6,12.7,15.3,12.7s16.3-1.7,22.2,3 c4.2,3.3,6,9.3,10.8,11.7c4.8,2.5,11.1,0.3,14.7-3.8c3.6-4.1,5.3-9.5,6.7-14.8c8.2-31.2,11.2-63.6,8.8-95.8 c-0.6-7.6-1.6-15.7-6.6-21.5C116.3-11.1,103.8,20.3,92.1,26.4z'/%3E%3C/svg%3E%0A");
    top: -66px;
    right: -20px;
    width: 220px;
    height: 265px;
}

.mood-tracker-pattern::after,
.mood-tracker-pattern::before {
    background-repeat: no-repeat;
    background-position: 104% -11px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M88.8,221.5c17.1,0.2,32.3,12.6,49.5,13c12.7,0.3,25.4-6.8,31.9-17.8c6.5-11,6.4-25.5,0-36.5 c-5.7-9.7-15.5-16.1-22.4-25c-6.9-8.8-10.1-22.9-2-30.6c8.1-7.6,21.8-3.8,30.1,3.6c8.3,7.4,13.9,17.5,22.7,24.3 c8.8,6.8,23.4,8.6,29.7-0.5c8-11.6-3-31.5,8.3-39.9c6.9-5.1,16.6-1.2,24.4,2.3s18.4,6.1,23.9-0.6c6.2-7.6-0.6-18.7-7.2-25.9 c-21.3-23.5-44-47.8-73.9-58.4c-22.5-7.9-47.4-7.2-70.6-1.7C85.3,39.3,42.6,71.7,20.9,115.6c-21.7,43.9-21.1,98.7,3.7,141 c12,20.6,23,27,28.1,2C56.7,239.2,65.4,221.2,88.8,221.5z'/%3E%3C/svg%3E");
    top: -110px;
    right: -100px;
    width: 335px;
    height: 335px;
    transform: rotate(35deg);
}

.mood-tracker-pattern::before {
    top: 195px;
    transform: rotate(-154deg);
}

.daily-affir-pattern::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291 291' style='enable-background:new 0 0 291 291;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bfill:%23FFFFFF;fill-opacity:5.000000e-02;%7D%0A%3C/style%3E%3Cpath class='st1' d='M87.8,193.4c3.7,13.1,0.9,27.1,0.4,40.7c-0.6,13.6,2,29,13.1,37c13,9.5,32.2,4.1,43.7-7 c11.5-11.2,17.5-26.7,24.3-41.2c6.8-14.5,15.6-29.4,30-36.4c8.3-4,17.6-5.1,26.3-8.2c8.7-3,17.4-8.9,19.5-17.8 c3-12.7-8.4-25.2-6.7-38.2c1.9-14.2,17.6-21.5,26.3-32.8c12.4-16.2,8.4-41.3-5.8-56c-14.2-14.7-36.1-20-56.4-18 c-20.3,2-39.5,10.4-57.6,19.8c-39.1,20.3-75.4,46-107.7,75.9c-14.5,13.5-29.9,36.9-5.7,48C53.4,169.2,79.4,164.1,87.8,193.4z'/%3E%3C/svg%3E");
    top: -130px;
    right: -80px;
    width: 255px;
    height: 255px;
    transform: rotate(334deg);
}*/

:root[color-mode="dark"] .wg-drop.country-selector {
    background-color: var(--dark-back-bg);
    border-radius: 5px;
}

    :root[color-mode="dark"] .wg-drop.country-selector .wgcurrent {
        border: 1px solid var(--tag-border-color);
    }

    :root[color-mode="dark"] .wg-drop.country-selector ul {
        border: 1px solid var(--tag-border-color);
        background: var(--dark-back-bg);
    }

:root[color-mode="dark"] .hcb-footer hr {
    border-color: var(--tag-border-color);
}

@media(min-width: 768px) and (max-width: 1024px) {
    .weglot-widget .table-appointments .dashboard-hc-btn {
        min-width: 120px;
    }
}
/*css for language change ends here*/

.dm-cus-d-none {
    display: none;
}

:root[color-mode="dark"] .lm-cus-d-none {
    display: none;
}

:root[color-mode="dark"] .dm-cus-d-none {
    display: block;
}

:root[color-mode="dark"] .nd-placeload-preloader-oc .placeload {
    background: #1f1f1f;
}

:root[color-mode="dark"] .loads {
    background: #191818;
    background: linear-gradient(to right, #0a0a0b 8%, #0f0f13 18%, #0a0a0b 33%);
}

:root[color-mode="dark"] .nd-pattern-top, :root[color-mode="dark"] .nd-pattern-top-right {
    z-index: -1;
}

.learn-search--overlay header.headerinner-wrapper.headerinner-wrapper-learn.learn-header-wrapper-al {
    position: initial;
}

/*css for lite cover page starts here*/
.body-ph-lite-cover {
    background-color: var(--bg-default-pattern);
}

.ph-lite-cover .ph-lite-cover-heading {
    padding: 4.4rem 0rem 3rem;
}

.ph-lite-cover .ph-header-2 {
    margin-bottom: 5px !important;
}

.ph-lite-cover .ph-para-dot {
    margin-left: 0px;
}

.ph-cust-logo-tl {
    position: absolute;
    z-index: 99999;
    top: 20px;
    left: 30px;
}

    .ph-cust-logo-tl img {
        max-width: 115px;
        height: auto;
    }

.ph-default-box-lite .form-group {
    margin-bottom: 25px !important;
}

.ph-lite-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}


.ph-stripe-payment #card-element {
    border: none !important;
}

.ph-lite-cover .ph-default-para-wrapper .ph-header-1 {
    margin-bottom: 30px;
    text-align: center;
}

.ph-lite-steps .ph-header-1 {
    margin-bottom: 37px !important;
}

.ph-lite-row {
    justify-content: center;
}

@media(max-width: 1024px) {
    section.ph-lite-cover {
        min-height: 65vh;
    }
}

@media (max-width: 991px) {

    .ph-lite-steps {
        margin-top: 20px;
    }

        .ph-lite-steps .ph-header-1 {
            margin-bottom: 20px !important;
        }
}

@media (max-width: 767px) {
    .ph-lite-cover .ph-cust-logo-tl {
        left: 15px;
    }

    .ph-lite-form-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0px;
    }

    .ph-lite-cover .ph-header-1 {
        font-size: 21px;
        line-height: 35px;
    }

    .ph-lite-cover .ph-default-para-wrapper .ph-header-1 {
        margin-bottom: 15px;
        text-align: center;
    }

    .ph-sub-header-2 {
        line-height: 24px;
    }

    .ph-lite-cover .ph-default-para-wrapper:not(:last-child) {
        margin-bottom: 20px;
    }

    .ph-lite-cover .ph-para-1 {
        font-size: 15px;
        line-height: 25px;
    }

    .ph-default-box-lite {
        margin-top: 0px;
    }

    .ph-cust-logo-tl {
        left: 15px;
    }

    .ph-default-box-lite {
        margin-bottom: 35px;
    }

    section.ph-lite-cover {
        margin-bottom: 4rem;
    }

    .ph-lite-cover .ph-lite-cover-heading {
        padding: 4.4rem 0rem 1.3rem;
    }
}


.hc-cp-email input[disabled="disabled"] {
    background-color: #d6dbe6;
}


html[color-mode="dark"] a.btn-book-slot:active {
    color: var(--chat-dark-bg-2);
}

/*dark mode logo*/

.dark-mode-logo {
    display: none;
}

html[color-mode="dark"] .dark-mode-logo-hide {
    display: none;
}


html[color-mode="dark"] .dark-mode-logo {
    display: flex;
    opacity: 0.9;
}

html[color-mode="dark"] .brand-link .dark-mode-logo {
    width: 66px;
    height: auto;
}

/*css for header*/



.is-login#ph-header {
    max-width: 225px;
    background-color: transparent;
    box-shadow: none;
    padding: 0.8rem 0rem;
}

#wrapper .is-login#ph-header #header {
    background: transparent;
}

#ph-header.is-login .ph-menu-wrapper,
#ph-header.is-login .plmm-header-action-btn {
    display: none !important;
}

#ph-header.is-login .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

.is-login#ph-header.js-header-fix-moment {
    max-width: 100%;
}

@media(max-width: 1253px) {
    .is-login#ph-header .ph-navbar-toggle-btn {
        display: none !important;
    }

    .is-login#ph-header.ph-header .navbar {
        justify-content: flex-start;
    }

    .is-login#ph-header.ph-header {
        top: 0px;
    }

    #ph-header.ph-header .navbar img, #ph-header.ph-header .navbar > a {
        max-width: 95px;
    }

    .ph-header .navbar a {
        flex-grow: 1;
    }


    #ph-header.is-login .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.aster-all-field-com {
    margin-bottom: 0 !important;
    color: #d50000 !important;
    display: flex;
    align-items: center;
}

    .aster-all-field-com span {
        color: #af0000;
        font-size: 30px;
        line-height: 16px;
        display: inline-block;
        position: relative;
        top: 7px;
        margin-right: 7px;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 5px;
}

/*default link*/
.refer-therapist.see-more-btn,
.ph-default-link,
.welcome-dash-moodal-link a {
    box-shadow: none;
    border: none;
    background: none;
    color: var(--primary-color);
    font-weight: 600;
    font-size: var(--base-font-size);
    display: inline-block;
    cursor: pointer;
}

.ph-default-link.ph-default-link-red {
}

.password-hint ul {
    margin-bottom: 0 !important;
}

.password-hint {
    position: absolute;
    bottom: -20px;
    right: calc(-100% - 2.8rem);
    padding: 10px 15px;
    border-radius: var(--bs-border-radius);
    transition: all .3s;
    font-size: 14.6px;
    line-height: 25px;
    color: var(--on-primary-color);
    background: var(--chat-dark-bg-2);
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--chat-inbox-border-color) !important;
    z-index: 1200;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: var(--sec-light-color4);
}

@media(max-width: 1024px) {
    .password-hint {
        bottom: 58px;
        right: 0;
    }
}

a.focus-clsignup {
    color: var(--secondary-color);
    font-weight: 500;
    text-decoration: none;
}

/*default dark border*/
html[color-mode="dark"] .btn-slot,
html[color-mode="dark"] .hc-default-btn.ph-promo-btn,
html[color-mode="dark"] .appointment-summary .table > tbody > tr > td {
    border-color: var(--chat-dark-border-2);
}

/*sweet alert modal */
html[color-mode="dark"] .sweet-alert {
    border: 1px solid var(--chat-inbox-border-color);
    background-color: var(--bg-default);
}

    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success::before,
    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success::after,
    html[color-mode="dark"] .sweet-alert .sa-icon.sa-success .sa-fix {
        background: var(--bg-default);
    }

/*dark input*/
html[color-mode="dark"] .form-contact input, .dx-editor-cell .dx-texteditor,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor .dx-texteditor-input, html[color-mode="dark"] .search-bar-input-wrapper input,
html[color-mode="dark"] .mood-track-text-area,
html[color-mode="dark"] .gify-search-input input,
html[color-mode="dark"] .pat-profile-new select.form-control, html[color-mode="dark"] .form-control,
html[color-mode="dark"] .emojionearea-wrapper .emojionearea-search input,
html[color-mode="dark"] .ph-form-group input,
html[color-mode="dark"] .ph-form-group select, html[color-mode="dark"] .ph-form-group textarea,
html[color-mode="dark"] .dx-texteditor.dx-editor-outlined,
html[color-mode="dark"] .dx-texteditor-input,
html[color-mode="dark"] .form-contact input,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor,
html[color-mode="dark"] .dx-editor-cell .dx-texteditor .dx-texteditor-input,
html[color-mode="dark"] .search-bar-input-wrapper input,
html[color-mode="dark"] .mood-track-text-area,
html[color-mode="dark"] .gify-search-input input,
html[color-mode="dark"] .pat-profile-new select.form-control,
html[color-mode="dark"] .form-control,
html[color-mode="dark"] .p-html-editor.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child,
html[color-mode="dark"] .p-html-editor .dx-quill-container.ql-container {
    background-color: var(--chat-dark-bg-2);
    color: var(--light-grey-dark);
    border: 1px solid var(--border-layout);
}

    html[color-mode="dark"] .form-contact input:focus, html[color-mode="dark"] .search-bar-input-wrapper input:focus,
    html[color-mode="dark"] .mood-track-text-area,
    html[color-mode="dark"].gify-search-input input {
        border: 1px solid var(--input-focus-dark) !important;
    }

html[color-mode="dark"] .read-only-inputs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent !important;
    pointer-events: none;
    box-shadow: none !important;
    padding: 0px !important;
    font-size: 15px !important;
    height: 30px !important;
    border: none !important;
}

html[color-mode="dark"] .dx-radiobutton-icon::before {
    border-color: var(--chat-dark-border-2);
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .dx-popup-wrapper.dx-scheduler-appointment-popup .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .dx-switch-container {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--chat-inbox-border-color) !important;
}

    html[color-mode="dark"] .dx-switch-container .dx-switch-on {
        color: var(--on-primary-color);
    }

html[color-mode="dark"] .dx-switch-on-value .dx-switch-handle::before {
    background-color: var(--dark-primary-color) !important;
}

/*dark input select2*/

/*html[color-mode="dark"] .select2-container--default .select2-search--inline .select2-search__field {
    height: initial;
} */

html[color-mode="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--gradient-light-bottom);
    border: 1px solid var(--gradient-light-bottom);
}

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 {
    box-shadow: none;
    border: none !important;
}

html[color-mode="dark"] .select2-dropdown {
    background-color: var(--bg-default);
    border: 1px solid var(--bg-default);
}

html[color-mode="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--chat-dark-bg-2) !important;
}

html[color-mode="dark"] .select2-container--default .select2-results__option--selected {
    background-color: var(--chat-dark-bg-1);
}
/*modal */
html[color-mode="dark"] .modal-header,
html[color-mode="dark"] .modal-content {
    background: var(--bg-default);
}

html[color-mode="dark"] .modal-header {
    border-color: var(--card-bg-color);
}

html[color-mode="dark"] .modal-title {
    color: var(--on-primary-color);
}

html[color-mode="dark"] ::selection {
    background: var(--dark-primary-color);
}

html[color-mode="dark"] .btn-slot:hover, html[color-mode="dark"] .btn-slot:focus {
    color: var(--bg-default);
}

html[color-mode="dark"] .text-underline::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='268' height='13' viewBox='0 0 268 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M246.2 1.6C240.4 1.3 234.5 1 228.6 0.7C226.7 0.6 224.7 0.6 222.8 0.5C218.6 0.4 214.4 0.3 210.2 0.2C207.9 0.1 205.5 0.1 203.2 0C202.5 0 201.8 0 201.2 0C199.7 0 198.2 0 196.6 0C189.7 0 182.8 0 175.9 0C174.3 0 172.6 0 171 0.1C166.9 0.2 162.9 0.2 158.8 0.3C154.2 0.4 149.6 0.4 145 0.5C137.6 0.7 130.1 0.9 122.7 1.1C118.4 1.2 114.1 1.3 109.8 1.4C102.4 1.7 95 2 87.6 2.3C83.5 2.5 79.5 2.6 75.4 2.8C67.7 3.3 60 3.7 52.3 4.1C48.2 4.3 44.1 4.5 40 4.8C32.4 5.4 24.7 6.1 17.1 6.8C15.5 6.9 13.8 7.1 12.1 7.2C8.9 7.5 5.6 8 2.3 8.4C2.1 8.4 1.9 8.5 1.7 8.5C1.3 8.5 1 8.7 0.7 9C0.2 9.5 0 10.1 0 10.7C0 11.3 0.2 11.9 0.7 12.3C1.1 12.7 1.8 13 2.3 13C6.3 12.6 10.2 12.1 14.2 11.7C17.9 11.4 21.6 11.1 25.3 10.8C29.3 10.5 33.3 10.1 37.4 9.8C39 9.7 40.6 9.5 42.3 9.4C48.6 9.1 54.8 8.7 61.1 8.4C65 8.2 68.9 8 72.8 7.8C74.4 7.7 76 7.6 77.6 7.5C83.8 7.2 90 7 96.2 6.7C100 6.6 103.7 6.4 107.5 6.3C108.8 6.3 110 6.2 111.3 6.2C118 6 124.7 5.9 131.4 5.7C135.1 5.6 138.9 5.5 142.6 5.4C143.9 5.4 145.3 5.3 146.6 5.3C153.5 5.2 160.4 5.2 167.4 5.1C171.7 5.1 176 5 180.3 5C187.6 5 195 5 202.3 5.1C203.7 5.1 205.2 5.2 206.6 5.2C210.7 5.3 214.7 5.4 218.8 5.6C221.8 5.7 224.9 5.8 227.9 5.9C230.1 6 232.2 6.1 234.4 6.2C240.7 6.5 247.1 6.9 253.4 7.3C255 7.4 256.6 7.5 258.2 7.6C259.9 7.7 261.7 7.8 263.4 8C263.7 8 263.9 8.1 264.2 8.2C264.9 8.3 265.5 8.3 266.1 7.9C266.7 7.6 267.1 7 267.3 6.4C267.7 5.1 266.9 3.7 265.5 3.3C264.3 3 263.1 2.9 262 2.7C261.2 2.6 260.4 2.5 259.6 2.5C258 2.3 256.4 2.3 254.9 2.1C252.1 2 249.1 1.8 246.2 1.6Z' fill='%23f9e791'/%3E%3C/svg%3E%0A");
}

html[color-mode="dark"] .team-profile-img::after {
    height: 100px;
    background: linear-gradient( 0deg, var(--dark-gradient-primary) 54.88%, rgb(255 255 255 / 0%));
}

html[color-mode="dark"] footer.hcb-footer {
    background-color: var(--dark-back-bg);
}

html[color-mode="dark"] .hcb-social-media svg,
html[color-mode="dark"] .hcb-links-num,
html[color-mode="dark"] .hcb-links-email,
html[color-mode="dark"] .footer-wrapper-content-s-cols ul li a,
html[color-mode="dark"] .hcb-links-pri-ter li a,
html[color-mode="dark"] .sales-press-links strong,
html[color-mode="dark"] .footer-wrapper-content-t-cols a,
html[color-mode="dark"] .footer-wrapper-content-s-cols p,
html[color-mode="dark"] .hcb-footer-dissclaimer {
    fill: var(--secondary-color);
    color: var(--secondary-color);
}

html[color-mode="dark"] .hcb-footer-logo img {
    opacity: 0.8;
}

html[color-mode="dark"] .ad-aster::after {
    color: #af0000;
}

html[color-mode="dark"] .ba-nav-wrapper a.nav-link.active,
html[color-mode="dark"] .progress-step-list > li.active {
    color: var(--bg-default) !important;
}

/*bark hover*/
html[color-mode="dark"] .pac-item:hover {
    background-color: var(--dark-primary-color);
    color: var(--chat-dark-bg-2);
}

    html[color-mode="dark"] .pac-item:hover .pac-item-query {
        color: var(--chat-dark-bg-2);
    }

/*ends here*/

/*dark step progress starts here*/
html[color-mode="dark"] .steps > *.done {
    background: var(--dark-primary-color);
}

    html[color-mode="dark"] .steps > *.done::before,
    html[color-mode="dark"] .steps > *.done::after {
        background: var(--dark-primary-color);
    }

/*dark tags*/

html[color-mode="dark"] .mood-track-step-feeling span,
html[color-mode="dark"] .selectedlist-btns-div .selected-list,
html[color-mode="dark"] .ph-qestions-options,
html[color-mode="dark"] .learn-skills-tag,
html[color-mode="dark"] .btn-slot {
    background: var(--bg-default);
    border: 1px solid var(--chat-dark-border-1);
    box-shadow: var(--bg-default-box-shadow);
    color: var(--on-primary-color);
}

    html[color-mode="dark"] .mood-track-step-feeling .mood-track-active,
    html[color-mode="dark"] .selectedlist-btns-div .selected-list.selected,
    html[color-mode="dark"] .ph-qestions-options.active-option,
    html[color-mode="dark"] .learn-skills-tag.active-learn-tag,
    html[color-mode="dark"] .btn-slot:focus {
        background-color: var(--dark-primary-color) !important;
        border: 1px solid var(--dark-primary-color);
        color: var(--icon-bg-color)
    }

@media (min-width: 1025px) {
    html[color-mode="dark"] label.selected-list:hover {
        border: 1px solid var(--dark-primary-color);
        color: var(--on-primary-color);
        background: var(--bg-default) !important;
    }

    html[color-mode="dark"] .mood-track-step-feeling span:hover,
    html[color-mode="dark"] .ph-qestions-options:hover,
    html[color-mode="dark"] .learn-skills-tag:hover,
    html[color-mode="dark"] .btn-slot:hover {
        border: 1px solid var(--dark-primary-color);
    }
}

/*ends here*/

html[color-mode="dark"] .list-group-item {
    background-color: var(--card-bg-color);
}

html[color-mode="dark"] .custom-billing-balance .list-group-item-success {
    background-color: var(--chat-right-bubble);
    padding: 10px 15px;
    border-radius: 3px;
}

/*checkbox ui chnages starts here*/

html[color-mode="dark"] .radio input[type="radio"]:checked + .radio-label:before,
html[color-mode="dark"] .partners-login .hc-radio-check [type=checkbox] + label::after,
html[color-mode="dark"] .partners-login .hc-radio-check [type=radio] + label::after {
    background: var(--dark-primary-color);
}

html[color-mode="dark"] .control--checkbox .control__indicator:after {
    border-color: var(--bg-default);
}

html[color-mode="dark"] .radio-bp input[type="radio"]:checked + .radio-label-bp:before,
html[color-mode="dark"] .radio input[type="radio"]:checked + .radio-label:before {
    box-shadow: inset 0 0 0 5px var(--chat-dark-bg-1);
}

html[color-mode="dark"] .book-summary .panel-haed.active .radio input[type="radio"] + .radio-label:before {
    border: 1px solid var(--chat-dark-border-2);
}

html[color-mode="dark"] .radio input[type="radio"] + .radio-label:before {
    background: var(--chat-dark-bg-1);
}
/*starts here*/
html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::after,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::after {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::before,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::before,
html[color-mode="dark"] .radio input[type="radio"] + .radio-label:before {
    border-color: var(--chat-dark-border-2);
}

html[color-mode="dark"] .hc-radio-check [type=checkbox] + label::before,
html[color-mode="dark"] .hc-radio-check [type=radio] + label::before {
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .hc-radio-check [type=radio]:checked + label::before {
    background-color: var(--primary-color);
}
/*ends here*/

/*checkbox starts here*/

html[color-mode="dark"] .control:hover input:not([disabled]):checked ~ .control__indicator,
html[color-mode="dark"] .control input:checked:focus ~ .control__indicator,
html[color-mode="dark"] .control__indicator {
    background-color: var(--chat-dark-bg-1) !important;
}

html[color-mode="dark"] .control__indicator {
    border: 1px solid var(--chat-dark-border-2) !important;
}

html[color-mode="dark"] .control--checkbox .control__indicator:after {
    border-color: var(--dark-primary-color);
}

/*dark scheduler starts here*/
html[color-mode="dark"] .dx-tab.dx-state-hover {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-popup-title {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-overlay-content .dx-toolbar-label .dx-toolbar-item-content > div {
    color: var(--on-primary-color) !important;
}

html[color-mode="dark"] .dx-overlay-shader {
    background-color: var(--dark-overlay-bg);
}

html[color-mode="dark"] .dx-popup-normal .dx-toolbar .dx-button.dx-button-has-text .dx-button-content {
    background-color: var(--dash-btn-bg-color) !important;
    color: var(--light-grey-dark) !important;
    border: 1px solid var(--chat-dark-border-3);
}

    html[color-mode="dark"] .dx-popup-normal .dx-toolbar .dx-button.dx-button-has-text .dx-button-content:hover {
        background-color: var(--input-focus-dark) !important;
        border: 1px solid var(--chat-dark-border-2) !important;
    }

html[color-mode="dark"] .dx-toolbar-items-container .dx-item-content .dx-button-mode-contained {
    background-color: transparent;
}

html[color-mode="dark"] .dx-calendar-navigator .dx-button-mode-contained.dx-calendar-caption-button,
html[color-mode="dark"] .dx-calendar-navigator .dx-button-mode-contained.dx-calendar-caption-button.dx-state-hover {
    background-color: var(--chat-dark-border) !important;
}

html[color-mode="dark"] .form-group .chek-para,
html[color-mode="dark"] .form-group .para-text {
    color: var(--on-primary-color);
}

html[color-mode="dark"] .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(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-scheduler-header-panel-cell {
    border-left: 1px solid var(--chat-inbox-border-color);
    border-right: 1px solid var(--chat-inbox-border-color);
}

html[color-mode="dark"] .dx-scheduler-work-space {
    border-color: var(--chat-inbox-border-color);
}

/*chat therapist tag*/


html[color-mode="dark"] .chat-therapist-left-side label.nd-tag,
html[color-mode="dark"] .welcome-dash-moodal-names label.nd-tag
html[color-mode="dark"] .filtered-tags-btns {
    border: 1px solid var(--dark-primary-color);
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .oic-banner-hero__title {
    color: var(--chat-bg-color);
}

html[color-mode="dark"] .hc-percentage-satisfication svg {
    opacity: 0.8;
}

html[color-mode="dark"] .already-booked {
    color: var(--on-primary-color);
    border: 1px solid var(--chat-inbox-border-color);
    opacity: 0.5;
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-color: #ccc;
    -webkit-text-decoration-color: #ccc;
}

    html[color-mode="dark"] .already-booked:hover,
    html[color-mode="dark"] .already-booked:focus {
        background-color: var(--bg-default) !important;
        border: 1px solid var(--bg-default) !important;
        color: var(--secondary-color) !important;
    }

html[color-mode="dark"] #recommendationNav .learn-left-filter-fs .learn-skills-tag.active-learn-tag {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

html[color-mode="dark"] #recommendationNav .learn-left-filter-fs .learn-skills-tag:hover {
    border: 1px solid var(--primary-color);
    color: var(--secondary-color) !important;
}

html[color-mode="dark"] .daterangepicker .drp-buttons .btn {
    color: var(--on-primary-color);
}

html[color-mode="dark"] .center-category input:checked:before {
    background-color: rgb(53 155 236 / 70%);
}

html[color-mode="dark"] .wg-drop.country-selector ul li a {
    color: var(--primary-color);
}


/*css for datepicker*/
html[color-mode="dark"] #ui-datepicker-div.ui-widget-content {
    background: var(--bg-default) !important;
    box-shadow: var(--bg-default-box-shadow) !important;
    border: 1px solid var(--chat-dark-border-1) !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 #799fbd;
    background: #5580a3 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    color: #000;
    background-color: #799fbd;
}

.ui-datepicker-calendar tr th span {
    color: var(--primary-color);
}

html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-state-hover,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-hover,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-focus,
html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-hover {
    background: var(--dark-primary-color) !important;
    color: #000;
}

html[color-mode="dark"] #ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid var(--card-bg-color);
}

html[color-mode="dark"] .ui-state-disabled,
html[color-mode="dark"] .ui-widget-content .ui-state-disabled,
html[color-mode="dark"] .ui-widget-header .ui-state-disabled {
    font-family: var(--primary-font);
    opacity: .5;
}

html[color-mode="dark"] .ui-datepicker-calendar {
    font-family: var(--primary-font);
}

html[color-mode="dark"] .cal-year-box .row-fluid,
html[color-mode="dark"] .cal-month-box .cal-row-fluid {
    border-color: var(--chat-inbox-border-color);
}

html[color-mode="dark"] .cal-month-box,
html[color-mode="dark"] .cal-year-box,
html[color-mode="dark"] .cal-week-box {
    border-color: var(--chat-inbox-border-color) !important;
}

html[color-mode="dark"] #calendar .selected-date .cal-month-day {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] span[data-cal-date] {
    color: var(--primary-color) !important;
}

html[color-mode="dark"] .ui-datepicker-title select {
    background-color: var(--chat-dark-bg-1);
    color: #fff;
    border: 1px solid var(--chat-dark-bg-1);
}

html[color-mode="dark"] .cal-year-box .row-fluid:hover,
html[color-mode="dark"] .cal-row-fluid:hover {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] #cal-week-box {
    border: 1px solid var(--dark-primary-color);
    background-color: var(--dark-primary-color);
    color: var(--primary-color);
}

html[color-mode="dark"] #ui-datepicker-div .ui-datepicker-year {
    border: 1px solid var(--chat-dark-bg-1) !important;
    border-radius: 0;
}

html[color-mode="dark"] .daterangepicker .drp-buttons {
    border-top: 1px solid var(--dashboard-hr-color);
}

html[color-mode="dark"] .daterangepicker td.off,
html[color-mode="dark"] .daterangepicker td.off.in-range,
html[color-mode="dark"] .daterangepicker td.off.start-date,
html[color-mode="dark"] .daterangepicker td.off.end-date {
    background-color: #464646;
}

html[color-mode="dark"] .daterangepicker td.active,
html[color-mode="dark"] .daterangepicker td.active:hover,
html[color-mode="dark"] .daterangepicker td.available:hover,
html[color-mode="dark"] .daterangepicker th.available:hover {
    background-color: var(--dark-primary-color) !important;
    color: #fff !important;
}

html[color-mode="dark"] .daterangepicker .calendar-table .next span,
html[color-mode="dark"] .daterangepicker .calendar-table .prev span {
    border-color: var(--chat-dark-border-3);
}

html[color-mode="dark"] .daterangepicker td.in-range {
    background-color: #799fbd;
}

html[color-mode="dark"] .daterangepicker .ranges li {
    color: var(--primary-color);
}

html[color-mode="dark"] .daterangepicker .calendar-table {
    border: 1px solid var(--chat-inbox-border-color);
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .section-terms-use .table thead th {
    background-color: var(--chat-dark-bg-2);
    color: var(--on-primary-color);
}

html[color-mode="dark"] input#btnSubmitContactUsForm {
    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"] input#btnSubmitContactUsForm:hover {
        background-color: var(--input-focus-dark) !important;
    }

html[color-mode="dark"] .video-controls .icon {
    color: #fff;
}

html[color-mode="dark"] .video-controls .icon {
    color: #fff;
}

html[color-mode="dark"] .video-session-btns:hover {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .video-session-btns.end-session-btn:hover .end-session-icon {
    color: #fff;
}

html[color-mode="dark"] .dx-calendar {
    background-color: var(--chat-dark-bg-2);
    border: 1px solid transparent;
}

/*html[color-mode="dark"] .dx-overlay-content .dx-button-mode-contained {
    background-color: var(--chat-dark-bg-1);
    border-color: #ddd;
}*/

html[color-mode="dark"] .dx-button-mode-contained.dx-state-hover,
html[color-mode="dark"] .dx-scheduler-navigator-caption.dx-state-focused {
    background-color: transparent !important;
}

html[color-mode="dark"] .dx-scheduler-navigator-calendar-popover th,
html[color-mode="dark"] .dx-scheduler-navigator-calendar-popover td,
html[color-mode="dark"] .dx-calendar-body thead tr th {
    border-color: var(--chat-inbox-border-color);
}

html[color-mode="dark"] .dx-switch-handle::before {
    background-color: var(--dark-primary-color) !important;
}

html[color-mode="dark"] .dx-calendar-body thead tr th {
    -webkit-box-shadow: inset 0 -1px 0 #ddd;
    box-shadow: inset 0 -1px 0 var(--chat-inbox-border-color);
    color: #999;
}

html[color-mode="dark"] .dx-popover-arrow::after {
    border-color: var(--chat-dark-border-2);
}

html[color-mode="dark"] .ph-tou-head-para a,
html[color-mode="dark"] .ph-tou-head-head a,
html[color-mode="dark"] .terms-of-use-client a,
html[color-mode="dark"] .section-terms-use a,
html[color-mode="dark"] .info_link,
html[color-mode="dark"] .parctices-inner-section a {
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
}

html[color-mode="dark"] .ph-tou-head-head a {
    font-weight: 600;
}

html[color-mode="dark"] .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
html[color-mode="dark"] .dx-calendar .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    -webkit-box-shadow: inset 0 0 0 1px var(--dark-primary-color), inset 0 0 0 1000px var(--dark-primary-color) !important;
    box-shadow: inset 0 0 0 1px var(--dark-primary-color), inset 0 0 0 1000px var(--dark-primary-color) !important;
    color: #ededed !important;
}

html[color-mode="dark"] .dx-selectbox-popup-wrapper .dx-list {
    background-color: var(--chat-dark-bg-2);
}

html[color-mode="dark"] .gc-live-more-p {
    background: var(--chat-dark-bg-2);
    color: var(--on-primary-color);
    border: 1px solid var(--placeholder-color);
}

html[color-mode="dark"] .msg-side-nav-body a.msg-cus-btn:hover {
    background-color: var(--input-focus-dark) !important;
    border: 1px solid var(--chat-dark-border-2) !important;
}

html[color-mode="dark"] .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background-color: var(--chat-dark-bg-1);
}

html[color-mode="dark"] .dx-recurrence-repeat-on .dx-recurrence-button-group .dx-button {
    border-color: inherit !important;
}

html[color-mode="dark"] .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: var(--dark-primary-color);
}

html[color-mode="dark"] .dx-recurrence-repeat-on .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover {
    background-color: var(--dark-primary-color) !important;
    color: #e9e9e9 !important;
}

html[color-mode="dark"] .hc-cp-help-support-tab .table td {
    border: 1px solid var(--chat-inbox-border-color);
}

html[color-mode="dark"] .icons-time {
    filter: brightness(81.5);
    opacity: 0.7;
}

html[color-mode="dark"] .ooo-msg-main-wrapper input[disabled="disabled"],
html[color-mode="dark"] .ooo-msg-main-wrapper textarea[disabled="disabled"] {
    opacity: 0.3 !important;
}

html[color-mode="dark"] #AppointmentCalendarContainer .close {
    color: var(--primary-color);
}

.country-selector a {
    color: var(--white-color);
}

.sales-press-links a {
    display: block !important;
    font-weight: 400;
}

.sales-press-links a, .hcb-footer-dissclaimer .info_link {
    color: #91ceff !important;
}

.create-acc-step h1 small {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
    font-size: 21px !important;
    margin-bottom: 24px !important;
    display: inline-block;
}

span#spnVerificationCodeMsg {
    margin-top: 10px;
    display: block;
}

.login-passowrd-wrapper #txtPassword {
    padding-right: 64px;
}

@media(max-width: 767px) {
    .right-ca-ph {
        display: none;
    }

    .login-plumm-account .step5-main-row {
        padding-top: 0px !important;
    }
}

/*design for ooo */

.message-info-label {
    display: flex;
}

.info-icon-oo {
    display: inline-block;
    margin-left: 5px;
}

.oo-status-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
    align-items: center;
    margin-top: 22px;
}

.message-info-label .icon.ni:hover {
    color: var(--dark-primary-color);
}

.message-info-label .icon.ni {
    cursor: pointer;
    font-size: 19px;
    position: relative;
    top: 4px;
}

.ooo-msg-main-wrapper input[disabled="disabled"],
.ooo-msg-main-wrapper textarea[disabled="disabled"] {
    opacity: 0.5 !important;
}

.therapist-out-of-office {
    margin-top: 15px;
    padding-left: 5px;
    color: #DC143C;
    font-weight: 600;
    font-size: 17px;
}

.doctor-profile-main .out-office-status .form-group label {
    font-size: 0.95rem;
}

.out-office-status .form-group .para-text {
    font-size: 1.01rem;
    color: var(--on-primary-color);
    line-height: 1.35;
}

.ooo-msg-main-wrapper .cca-dob-wrapper {
    margin-bottom: 30px !important;
}

input#btn_submit_outoffofice {
    max-width: 150px;
    border: 1px solid var(--chat-dark-border-3) !important;
    border-radius: 5px;
}

.out-office-status .cca-dob input {
    border: 1px solid var(--chat-inbox-border-color) !important;
    max-width: 200px;
}

.form-main-div .form-inner-div .card-expiry .input-item.expiry:after {
    border-bottom-color: #d9d9d9 !important;
}

.deep-anchor {
    display: inline-block;
    width: auto !important;
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    padding-top: 40px;
    margin-bottom: 25px;
}

.to-pdt-0 {
    padding-top: 0.8rem;
}

.plm-tou-heading {
    text-transform: uppercase;
    color: var(--secondary-color);
    text-align: left;
    width: 100%;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 18px;
    font-size: 1.4rem;
    font-family: var(--secondary-font);
}

html[color-mode="dark"] .deep-anchor a.anchorjs-link {
    text-decoration: none;
}

.anchorjs-link {
    padding-left: 0.375em;
    font-size: 23px !important;
    position: relative;
    top: 2px;
}

/* tooltip arrow */

.deep-anchor-link {
    position: relative;
    padding-top: 40px;
}

.click-to-copy {
    padding: 4px 7px;
    color: var(--white-color);
    text-align: center;
    text-decoration: none;
    background-color: var(--secondary-color);
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 18px;
    position: absolute;
    font-size: 13px;
    left: 40px;
    display: block;
    z-index: 99;
    border-radius: 4px;
    bottom: -15px;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    transition: all .3s;
}

    .click-to-copy::after {
        content: '';
        border-width: 6px;
        border-style: solid;
        border-color: transparent var(--secondary-color) transparent transparent;
        top: 6px;
        left: -12px;
        position: absolute;
        z-index: -1;
    }

.deep-anchor-link:hover .click-to-copy {
    visibility: visible;
    opacity: 1;
}

@media(max-width: 767px) {
    .click-to-copy {
        right: 0px;
        bottom: -31px;
        transform: none;
        left: initial;
        display: none;
    }

        .click-to-copy::after {
            top: -12px;
            left: 140px;
            transform: rotate(90deg);
        }
}

.nd-blogs-wrapper-inner1 .nd-label-head {
    color: #fff;
}

    .nd-blogs-wrapper-inner1 .nd-label-head span::after {
        background-color: #fff;
    }

.nd-blogs-wrapper-inner1 .nd-ebook-wrapper .nd-label-head span::after {
    background-color: var(--primary-color);
}



/*saved classes */
.saved-classes em.icon {
    font-size: 1.2rem;
    height: 23px;
}

.saved-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    padding: 2px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(2 2 2 / 35%);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    cursor: pointer;
}

    .saved-icon em.icon {
        color: var(--white-color);
        font-size: 21px;
        position: relative;
        top: -0.03rem;
        height: 20px;
        width: 20px;
    }

.like-save-wrapper {
    display: flex;
    align-items: center;
    gap: 0.98rem;
}

.learn-video-save-like em.icon {
    color: var(--white-color);
    cursor: pointer;
    position: relative;
}

.like-save-inner-wrapper {
    line-height: 18px;
}

.like-save-inner-wrapper {
    line-height: 18px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: var(--secondary-color);
}

/*.like-save-wrapper em.icon:hover::after {
    content: '';
    position: absolute;
    width:31px;
    height: 31px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #35589f;
    z-index: -1;
}
*/
.like-save-wrapper em.icon.ni {
    position: relative;
    top: 0.05rem;
}

.learn-like-count span, .like-save-wrapper span {
    font-size: 0.95rem;
    line-height: 15px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.learn-like-count, .learn-video-save-like {
    display: flex;
    align-items: center;
    gap: 5px;
}

.learn-video-save-like {
    gap: 15px;
}

.learn-like-count em.icon.ni {
    font-size: 19.5px;
    cursor: pointer;
}

.learn-like-count {
    z-index: 99;
}

.sidebar-video-info {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-video-info {
    padding-right: 15px;
}

.saved-couses-icon {
    display: block;
    width: 210px;
    height: auto;
    margin: 2rem auto 2rem;
    opacity: 0.65;
}

.show-side-bar-inner {
    padding: 3px;
}

.course-new-tag {
    position: absolute;
    right: 12px;
    bottom: 21px;
}

label.dash-learn-label-cw.ph-default-tag-label {
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 5px 10px;
    cursor: pointer;
}

.ph-default-tag-label {
    z-index: 99;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    line-height: 1.5;
    font-size: var(--base-font-size-xxs);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--white-color);
    background: rgb(54 153 255 / 67%);
    border-radius: calc(var(--border-radius-default) * 0.7);
}

.p-tag--pabs-tl {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
}

.dash-meditation .ph-default-tag-label {
    font-size: 0.68rem;
    padding: 3px 8px;
}

.learn-medi-detail-save-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    gap: 16px;
}

    .learn-medi-detail-save-icon .saved-icon {
        position: initial;
    }

    .learn-medi-detail-save-icon .learn-like-count span {
        text-shadow: 1px 1px 2px rgb(0 0 0 / 77%);
    }

.hc-live-box .ncd-enroll {
    display: inline-grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 1px 25px;
}

    .hc-live-box .ncd-enroll span:first-child {
        margin-left: 0;
    }

.hc-live-box .learn-list-instr-item .oc-dot {
    font-weight: 700;
    vertical-align: text-top;
    height: initial;
    color: var(--primary-color) !important;
    font-size: 33px !important;
    line-height: 0px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.hc-live-box .learn-list-instr-item .oc-dot {
    position: relative;
    top: -1px;
}

.hc-live-box .ctf-pract-details strong {
    color: var(--on-primary-color);
    margin-right: 3px;
}

.hc-live-box li.learn-list-instr-item {
    font-size: 14px;
}

.hc-live-box .learn-list-instr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.learn-medi-list .hc-live-profile-image img, .saved-learn-medi-loader .hc-live-placeholder .hc-live-profile-image .image-placeholder {
    border-radius: var(--bs-border-radius);
    min-width: 250px;
    max-width: 250px;
    height: 145px !important;
    box-shadow: none;
    border: none;
}

.saved-play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .35s linear .1s;
    transition: opacity .35s linear .1s;
    opacity: 0;
}

.hc-live-profile-image {
    position: relative;
    cursor: pointer;
}

    .hc-live-profile-image:hover .saved-play-overlay {
        opacity: 1;
        z-index: 1;
    }

.ph-saved-video-row .hc-live-dates {
    margin-bottom: 15px;
    margin-top: 15px;
}

.ph-saved-video-row.hc-live-cards-row .hc-live-cards-cols {
    margin-bottom: 25px;
}

.learn-medi-detail-save-icon .saved-icon em {
    left: -0.03rem;
    top: 0;
}

.learn-medi-detail-save-icon .learn-like-count em.icon.ni {
    left: 0.05rem;
    top: 0.05rem;
}

.saved-lists .hc-live-profile-image {
    position: relative;
    cursor: pointer;
    min-width: 250px;
    max-width: 250px;
}

.save-list-therapist .hc-live-profile-image img {
    max-width: 145px !important;
    min-width: 145px;
    height: 145px !important;
}


@media(max-width: 1200px) {
    .hc-live-box .ncd-enroll {
        grid-template-columns: repeat(1, auto);
    }
}

@media(max-width: 767px) {
    .hc-live-box .ncd-enroll {
        display: inline-grid;
        grid-template-columns: repeat(1, auto);
        grid-gap: 10px 25px;
    }

    .like-save-wrapper {
        gap: 12px;
    }

    .learn-video-save-like {
        position: absolute;
        right: 10px;
        top: 40px;
        z-index: 9;
    }

    .show-side-bar-inner {
        padding: 0px;
    }
}

html[color-mode="dark"] .ph-default-tag-label {
    color: var(--chat-bg-color);
}

html[color-mode="dark"] .live-classes-row-actions-default {
    border: 1px solid var(--chat-dark-border-3);
}

.pract-profile-left .saved-icon {
    right: 13px;
    top: 13px;
    background: var(--sec-light-color4);
    padding: 0;
}

    .pract-profile-left .saved-icon em.icon {
        color: var(--primary-color);
    }

html[color-mode="dark"] .pract-profile-left .saved-icon {
    background: #141414;
}

.pos-continue-watch-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.continue-watching-progress-wrapper {
    background-color: rgb(0 0 0 / 19%);
    width: 100%;
    height: 3px;
}

.continue-watching-progress-bar {
    background-color: red;
    height: 3px;
}

.hide-progress-bar {
    display: none;
}

html[color-mode="dark"] .live-classes-row-actions-default.lc-joined {
    border: 1px solid var(--chat-dark-border-3);
    background-color: var(--chat-dark-border-3);
}


.al-logo-header {
    display: none;
}

.sidebar-mini .al-logo-header {
    position: absolute;
    top: 1.25rem;
    left: 1.8rem;
    display: block;
}

@media(max-width: 991px) {
    .sidebar-mini .al-logo-header {
        display: none;
    }
}

/*updated- headings 1 to 6*/
.plm-heads {
    font-family: var(--secondary-font);
    color: var(--secondary-color);
    font-weight: 400;
}

.plm-heading-1 {
    font-size: 3rem;
}

.plm-heading-2 {
    font-size: 2.5rem;
}

.plm-heading-3 {
    font-size: 2.2rem;
}

.plm-heading-4 {
    font-size: 1.7rem;
    line-height: 1.35;
}

.plm-heading-5 {
    font-size: 1.2rem;
}

.plm-heading-6 {
    font-size: 0.85rem;
}

@media(min-width: 1800px) {

    .plm-heading-4 {
        font-size: 1.8rem;
        line-height: 1.4;
    }

    .plm-heading-5 {
        font-size: 1.35rem;
    }
}

@media(max-width: 991px) {
    .plm-heading-3 {
        font-size: 2rem;
    }

    .plm-heading-4 {
        font-size: 1.7rem;
        line-height: 1.4;
    }
}

@media(max-width: 576px) {
    .plm-heading-4 {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .plm-heading-3 {
        font-size: 1.7rem;
    }
}


/*plumm logo css starts here*/

.plumm-logo-new {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='287' height='83' viewBox='0 0 287 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M265.856 14.3189C262.633 14.3218 259.454 15.0664 256.561 16.4959C253.668 17.9253 251.138 20.0017 249.164 22.5665C246.46 19.0652 242.739 16.5012 238.518 15.2328C234.298 13.9644 229.789 14.0547 225.622 15.4912C221.455 16.9277 217.838 19.6387 215.275 23.2456C212.712 26.8525 211.332 31.1753 211.327 35.6103V66.1468H220.23V35.6103C220.23 32.3411 221.519 29.2058 223.815 26.8941C226.111 24.5824 229.224 23.2837 232.471 23.2837C235.718 23.2837 238.831 24.5824 241.127 26.8941C243.422 29.2058 244.712 32.3411 244.712 35.6103V66.1468H253.615V35.6103C253.615 32.3411 254.904 29.2058 257.2 26.8941C259.496 24.5824 262.61 23.2837 265.856 23.2837C269.103 23.2837 272.216 24.5824 274.512 26.8941C276.808 29.2058 278.097 32.3411 278.097 35.6103V66.1468H287V35.6103C287 29.9635 284.773 24.5479 280.807 20.555C276.842 16.5621 271.464 14.3189 265.856 14.3189Z' fill='white'/%3E%3Cpath d='M183.206 14.3189C179.984 14.3218 176.804 15.0664 173.911 16.4959C171.018 17.9253 168.488 20.0017 166.513 22.5665C163.81 19.0652 160.088 16.5012 155.868 15.2328C151.648 13.9644 147.139 14.0547 142.972 15.4912C138.806 16.9277 135.188 19.6387 132.625 23.2456C130.062 26.8525 128.682 31.1753 128.677 35.6103V66.1468H137.58V35.6103C137.58 32.3411 138.869 29.2058 141.165 26.8941C143.461 24.5824 146.574 23.2837 149.821 23.2837C153.067 23.2837 156.181 24.5824 158.477 26.8941C160.772 29.2058 162.062 32.3411 162.062 35.6103V66.1468H170.965V35.6103C170.965 32.3411 172.255 29.2058 174.55 26.8941C176.846 24.5824 179.959 23.2837 183.206 23.2837C186.453 23.2837 189.566 24.5824 191.862 26.8941C194.157 29.2058 195.447 32.3411 195.447 35.6103V66.1468H204.35V35.6103C204.35 29.9635 202.122 24.5479 198.157 20.555C194.192 16.5621 188.814 14.3189 183.206 14.3189Z' fill='white'/%3E%3Cpath d='M71.4759 0.165901H62.5731V44.9899C62.5599 52.5234 64.7421 59.8951 68.8496 66.1917H80.3232C77.5075 63.4361 75.269 60.1402 73.7399 56.4986C72.2109 52.857 71.422 48.9436 71.4204 44.9899L71.4759 0.165901Z' fill='white'/%3E%3Cpath d='M112.795 44.9453C112.795 48.2145 111.505 51.3497 109.209 53.6613C106.914 55.9732 103.8 57.2719 100.553 57.2719C97.3066 57.2719 94.1932 55.9732 91.8975 53.6613C89.6019 51.3497 88.312 48.2145 88.312 44.9453V16.3811H79.4095V44.9564C79.4104 50.2726 81.3865 55.3965 84.9491 59.3196C88.5117 63.2431 93.4033 65.6826 98.6614 66.1582C99.2849 66.1582 99.919 66.248 100.553 66.248C101.188 66.248 101.822 66.2477 102.445 66.1582C107.704 65.6826 112.595 63.2431 116.157 59.3196C119.72 55.3965 121.696 50.2726 121.697 44.9564V16.3811H112.795V44.9453Z' fill='white'/%3E%3Cpath d='M30.1228 14.4647H19.3393C14.2204 14.4706 9.31279 16.5209 5.69316 20.1658C2.07352 23.8107 0.0374457 28.7525 0.0315552 33.907V72.736C0.0331061 74.8536 0.696676 76.9173 1.92808 78.6339C3.15949 80.3505 4.89628 81.6333 6.89226 82.3005C8.88824 82.9675 11.0421 82.985 13.0485 82.3503C15.0549 81.7156 16.8119 80.4612 18.0707 78.7647L27.3184 66.2926H30.1228C36.8553 66.1513 43.2649 63.3593 47.9768 58.515C52.6887 53.6704 55.3277 47.1596 55.3277 40.3787C55.3277 33.5978 52.6887 27.0867 47.9768 22.2422C43.2649 17.3978 36.8553 14.6057 30.1228 14.4647ZM30.1228 57.3276H24.5586C24.0393 57.3289 23.5275 57.4523 23.0639 57.6876C22.6002 57.9229 22.1975 58.2641 21.8877 58.6836L10.9818 73.4081C10.8417 73.5963 10.6463 73.7353 10.4234 73.8056C10.2005 73.8755 9.96129 73.8733 9.7397 73.7991C9.51812 73.7245 9.32543 73.582 9.18884 73.3912C9.05229 73.2005 8.97883 72.971 8.97883 72.736V33.907C8.97883 31.1283 10.0751 28.4632 12.0264 26.4983C13.9777 24.5334 16.6242 23.4295 19.3838 23.4295H30.1672C34.5564 23.5431 38.7279 25.3787 41.7921 28.5449C44.8567 31.7111 46.5716 35.9572 46.5716 40.3787C46.5716 44.7998 44.8567 49.0462 41.7921 52.2122C38.7279 55.3786 34.5564 57.214 30.1672 57.3276H30.1228Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 33px;
    width: 115px;
    background-size: cover;
    display: inline-block;
}

.plumm-logo-new-dark {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='287' height='83' viewBox='0 0 287 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M265.856 14.3189C262.633 14.3218 259.454 15.0664 256.561 16.4959C253.668 17.9253 251.138 20.0017 249.164 22.5665C246.46 19.0652 242.739 16.5012 238.518 15.2328C234.298 13.9644 229.789 14.0547 225.622 15.4912C221.455 16.9277 217.838 19.6387 215.275 23.2456C212.712 26.8525 211.332 31.1753 211.327 35.6103V66.1468H220.23V35.6103C220.23 32.3411 221.519 29.2058 223.815 26.8941C226.111 24.5824 229.224 23.2837 232.471 23.2837C235.718 23.2837 238.831 24.5824 241.127 26.8941C243.422 29.2058 244.712 32.3411 244.712 35.6103V66.1468H253.615V35.6103C253.615 32.3411 254.904 29.2058 257.2 26.8941C259.496 24.5824 262.61 23.2837 265.856 23.2837C269.103 23.2837 272.216 24.5824 274.512 26.8941C276.808 29.2058 278.097 32.3411 278.097 35.6103V66.1468H287V35.6103C287 29.9635 284.773 24.5479 280.807 20.555C276.842 16.5621 271.464 14.3189 265.856 14.3189Z' fill='white'/%3E%3Cpath d='M183.206 14.3189C179.984 14.3218 176.804 15.0664 173.911 16.4959C171.018 17.9253 168.488 20.0017 166.513 22.5665C163.81 19.0652 160.088 16.5012 155.868 15.2328C151.648 13.9644 147.139 14.0547 142.972 15.4912C138.806 16.9277 135.188 19.6387 132.625 23.2456C130.062 26.8525 128.682 31.1753 128.677 35.6103V66.1468H137.58V35.6103C137.58 32.3411 138.869 29.2058 141.165 26.8941C143.461 24.5824 146.574 23.2837 149.821 23.2837C153.067 23.2837 156.181 24.5824 158.477 26.8941C160.772 29.2058 162.062 32.3411 162.062 35.6103V66.1468H170.965V35.6103C170.965 32.3411 172.255 29.2058 174.55 26.8941C176.846 24.5824 179.959 23.2837 183.206 23.2837C186.453 23.2837 189.566 24.5824 191.862 26.8941C194.157 29.2058 195.447 32.3411 195.447 35.6103V66.1468H204.35V35.6103C204.35 29.9635 202.122 24.5479 198.157 20.555C194.192 16.5621 188.814 14.3189 183.206 14.3189Z' fill='white'/%3E%3Cpath d='M71.4759 0.165901H62.5731V44.9899C62.5599 52.5234 64.7421 59.8951 68.8496 66.1917H80.3232C77.5075 63.4361 75.269 60.1402 73.7399 56.4986C72.2109 52.857 71.422 48.9436 71.4204 44.9899L71.4759 0.165901Z' fill='white'/%3E%3Cpath d='M112.795 44.9453C112.795 48.2145 111.505 51.3497 109.209 53.6613C106.914 55.9732 103.8 57.2719 100.553 57.2719C97.3066 57.2719 94.1932 55.9732 91.8975 53.6613C89.6019 51.3497 88.312 48.2145 88.312 44.9453V16.3811H79.4095V44.9564C79.4104 50.2726 81.3865 55.3965 84.9491 59.3196C88.5117 63.2431 93.4033 65.6826 98.6614 66.1582C99.2849 66.1582 99.919 66.248 100.553 66.248C101.188 66.248 101.822 66.2477 102.445 66.1582C107.704 65.6826 112.595 63.2431 116.157 59.3196C119.72 55.3965 121.696 50.2726 121.697 44.9564V16.3811H112.795V44.9453Z' fill='white'/%3E%3Cpath d='M30.1228 14.4647H19.3393C14.2204 14.4706 9.31279 16.5209 5.69316 20.1658C2.07352 23.8107 0.0374457 28.7525 0.0315552 33.907V72.736C0.0331061 74.8536 0.696676 76.9173 1.92808 78.6339C3.15949 80.3505 4.89628 81.6333 6.89226 82.3005C8.88824 82.9675 11.0421 82.985 13.0485 82.3503C15.0549 81.7156 16.8119 80.4612 18.0707 78.7647L27.3184 66.2926H30.1228C36.8553 66.1513 43.2649 63.3593 47.9768 58.515C52.6887 53.6704 55.3277 47.1596 55.3277 40.3787C55.3277 33.5978 52.6887 27.0867 47.9768 22.2422C43.2649 17.3978 36.8553 14.6057 30.1228 14.4647ZM30.1228 57.3276H24.5586C24.0393 57.3289 23.5275 57.4523 23.0639 57.6876C22.6002 57.9229 22.1975 58.2641 21.8877 58.6836L10.9818 73.4081C10.8417 73.5963 10.6463 73.7353 10.4234 73.8056C10.2005 73.8755 9.96129 73.8733 9.7397 73.7991C9.51812 73.7245 9.32543 73.582 9.18884 73.3912C9.05229 73.2005 8.97883 72.971 8.97883 72.736V33.907C8.97883 31.1283 10.0751 28.4632 12.0264 26.4983C13.9777 24.5334 16.6242 23.4295 19.3838 23.4295H30.1672C34.5564 23.5431 38.7279 25.3787 41.7921 28.5449C44.8567 31.7111 46.5716 35.9572 46.5716 40.3787C46.5716 44.7998 44.8567 49.0462 41.7921 52.2122C38.7279 55.3786 34.5564 57.214 30.1672 57.3276H30.1228Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 33px;
    width: 115px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}

.plumm-logo-new-blue {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='126' height='39' viewBox='0 0 126 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.428 9.91187C119.768 9.91187 121.64 10.6679 123.116 12.1439C124.592 13.6199 125.348 15.6359 125.348 18.2279V29.9999H120.632V19.0919C120.632 15.9239 119.012 14.2318 116.564 14.2318C113.936 14.2318 112.064 16.2118 112.064 19.2358V29.9999H107.384V19.1278C107.384 16.0678 105.728 14.2318 103.244 14.2318C100.616 14.2318 98.7084 16.2118 98.7084 19.2718V29.9999H94.0284V10.4518H98.6364V13.2598C99.7524 11.2078 102.02 9.91187 104.576 9.91187C107.132 9.94784 109.364 11.1358 110.408 13.4038C111.812 11.2078 114.44 9.91187 117.428 9.91187Z' fill='%2309090B'/%3E%3Cpath d='M81.5688 9.91187C83.9088 9.91187 85.7811 10.6679 87.2568 12.1439C88.7328 13.6199 89.4888 15.6359 89.4888 18.2279V29.9999H84.7728V19.0919C84.7728 15.9239 83.1528 14.2318 80.7048 14.2318C78.0768 14.2318 76.2048 16.2118 76.2048 19.2358V29.9999H71.5248V19.1278C71.5248 16.0678 69.8688 14.2318 67.3848 14.2318C64.7568 14.2318 62.8488 16.2118 62.8488 19.2718V29.9999H58.1688V10.4518H62.7768V13.2598C63.8928 11.2078 66.1608 9.91187 68.7168 9.91187C71.2728 9.94784 73.5048 11.1358 74.5488 13.4038C75.9528 11.2078 78.5808 9.91187 81.5688 9.91187Z' fill='%2309090B'/%3E%3Cpath d='M44.7996 30.468C39.3636 30.468 35.9796 27.264 35.9796 21.828V10.452H40.6956V21.828C40.6956 24.456 42.2436 26.184 44.7996 26.184C47.3916 26.184 48.9396 24.456 48.9396 21.828V10.452H53.6556V21.828C53.6556 27.264 50.3076 30.468 44.7996 30.468Z' fill='%2309090B'/%3E%3Cpath d='M31.4544 2.64001V30H26.7744V2.64001H31.4544Z' fill='%2309090B'/%3E%3Cpath d='M13.428 9.98401C16.2 9.98401 18.504 10.992 20.34 12.972C22.176 14.952 23.076 17.364 23.076 20.208C23.076 23.088 22.14 25.536 20.304 27.516C18.468 29.496 16.164 30.468 13.392 30.468C10.908 30.468 8.78397 29.496 7.09197 27.552V38.028H2.37598V10.452H7.05597V13.044C8.74797 10.992 10.872 9.98401 13.428 9.98401ZM6.98397 20.244C6.98397 21.936 7.52397 23.34 8.56797 24.492C9.61197 25.608 10.98 26.184 12.672 26.184C14.364 26.184 15.732 25.608 16.776 24.492C17.82 23.34 18.36 21.936 18.36 20.244C18.36 18.552 17.82 17.148 16.776 16.032C15.732 14.88 14.364 14.304 12.672 14.304C10.98 14.304 9.61197 14.88 8.56797 16.032C7.52397 17.184 6.98397 18.588 6.98397 20.244Z' fill='%2309090B'/%3E%3C/svg%3E%0A");
    height: 32px;
    width: 115px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
}


@media(max-width: 1253px) {
    .plumm-logo-new-blue,
    .plumm-logo-new,
    .plumm-logo-new-dark {
        height: 27px;
        width: 95px;
    }
}


.dark-mode-logo {
    display: none;
}

html[color-mode="dark"] .dark-mode-logo-hide {
    display: none;
}


html[color-mode="dark"] .dark-mode-logo {
    display: block;
    opacity: 0.9;
}

/*ends here*/


/*css for feedback after session completes starts here*/
.session-feedback-emoji-wrapper > label,
.plumm-helping-wrapper > label,
.session-feedback-rate > label {
    display: block;
    text-align: left;
    margin-bottom: 0.6rem;
}

.plm-feedback-emoji-wrapper {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.2rem;
}

.session-feedback-emoji-wrapper .emojis-wrapper-item {
    font-size: 2rem;
    transition: all .3s;
    display: inline-block;
    cursor: pointer;
}

span.emojis-wrapper-item.sf-emoji-active1,
span.emojis-wrapper-item.sf-emoji-active2 {
    transform: scale(1.35);
    border-radius: 50%;
    position: relative;
}

.plm-feedback-emoji-wrapper span.emojis-wrapper-item:hover {
    transform: scale(1.15);
}

span.emojis-wrapper-item.sf-emoji-active1::before,
span.emojis-wrapper-item.sf-emoji-active2::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
    background: radial-gradient(circle, #f7d090 0, rgb(255 233 129) 40%, rgb(255 176 46 / 5%) 65%);
}

.ph-feedback .review-form:not(:last-child) {
    margin-bottom: 18px;
}

.session-feedback-helping {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.5rem 0.8rem;
    flex-wrap: wrap;
}

    .session-feedback-helping .emojis-wrapper-item {
        margin: 7px 2px;
        flex-grow: initial;
        max-width: initial;
        border: 1px solid transparent;
        box-sizing: border-box;
        font-family: var(--primary-font);
        padding: 0.3rem 0.75rem 0.5rem;
        display: inline-block;
        font-size: var(--base-font-size);
        line-height: 1.6;
        text-align: center;
        white-space: nowrap;
        color: var(--primary-color);
        min-width: 100px;
        float: left;
        cursor: pointer;
        font-weight: 400;
        border-radius: 25px;
        background: var(--white-color);
        box-shadow: var(--default-shadow-1);
        border: 1px solid var(--primary-border-color);
    }

html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item.sf-mood-active {
    background-color: var(--dark-primary-color) !important;
    border: 1px solid var(--dark-primary-color);
    color: var(--icon-bg-color);
}

html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item {
    background: var(--bg-default);
    border: 1px solid var(--chat-dark-border-1);
    box-shadow: var(--bg-default-box-shadow);
    color: var(--on-primary-color);
}

.session-feedback-helping .emojis-wrapper-item.sf-mood-active {
    background: #FFF4BF;
    border: 1px solid #F9D52E;
}

@media(min-width: 1253px) {
    .session-feedback-helping .emojis-wrapper-item:hover {
        background: #FFF4BF;
        border: 1px solid #F9D52E;
    }
}

@media (min-width: 1025px) {
    html[color-mode="dark"] .session-feedback-helping .emojis-wrapper-item:hover {
        border: 1px solid var(--dark-primary-color);
    }
}

.session-feedback-rate .ratingDiv {
    text-align: left;
}

.session-feedback-subhead {
    font-weight: 600;
    font-size: var(--base-font-size);
    display: block;
    line-height: 1.5;
    color: var(--primary-color);
    margin-bottom: 1.5rem !important;
}

@media(max-width: 1253px) {
    .session-feedback-helping {
        justify-content: center;
        gap: 0.1rem 1rem;
        flex-wrap: wrap;
        max-width: 100%;
    }

    .session-feedback-subhead br {
        display: none;
    }

    .plm-feedback-emoji-wrapper {
        display: flex;
        gap: 0.5rem 0.5rem;
        margin-bottom: 0.2rem;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}




html[color-mode="dark"] span.emojis-wrapper-item.sf-emoji-active1::before, html[color-mode="dark"] span.emojis-wrapper-item.sf-emoji-active2::before {
    background: radial-gradient(circle, #643e00 0, rgb(108 89 0) 40%, rgb(141 88 2 / 5%) 65%);
}

html[color-mode="dark"] .cookieBanner {
    background: #173571;
}

    html[color-mode="dark"] .cookieBanner button {
        color: #173571;
    }

.practices--testi-bg .slick-prev, .practices--testi-bg .slick-next {
    z-index: 9999;
}

.forgot-pass-wrapper .new-layout-from-input label {
    color: var(--primary-color);
    font-weight: 600;
}

.forgot-pass-wrapper .ph-input-create-password input,
.ph-input-create-password input {
    padding-right: 4.5rem !important;
}

@media only screen and (max-width: 1500px) {
    td.join-reschedule-thera-btn > * {
        flex: 1;
    }
}



@media only screen and (min-width: 1100px) {
    .second-pract-dashboard-row {
        display: grid !important;
        grid-template-columns: 65% 1fr;
        gap: 1.9rem;
    }
}

@media only screen and (min-width: 1300px) {
    .second-pract-dashboard-row {
        grid-template-columns: 66% 1fr;
    }
}

@media only screen and (min-width: 1600px) {
    .second-pract-dashboard-row {
        grid-template-columns: 60% 1fr;
    }
}

@media only screen and (max-width: 1100px) {
    .second-pract-dashboard-row {
        display: flex;
    }

        .second-pract-dashboard-row > .cols-pract-fr {
            flex: 1;
        }

    .second-dashboard-row.second-pract-dashboard-row {
        flex-direction: column;
    }
}

.select-package-boxes .secondary-sub-head span.ph-default-tag.ph-default-tag-df {
    position: relative;
    top: -13px;
}

.form-group.ba-det-per-email {
    grid-column-start: 1;
    grid-column-end: 3;
}

.no-contract-found {
    text-align: center;
    min-height: 450px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--secondary-color);
    font-weight: 600;
}

.ba-sir-boxes.no-contract-found {
    padding-top: 20px;
}

.ba-company-details.bg-company-details-content {
    display: flex;
}

    .ba-company-details.bg-company-details-content > div:first-child {
        flex: 1;
    }

    .ba-company-details.bg-company-details-content input {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

label.plm-read-only {
    font-weight: 400 !important;
    line-height: 1.5;
    color: #495057 !important;
    display: block;
    font-weight: 400 !important;
    line-height: 1.3;
    color: #495057 !important;
    display: block;
    white-space: nowrap;
    word-break: break-word;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

@media(min-width: 1100px) {
    .ba-company-details .seelct-package-wrapper {
        max-width: 500px;
    }

    .ba-sir-boxes.no-contract-found {
        min-width: 400px;
    }
}


@media(max-width: 1100px) {
    .ba-company-details.bg-company-details-content {
        flex-direction: column;
    }

    span#LblBilllabel {
        line-height: 1.2;
    }

    .bg-ad-company-details-from {
        margin-bottom: 0;
    }
}

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-body .dx-calendar-views-wrapper .dx-calendar-cell {
    color: #5a5a5a;
}

    html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-body .dx-calendar-views-wrapper .dx-calendar-cell.dx-state-hover {
        color: #4b4b4b;
    }

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date),
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-active,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-hover,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date),
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-active,
html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-hover {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-button-content .dx-dropdowneditor-icon,
html[color-mode="dark"] .dx-numberbox-spin-down-icon,
html[color-mode="dark"] .dx-numberbox-spin-up-icon {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    color: #333;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    -webkit-box-shadow: 0 0 0 1px transparent inset;
    box-shadow: 0 0 0 1px transparent inset;
    background-color: #626262;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-field-item-content-location-bottom .dx-buttongroup-wrapper .dx-button-mode-contained {
    border-color: #3c3c3c !important;
    color: #b0b0b0 !important;
}

html[color-mode="dark"] .dx-datebox-wrapper-calendar .dx-timeview-field .dx-texteditor-input {
    padding: 7px 7px 8px;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-layout-manager.dx-widget .dx-widget {
    color: #b0b0b0;
}

html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-state-active .dx-button-content,
html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-button-mode-contained.dx-state-focused {
    background-color: initial !important;
}


html[color-mode="dark"] .dx-scheduler-appointment-popup .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: var(--dark-primary-color) !important;
    color: #e7e7e7 !important;
}

.dx-scheduler-appointment-popup .add-schedule-popup .dx-state-active .dx-button-content,
.dx-scheduler-appointment-popup .add-schedule-popup .dx-button-mode-contained.dx-state-focused {
    background-color: #d4d4d4 !important;
}


/* css for new login page starts here*/
.login-head {
    font-family: var(--secondary-font);
    font-weight: 400;
    color: var(--secondary-color);
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.login-plumm-account-main-wrapper {
    margin-top: 2.7rem;
}

.login-plumm-left-form {
    position: relative;
    max-width: 550px;
    padding-left: 70px;
}

.get-started-ca-wrapper .form-group {
    margin-bottom: 1.5rem !important;
}

.plumm-mobile-app-logos {
    display: flex;
    gap: 22px;
    align-items: center;
    justify-content: flex-start;
}

    .plumm-mobile-app-logos svg {
        width: 150px;
        height: 50px;
        display: inline-block;
    }

.download-app-login {
    margin-top: 0.55rem;
    margin-left: 2.2rem;
}

.download-mob-app {
    font-size: 1.05rem;
    line-height: 1.3;
    margin: 1rem 0px 1.2rem;
    color: var(--secondary-color);
    font-weight: 400;
}

.ph-login-illustr-content-mw {
    max-width: 480px;
    margin: 0 auto;
    display: block;
    margin-top: 1rem;
}

.cca-dob input.date-picker {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
    background-position: calc(100% - 0.6rem);
    background-size: 15px;
    background-repeat: no-repeat;
}

.login-plumm-account-main-wrapper.login-ca-wrapper {
    grid-template-columns: 50% 1fr;
}

@media (max-width: 1600px) {
    .download-app-login {
        margin-top: 1.05rem;
    }

    .ph-login-illustr-content-mw {
        max-width: 420px;
    }
}

@media (max-width: 1100px) {
    .login-plumm-left-form {
        padding-left: 0;
    }

    .ph-login-illustr-content-mw {
        max-width: 370px;
    }

    .login-plumm-right-form {
        margin-top: 1.7rem;
    }
}

@media (max-width: 1024px) {
    .ph-login-illustr-content-mw {
        margin-top: 3rem;
    }

    .plumm-mobile-app-logos {
        justify-content: center;
    }

    .download-mob-app {
        text-align: center;
    }

    .ph-login-illustr-content-mw {
        max-width: 480px;
    }

    .login-plumm-account-main-wrapper.login-ca-wrapper {
        grid-template-columns: auto;
    }
}

@media (max-width: 991px) {
    .ph-login-illustr-content-mw {
        max-width: 370px;
    }

    .download-mob-app br {
        display: none;
    }

    .ph-login-illustr-content-mw {
        margin-bottom: 2.5rem;
        margin-top: 1.4rem;
    }

    .download-app-login {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .plumm-login-social-media {
        grid-template-columns: auto;
    }

    .login-plumm-right-form {
        margin-top: 0;
        margin-bottom: 2.4rem;
    }
}

@media (max-width: 576px) {
    .plumm-login-social-media {
        grid-template-columns: auto;
    }

    .login-head {
        margin-bottom: 1.5rem;
        margin-top: 0.4rem;
    }
}
/*ends here*/
.ui-widget-content {
    font-family: var(--primary-font);
}

/*pop over tour*/

.plm-popover {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1201;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    background-color: var(--bg-default);
    background-clip: padding-box;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
    padding: 0.8rem;
}

    .plm-popover[class*="tour-"] {
        box-sizing: border-box;
        min-width: 270px;
        max-width: 320px;
    }

    .plm-popover.right-arrow {
        margin-left: 10px;
    }

        .plm-popover.right-arrow > .arrow {
            top: 50%;
            left: -10px;
            margin-top: -11px;
            border-left-width: 0;
            border-right-color: var(--bg-default);
        }

    .plm-popover > .arrow {
        border-width: 11px;
    }

        .plm-popover > .arrow,
        .plm-popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }

.plm-popover-close {
    color: #cccccc;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.plm-popover-title {
    margin: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px 5px 0 0;
    font-size: 1.15rem;
    color: var(--secondary-color);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.plm-popover-content {
    color: var(--on-primary-color);
    line-height: 1.3;
    margin: 1rem 0;
    font-size: var(--base-font-size);
}

.plm-small-btn {
    font-size: var(--base-font-size);
    padding: 0.4rem 0.9rem;
    border-radius: 0.3rem;
    min-width: 5.1rem;
    line-height: 1.4;
    background-color: var(--dash-btn-bg-color);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    text-align: center;
}

    .plm-small-btn:hover {
        background-color: var(--primary-color);
        color: #fff;
    }

.plm-popover-navigation {
    display: flex;
    justify-content: flex-end;
}

.popover-va-overlay {
    background-color: var(--modal-bg-color);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1200;
}

.plm-popover-va {
    width: 25px;
    height: 25px;
    position: relative;
    left: -2px;
    fill: var(--primary-color);
    display: inline-block;
}

.teams-body .plm-popover.right-arrow > .arrow {
    top: 0 !important;
    left: 50%;
    transform: rotate(90deg) translateX(-50%);
    margin-top: -8px;
}

.teams-body .plm-popover {
    left: 130px !important;
    top: 10px !important;
}

html[color-mode="dark"] .plm-small-btn:hover {
    color: #fff;
}


.ph-close-modal {
    border: none;
    padding: 0;
}

button.ph-close-modal em.icon {
    color: var(--on-primary-color);
    font-size: 1.15rem;
}

.ph-close-modal {
    background-color: transparent;
}

@media(max-width: 991px) {
    .plm-popover {
        display: none;
    }
}

/** Safari */

@media(max-width: 991px) {
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .nav-sidebar {
            padding-bottom: 80px !important;
        }

        .chatbot-load-chat {
            z-index: 1300;
            margin-bottom: 6.5rem !important;
        }
    }
}

.ph-certificate-prev-del-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.certificate-upload-modal-wrapper .certf_size {
    margin-bottom: 15px;
    height: 140px;
}

.new-ebbok-wrapper button.slick-arrow {
    z-index: 1000;
}

.pract-profile-right li.nav-item .nav-link {
    font-weight: 400;
    padding: 0.4rem 1rem;
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 0.65);
    border: 1px solid var(--primary-border-color);
}

    .pract-profile-right li.nav-item .nav-link:hover {
        font-weight: 400;
    }

    .pract-profile-right li.nav-item .nav-link.active {
        background-color: var(--sec-light-color4);
        color: var(--primary-color);
        border: 1px solid #d7e7f3;
    }

.pract-profile-right ul.nav-pills {
    gap: 1rem;
}

html[color-mode="dark"] .pract-profile-right li.nav-item .nav-link.active {
    color: var(--bg-default) !important;
}

html[color-mode="dark"] .pract-profile-right li.nav-item .nav-link:hover {
    color: var(--primary-color);
}

@media(max-width: 767px) {
    .pract-profile-right ul.nav-pills {
        gap: 0.6rem;
        justify-content: center;
    }
}

@media all and (max-width: 540px) {
    .sweet-alert {
        margin-left: auto !important;
        margin-right: auto !important;
        width: calc(100% - 30px) !important;
        animation: none !important;
    }
}


.chat-search-input .p-search-input {
    position: relative;
    width: 100%;
}

.chat-search-input {
    gap: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.3rem;
}

.chat-filter.icon.ni,
.msg-search-icon.icon.ni {
    font-size: 1.35rem;
    cursor: pointer;
}

.pg-2 {
    gap: 0.8rem;
}

@media(min-width: 992px) {
    .chat-head-dn-dsk {
        display: none;
    }
}

@media (max-width: 991.99px) {
    .msg-chat-left-top-header-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.35rem 0.85rem;
        min-height: 60px;
    }

    .chat-search-input {
        padding: 0;
        flex: 1;
    }
}


/*chat pages common css*/

/*.msger-header-new {
    border-bottom: var(--border-width-layout) solid var(--border-layout);
}*/

.msger-header-new {
    padding: 0.5rem 0.9rem;
}

.chat-right-loader .loads {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeload;
    animation-name: placeload;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-linear-gradient(to right, rgb(255 255 255 / 35%) 8%, #e9eef2 18%, rgb(255 255 255 / 35%) 33%);
    background: linear-gradient(to right, rgb(255 255 255 / 35%) 8%, #e9eef2 18%, rgb(255 255 255 / 35%) 33%);
    background-size: 1200px 104px;
    position: relative;
}

.msg-side-nav-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 55px;
    padding: 12px 20px;
    min-height: var(--nav-min-height);
    background-color: var(--card-bg-color);
    /* border-bottom: var(--border-width-layout) solid var(--border-layout);*/
}

.msg-side-nav-body {
    padding: 0 20px;
    height: 100%;
    overflow: auto;
    padding-top: 25px;
    padding-bottom: 85px;
    background-color: var(--card-bg-color);
}

.pact-profile-name label {
    font-size: var(--base-font-size-lg);
    display: block;
    font-weight: 400;
    margin-top: 0.4rem;
    line-height: 1.4;
}

.sidenav-view-profile {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    overflow: hidden;
    transition: 0.5s;
}

/*generic clickable tooltip starts here*/
.p-clk-tt {
    display: none;
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    color: var(--primary-color);
    color: white;
    font-weight: bold;
    padding: 0;
    font-size: var(--base-font-size-xs);
    border-radius: var(--bs-border-radius);
    display: none;
    width: 100%;
    max-width: 280px;
    z-index: 2400;
    overflow: hidden;
}

    .p-clk-tt[data-popper-reference-hidden] {
        visibility: hidden;
        pointer-events: none;
    }

    .p-clk-tt[show-popper] {
        display: block;
        z-index: 2206;
    }

    .p-clk-tt .dx-list .dx-empty-message,
    .p-clk-tt .dx-list-item-content {
        padding: 0.45rem 0.6rem;
    }

    .p-clk-tt .dx-list-search {
        margin: 0.45rem 0.6rem;
    }

    .p-clk-tt .dx-list .dx-empty-message,
    .p-clk-tt .dx-list-item {
        border-top: 1px solid var(--border-layout);
        color: var(--on-primary-color);
    }

    .p-clk-tt .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
        background-color: var(--sec-light-color7);
    }

    .p-clk-tt .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
        background-color: var(--sec-light-color4);
        color: var(--primary-color);
    }

    .p-clk-tt #popper-arrow, .p-clk-tt #popper-arrow::before {
        background: var(--chat-dark-bg-2);
        border: 1px solid var(--input-border-1);
        border-top: none;
        border-left: none;
    }

/*build the arrow targeting the divider with class 'popper-arrow'*/
#popper-arrow,
#popper-arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--chat-dark-bg-2);
}

#popper-arrow {
    visibility: hidden;
}

    #popper-arrow::before {
        visibility: visible;
        content: "";
        transform: rotate(45deg);
    }

/*position arrow using popper.js data-popper-placement attribute*/
.p-clk-tt[data-popper-placement^="top"] #popper-arrow {
    bottom: -4px;
}

.p-clk-tt[data-popper-placement^="bottom"] #popper-arrow {
    top: -4px;
}

.p-clk-tt[data-popper-placement^="left"] #popper-arrow {
    right: -4px;
}

.p-clk-tt[data-popper-placement^="right"] #popper-arrow {
    left: -4px;
}

/*hide arrow when reference outside of viewport*/
.p-clk-tt[data-popper-reference-hidden] #popper-arrow::before {
    visibility: hidden;
}
.p-clk-tt.show {
    display: block;
}
/*generic clickable tooltip ends here*/


/* Sidebar styles (adjust as needed) */


/*css for custom progress starts here*/
.progress-sm {
    height: 5px
}

.progress-lg {
    height: 12px
}

.progress-xl {
    height: 16px
}

.custom-progess {
    position: relative
}

    .custom-progess .progress-icon {
        position: absolute;
        top: -12px
    }

        .custom-progess .progress-icon .avatar-title {
            background: var(--tb-secondary-bg)
        }

.animated-progress {
    position: relative
}

    .animated-progress .progress-bar {
        position: relative;
        border-radius: 6px;
        animation: animate-positive 2s
    }

@keyframes animate-positive {
    0% {
        width: 0
    }
}

.custom-progress.progress {
    height: 0.4rem;
    border-radius: calc(var(--border-radius-default) * 0.5);
    padding: 0;
    background-color: var(--light-blue-1);
}

.custom-progress .progress-bar {
    position: relative;
}

/*.custom-progress .progress-bar:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 7px;
    right: 2px;
    top: 50%;
    transform: translateY(-50%)
}*/

.progress-label {
    overflow: visible
}

    .progress-label .progress-bar {
        position: relative;
        overflow: visible;
        min-width: 0.4rem
    }

        .progress-label .progress-bar .label {
            color: var(--primary-color);
            display: inline-block;
        }

        .progress-label .progress-bar .cp-data-bottom {
            position: absolute;
            top: -0.7rem;
            right: -0.65rem;
            font-size: calc(var(--base-font-size-xxs) * 0.85);
        }

.custom-progress .progress-bar[aria-valuenow="0"] {
    min-width: 0;
}

    .custom-progress .progress-bar[aria-valuenow="0"] .cp-data-bottom,
    .custom-progress .progress-bar[aria-valuenow="1"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="2"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="3"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="4"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="5"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="6"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="7"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="8"] .cp-data-bottom
    .custom-progress .progress-bar[aria-valuenow="9"] .cp-data-bottom {
        right: -0.95rem;
    }

.custom-progress .progress-bar[aria-valuenow="100"] .cp-data-bottom {
    right: 0.05rem;
}

.loading-skeleton .progress-label .progress-bar .cp-data-bottom {
    top: -1.1rem;
    padding: 0;
    width: 1.2rem;
    height: 0.7rem !important;
    border-radius: 0.2rem !important;
    left: 0rem;
}

.loading-skeleton .progress-label .progress-bar {
    background-color: transparent;
}

/*.progress-label .progress-bar .label.cp-data-bottom:after {
    bottom: initial;
    top: -7px;
    transform: translateX(-50%) rotate(180deg);
}

.progress-label .progress-bar .label:after {
    content: "";
    position: absolute;
    border: 4px solid transparent;
    border-top-color: #438eff;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%)
}

.progress-step-arrow {
    height: 3.25rem
}*/

.progress-step-arrow .progress-bar {
    position: relative;
    overflow: initial;
    font-size: .875rem;
    color: #fff
}

    .progress-step-arrow .progress-bar:after {
        content: "";
        position: absolute;
        border: 10px solid transparent;
        bottom: 15px;
        right: -20px;
        z-index: 1
    }

.progress-primary .progress-bar {
    background-color: #438eff
}

    .progress-primary .progress-bar:after {
        border-left-color: #438eff
    }

.p-progress-def .progress-bar {
    overflow: visible !important;
}

/*css for custom progress ends here*/

/*animated dropdown starts here*/
.p-ani-btn-wrpr {
    position: relative;
    display: inline-block;
}

.p-ani-dropdown-open .p-ani-btn p {
    visibility: hidden;
    opacity: 0;
}

.p-ani-btn.p-add-btn {
    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;
    background-color: var(--secondary-color);
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-weight: 500;
    user-select: none;
}

    .p-ani-btn.p-add-btn:hover {
        background-color: var(--p-btn-hover);
    }

.p-ani-dropdown a .p-icon,
.p-ani-dropdown button .p-icon {
    stroke: var(--primary-color);
    flex: 0 0 auto;
    min-width: 1.2rem;
}

.p-ani-icon-ac {
    transition: transform 0.3s ease;
    position: relative;
    width: 1.35rem;
    height: 1.35rem;
    fill: #fff;
    background-color: var(--p-btn-hover);
    border-radius: 50%;
    padding: 0.15rem;
}

    .p-ani-icon-ac.open {
        /*transform: rotate(45deg);*/
    }

.p-ani-btn label {
    display: inline;
    cursor: pointer;
    margin: 0;
}

.p-ani-dropdown {
    position: absolute;
    top: calc(100% + 3px);
    color: var(--primary-color);
    background: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding: 0.35rem;
    border-radius: var(--bs-border-radius);
    display: block;
    cursor: pointer;
    min-width: 12.2rem;
    transform: scale(0.01);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease 0.15s;
    transform-origin: center top;
    overflow: hidden;
    z-index: 850;
    text-align: left;
    font-size: var(--base-font-size-xs);
}

.p-ani-btn-right .p-ani-dropdown {
    right: 0;
    transform-origin: right top;
}

.p-ani-dropdown.open {
    transform: scale(1);
    opacity: 1;
}

.p-ani-dropdown a,
.p-ani-dropdown button {
    position: relative;
    text-decoration: none;
    display: block;
    transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease;
    overflow: hidden;
    padding: 0.45rem;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    background-color: transparent;
    width: 100%;
    text-decoration: none !important;
    color: var(--primary-color);
}

    .p-ani-dropdown a:hover,
    .p-ani-dropdown button:hover {
        background-color: var(--sec-light-color8);
        border-radius: calc(var(--bs-border-radius) * 0.7);
    }

.p-ani-sec-btn .p-ani-btn.p-add-btn {
    background-color: var(--chat-dark-bg-2);
    color: var(--secondary-color);
    border: 0.1rem solid var(--p-border-2);
}

.p-ani-icon-ac {
    position: relative;
}

.p-ani-sec-btn .p-ani-icon-ac svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    fill: var(--grey-bg-7);
    padding: 0.05rem;
}

    .p-ani-sec-btn .p-ani-icon-ac svg.mp-icon-dot {
        width: 1.05rem;
        height: 1.05rem;
    }

    .p-ani-sec-btn .p-ani-icon-ac svg.mp-icon-plus {
        width: 1.35rem;
        height: 1.35rem;
    }

/*.p-ani-sec-btn .mp-icon-plus,
.p-ani-sec-btn.p-ani-dropdown-open .p-ani-icon-ac .mp-icon-dot {
    opacity: 0;
    visibility: hidden;
}*/

.p-ani-sec-btn.p-ani-dropdown-open .p-ani-icon-ac .mp-icon-plus {
    opacity: 1;
    visibility: visible;
}

.p-ani-sec-btn .p-ani-icon-ac {
    background-color: transparent;
}

.p-ai-icon-dd {
    stroke: none;
    fill: #b6d9ff;
}

.p-text-nowrap {
    white-space: nowrap;
}
/*css for dots dropdown*/
/* Styles for the dropdown container */
.p-dd-wp-wrapper {
    position: relative;
    display: inline-block;
}

.p-dd-wp-btn-hover {
    border: none;
    display: flex;
    align-items: center;
    border-radius: calc(var(--bs-border-radius) * 11.6);
    padding: 0.4rem;
    padding-right: 0.85rem;
    min-width: 6.8rem;
    justify-content: center;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-btn-hover {
    background-color: var(--chat-dark-bg-2);
    font-size: var(--base-font-size-xl);
    color: var(--primary-color);
    font-weight: 600;
    justify-content: space-between;
    padding-right: 1.3rem;
}

.phc-hm-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid var(--primary-border-color);
    cursor: pointer;
    padding: var(--box-padding);
}

.phc-tab-slides-content {
    padding: var(--box-padding);
}

.phc-hm-item:hover .icon-box-sm {
    background-color: var(--chat-dark-bg-2);
}

.icon-box-sm {
    width: 3.75rem;
    height: 3.75rem;
    background-color: var(--primary-bg-color);
    display: flex;
    align-items: center;
    border-radius: var(--bs-border-radius);
    justify-content: center;
    flex-shrink: 0;
}

.phc-hm-item svg {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    fill: var(--primary-color);
    margin-top: 0;
}

.hc-icon-help svg {
    width: 2rem;
    height: 2rem;
}

.phc-hm-item .label-primary {
    margin-bottom: 0.15rem;
}

.p-icon-blue.p-icon {
    stroke: var(--primary-color);
}

.p-emma-ai.p-help-center {
    width: 6.3rem;
}

.p-help-center .p-icon-blue.p-icon {
    top: 0.05rem;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-dot-icon:hover {
    background-color: transparent;
}

.p-dd-wp-wrap-hover-ws .pgab-icons {
    padding: 0.45rem 0.75rem;
}

.p-dd-wp-wrap-hover-ws .p-dd-wp-dot-icon {
    stroke: #fff;
    fill: none;
}

/* Styles for the dropdown content */
.p-dd-wp-content {
    display: none;
    position: absolute;
    background-color: var(--chat-dark-bg-2);
    min-width: 160px;
    z-index: 99;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: var(--bs-border-radius);
    padding: 0.35rem;
    border: 1px solid var(--input-border-1);
}

    /* Styles for the active dropdown content */
    .p-dd-wp-content.active {
        display: block;
        opacity: 1;
        animation: none; /* Disable the CSS animation */
    }

button.p-dd-wp-btn {
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.p-dd-wp-dot-icon,
.p-acco-action-btn .p-dd-wp-dot-icon {
    background-color: transparent;
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    stroke: none;
    border-radius: 50%;
    padding: 0.375rem;
    /* background-color: var(--light-new-blue); */
    fill: var(--primary-color);
    transition: all .3s;
}

    .p-dd-wp-dot-icon:hover,
    .p-acco-action-btn .p-dd-wp-dot-icon:hover {
        background-color: var(--light-new-blue);
        /*fill: var(--light-new-blue);*/
    }

.icon-more-rect {
    fill: var(--light-new-blue);
    width: 1.82rem;
    height: 1.82rem;
}

.p-dd-wp-dot-icon:hover .icon-more-rect {
    fill: var(--light-blue-dark);
}

.p-dd-wp-dot-icon:hover .icon-more-dot {
    fill: var(--light-new-blue);
}

.icon-more-dot {
    fill: var(--light-blue-dark);
}

html[color-mode="dark"] .icon-more-rect {
    fill: #010811;
}

.p-dd-wp-content .p-grid-action-btns a,
.pgab-icons {
    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;
    padding-left: 0.8rem;
}

.p-dd-wp-content .p-grid-action-btns .pgab-icons span {
    line-height: 1.4;
    vertical-align: middle;
}

.p-grid-action-btns .pgab-icons[disabled],
a.pgab-icons[disabled] {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.p-dd-wp-content .p-grid-action-btns {
    flex-direction: column;
    gap: 0rem;
    align-items: flex-start;
}

.p-grid-info-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.3rem;
    --icon-v1: 0.926rem !important;
}

.p-rid-info-mw > .pdf {
    position: relative;
    width: 100%;
}
/*.p-dd-wp-content .p-grid-action-btns a:hover,
.pgab-icons:hover {
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 0.5);
}*/
.p-dd-wp-content .p-grid-action-btns svg {
    stroke: var(--primary-color);
    flex: 0 0 auto;
}


.p-dd-wp-content .p-grid-action-btns a > * {
    flex: 0 0 auto;
}

.p-dd-wp-btn.p-dd-wp-btn-small {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    padding: 0.75rem;
}

    .p-dd-wp-btn.p-dd-wp-btn-small:hover {
        background-color: var(--sec-light-color7);
    }

.p-dd-wp-btn-small .p-dd-wp-dot-icon {
    flex-shrink: 0;
    padding: 0.13rem;
    width: 1.35rem;
    height: 1.35rem;
}

.more-option-selected {
    transition: transform 0.1s ease-in-out;
}

.more-option-selected .p-ani-btn {
    background-color: var(--secondary-color) !important;
    color: #fff !important;
    animation: zoomBtn 1.5s; /* Adjust the animation duration as needed */
    border-color: var(--p-btn-bg) !important;
}

.p-db-post-lists-mw {
    padding: 0.72rem;
}

    .p-db-post-lists-mw .p-ncb-ic label.label-primary {
        margin-top: 0.15rem;
        font-size: var(--base-font-size-lg);
        margin-bottom: 0.6rem;
    }

    .p-db-post-lists-mw p {
        color: var(--primary-color);
    }

@keyframes zoomBtn {
    0% {
        transform: scale(1);
    }

    33% {
        transform: scale(1.125);
    }

    66% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.more-option-selected .p-ani-btn .p-ani-icon-ac svg {
    fill: #fff;
}
/*animated dropdown ends here*/
/*css for table skeleton loader starts here*/
.table-skeleton-loader .dx-datagrid-rowsview .dx-datagrid-table,
.table-skeleton-loader table {
    border-spacing: 1.2rem !important;
    border-collapse: separate !important;
}

.p-datagird-loader {
    display: none;
}

.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td,
.table-skeleton-loader tr td {
    padding: 0.55rem 0.25rem;
    font-size: 0;
    border-radius: calc(var(--bs-border-radius) * 0.4) !important;
}

.table-skeleton-loader::before {
    content: '';
    width: 100%;
    height: 3rem !important;
    display: inline-block;
    background-color: var(--bg-default);
    max-width: calc(100% - var(--box-padding) * 2 + 0.5rem);
    position: relative;
    left: calc(var(--box-padding) - 0.25rem);
    border-radius: var(--bs-border-radius) !important;
    margin-top: 0.5rem;
}

.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td button.p-dd-wp-btn,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .dx-row > td .custom-item, .table-skeleton-loader .dx-datagrid .dx-row > td img,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .circle-tag,
.table-skeleton-loader .dx-datagrid .dx-datagrid-rowsview .p-progress-def {
    display: none;
}

/*css for table skeleton loader ends here*/
/*css for profile menu dropdown slide effect sh*/
.p-pm-dropdown {
    position: relative;
}
/*css for profile menu dropdown slide effect eh*/

/*css for color picker sh*/
.p-cp-mw {
    min-width: 7rem;
}

.p-sc-w {
    display: flex;
    align-items: center;
    padding: .375rem 0.7rem;
    padding-right: 2.1rem;
    overflow: visible;
}

.p-sc, .p-cp-colors {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-color: var(--link-color);
    border-radius: 50%;
}

.p-cp-mw .dropdown-menu {
    padding: 0;
}

.p-cp-dd-mw {
    padding: calc(var(--box-padding) * 0.5);
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 0.85rem;
    justify-items: center;
}

.p-cp-colors {
    cursor: pointer;
    transition: all 0.1s linear;
}

    .p-cp-colors:hover {
        transform: scale(1.2);
    }

.p-cp-selected {
    position: relative;
}

    .p-cp-selected::after {
        content: '';
        transform: translate(-50%, -50%) rotate(-45deg);
        border: solid #fff;
        position: absolute;
        border-width: 0 0px 2px 2px !important;
        height: 5px;
        width: 10px;
        margin: 11px 0 0 12px;
    }
/*css for color picker eh*/

/*loader for accordian loader sh*/
.loading-skeleton .p-acc-wc-loader {
    min-height: 55px;
    border: 1px solid var(--chat-inbox-border-color);
    border-radius: calc(var(--border-radius-default) * 0.75);
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
}

.loading-skeleton .p-acc-wc-loader {
    flex: 1;
}

    .loading-skeleton .p-acc-wc-loader:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.p-nds-mh {
    min-height: 15rem;
    position: relative;
}

.loading-skeleton .p-acco-btn-wrapper h6 {
    height: 15px;
    min-width: 90px;
    margin-bottom: 0;
}

.loading-skeleton .p-btn-small .p-dd-wp-dot-icon {
    min-height: 100%;
}

.loading-skeleton .lt-days p {
    min-width: 30px;
}

.lt-list-date small {
    min-width: 120px;
}

.lt-list-date .lt-days small {
    color: var(--on-primary-color);
}
/*loader for accordian loader eh*/
.modal-blur .modal-content {
    -webkit-filter: blur(1px);
    filter: blur(3px);
    background-color: rgb(23 53 113 / 1%);
    opacity: 0.5;
}

.p-wdhrs {
    display: flex;
    align-items: center;
}

    .p-wdhrs label.control-label {
        font-weight: 400;
        font-size: 75%;
    }

    .p-wdhrs input.form-control {
        border-radius: 0;
    }

    .p-wdhrs .pw-dh:first-child input {
        border-top-left-radius: var(--bs-border-radius);
        border-bottom-left-radius: var(--bs-border-radius);
    }

    .p-wdhrs .pw-dh input {
        border-right: 0;
    }

    .p-wdhrs .pw-dh.pw-dh-lc input {
        border-top-right-radius: var(--bs-border-radius);
        border-bottom-right-radius: var(--bs-border-radius);
    }

    .p-wdhrs .pw-dh-lc input {
        border-right: 1px solid var(--input-border-1);
    }

.p-wdhrs-note {
    margin-left: 1.15rem;
    display: inline-block;
    min-width: 90px;
    margin-top: 1.3rem;
    line-height: 1.2;
}

.tkl-ws {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 3.8rem;
    background-color: var(--chat-dark-bg-2);
    margin-left: -1.2rem;
    width: calc(100% + 2.2rem);
}

.tkl-ws-pos-ini {
    position: initial;
    top: 0;
}

.my-goals-content .tkl-ws-pos-ini {
    position: relative;
}

.tkl-ws-pos-t-0 {
    top: 0;
    margin: 0 auto;
    width: 100%;
}

.pso-form-details .tkl-ws-pos-ini {
    margin-left: -0.7rem;
    width: calc(100% + 0.7rem);
}

.dx-master-detail-row .tkl-ws {
    border-radius: var(--bs-border-radius);
    padding-top: 1rem;
}

.goals-loader {
    top: 8rem;
}

.p-m-sc-w {
    min-height: 100vh;
}

section#screen {
    margin: 0;
    height: 100%;
    padding: 0;
    visibility: visible;
}

/*#screen .streams .tc-list li {
    z-index: 1001;
    bottom: 0px;
    border: 0;
}*/

.p-vc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.p-si {
    height: 100vh;
    z-index: 800 !important;
}

    .p-si .user-name-modal {
        height: initial;
    }

.p-vca-btn {
    border: none;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #3C4043;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

span.p-vca-msg-indi-dot {
    width: 0.65rem;
    height: 0.65rem;
    display: inline-block;
    position: absolute;
    background: #ea4335;
    border-radius: 50%;
    top: 0.45em;
    right: 0.45em;
}

.p-vca-btn svg {
    width: 1.15rem;
    height: 1.15rem;
    display: inline-block;
    stroke: #ffffff;
    border: none;
    margin: 0;
}

.p-vca-btn-ec.p-vca-btn svg {
    stroke: none;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1;
}

.p-vca-btn-adus svg {
    width: 1rem;
    height: 1rem;
}

.p-vca-btn-ec {
    background-color: #EA4335;
}

.p-vca-btn-sr svg {
    stroke: none;
    fill: #ffffff;
    width: 1.08rem;
    height: 1.08rem;
}

.p-sd-dropdown {
    position: relative;
    display: inline-block;
}

.p-sd-dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 260px;
    padding: calc(var(--box-padding)* 0.5);
    z-index: 1;
    bottom: calc(100% + 1rem);
    left: 50%;
    transform: translateX(-50%);
    border-radius: var(--bs-border-radius);
}

.p-vca-btn-setting .p-sd-dropdown-content {
    min-width: 340px;
}

.p-sd-dropdown-content::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 10px #ffffff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.p-sd-show {
    display: block;
}

.p-sd-dc-inner.p-sc-int-vid-cont {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
    padding: 0.7rem 0.3rem;
}

    .p-sd-dc-inner.p-sc-int-vid-cont label {
        margin-bottom: 0.5rem;
    }

    .p-sd-dc-inner.p-sc-int-vid-cont label {
        margin-bottom: 0.3rem;
        line-height: 1.25;
        font-size: var(--base-font-size-xxs);
    }

.p-sd-dd-end-call ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .p-sd-dd-end-call ul li {
        white-space: nowrap;
        padding: 0.5rem calc(var(--box-padding)* 0.75);
        cursor: pointer;
        color: var(--primary-color);
        border-radius: var(--bs-border-radius);
    }

        .p-sd-dd-end-call ul li:not(:last-child) {
            border-bottom: 1px solid var(--primary-border-color);
        }

.p-sd-dd-end-call .p-sd-dropdown-content {
    min-width: initial;
    padding: 0 0;
}

.p-sd-dd-end-call ul li:hover {
    background-color: var(--sec-light-color5);
    color: var(--primary-color);
}

.p-vca-btn-yovid, .p-vca-btn-mute, .p-ts-vids-ov-acts.act-sc-int-btns {
    background-color: #fff;
}

    .p-vca-btn-yovid[disabled], .p-vca-btn-mute[disabled] {
        background-color: #3C4043;
    }

    .p-vca-btn-yovid svg, .p-vca-btn-mute svg,
    .p-ts-vids-ov-acts.act-sc-int-btns svg {
        stroke: #242629;
    }

    .p-vca-btn-yovid.activated, .p-vca-btn-mute.activated {
        background-color: #3C4043;
    }

        .p-vca-btn-yovid.activated svg,
        .p-vca-btn-yovid[disabled] svg,
        .p-vca-btn-mute.activated svg,
        .p-vca-btn-mute[disabled] svg {
            stroke: #ffffff;
        }

.p-vc.callcontrols button[disabled],
.p-vc.callcontrols button.disabled {
    opacity: 0.3;
}

.p-acc-jcbtn {
    justify-content: space-between;
}

.p-ci-int-ul li {
    margin-bottom: 0.75rem;
}

span.rejectedCandidate,
.status-terminated .btn-status {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc) !important;
    border: 1px solid #ffdbdc;
}

svg.rejectedCandidate,
.status-terminated .iconly--icon {
    stroke: #DE3B40;
}

.status-new-joiner .btn-status {
    background-color: #faface;
    color: #957c00 !important;
    border: 1px solid #eaeab3;
}

.status-new-joiner .iconly--icon {
    stroke: #957c00;
}

span.pendingCandidate {
    background-color: #ffede8;
    color: #ab4322;
    border: 1px solid #ffbda8;
}

svg.pendingCandidate {
    stroke: #ab4322;
}

span.newCandidate {
    background-color: #e3f1ff;
    color: #007FFF;
    border: 1px solid #d9e9f8;
}

svg.newCandidate {
    stroke: var(--on-primary-color);
}

.iconly--icon.icon-status-def {
    width: 1.1rem;
    height: 1.1rem;
}
/*accepted*/
span.acceptedCandidate {
    background-color: #e5f8e5;
    color: #408940;
    border: 1px solid #c3eec3;
}

svg.acceptedCandidate {
    stroke: #408940;
}

span.onboardingCandidate {
    background-color: #ddf2dd;
    color: #006400;
    border: 1px solid #ddf2dd;
}

svg.onboardingCandidate {
    stroke: var(--on-primary-color);
}

span.signedCandidate {
    background-color: #fffae0;
    color: #a9900b;
    border: 1px solid #eee092;
}

svg.signedCandidate {
    stroke: #a9900b;
}

span.completedCandidate {
    background-color: rgb(13 110 253 / 17%);
    color: #0d6efd;
    border: rgb(13 110 253 / 51%);
}

svg.completedCandidate {
    stroke: #0d6efd;
}

span.sentCandidate,
span.scheduledCandidate,
span.interviewedCandidate {
    background-color: #eae9ff;
    color: #4b47a7;
    border: 1px solid #d8d6ff;
}

svg.sentCandidate,
svg.scheduledCandidate,
svg.interviewedCandidate {
    stroke: var(--on-primary-color);
}

/*green*/
span.hired,
.status-employed .btn-status {
    background-color: #EEFBF4;
    color: #17663A;
    border: 1px solid #B2EECC;
}

svg.hired,
.status-employed .iconly--icon {
    stroke: var(--complete-tc);
}

.status-none .btn-status {
    background-color: #f9faff;
    color: #64688a !important;
    border: 1px solid #e9eaf3;
}

.status-none .iconly--icon {
    stroke: #64688a;
}

.status-garden-leave span.btn-status {
    background-color: #e8eaf3;
    color: #64688a !important;
    border: 1px solid #e8eaf3;
}

.status-garden-leave .iconly--icon {
    stroke: #64688a;
}

span.deletedCandidate {
    background-color: #fff8da;
    color: #bf8f00;
    border: 1px solid #f4e398;
}

svg.deletedCandidate {
    stroke: #747474;
}

.dx-datagrid .btn-status {
    border: none;
    padding: 0.45rem 0.65rem;
}

.p-tag-sm {
    background-color: var(--sec-light-color4);
    padding: 0.12rem 0.55rem;
    border-radius: calc(var(--border-radius-default));
    font-size: var(--base-font-size-xxs);
    color: var(--primary-color);
    line-height: 1.45;
    border: 1px solid var(--sec-light-color4);
    font-weight: 500;
}

.p-tag-sm.p-tag-xs {
    border-radius: calc(var(--border-radius-default)) !important;
    padding: 0.15rem 0.55rem;
    font-size: calc(var(--base-font-size-xs) * 0.925);
    min-width: 4rem;
}

.p-tag-green {
    background-color: var(--green-color);
    color: #ffffff;
    border: 1px solid var(--green-color);
}

.p-tag-red {
    background-color: var(--overdue-tc);
    color: #fff;
    border: 1px solid var(--overdue-tc);
}

.p-tag-yellow {
    background-color: var(--yellow-color);
    color: var(--primary-color);
    border: 1px solid var(--yellow-color);
}

.p-tag-blue {
    background-color: #0d6efd;
    color: #fff;
    border: #0d6efd;
}

.p-tag-grey {
    background-color: #ededed;
    color: #424b53;
    border: 1px solid #ededed;
}

.p-light-blue {
    border: 1px solid var(--sec-light-color4);
    color: var(--primary-color);
    background-color: var(--sec-light-color4);
}

.p-light-yellow {
    border-color: #fff4ca;
    color: #7c6200;
    background-color: #fff4ca;
}

.p-light-salmon {
    border-color: #ffd7da;
    color: #b04f57;
    background-color: #ffd7da;
}

.p-light-tealgreen {
    border-color: #aefced;
    color: #006654;
    background-color: #aefced;
}

.p-light-blue-new {
    border-color: #d4ecff;
    color: #295b84;
    background-color: #d4ecff;
}

/*css for analysis page*/
.p-hlo {
    left: 0;
    top: 0;
    padding: calc(var(--default-gap) * 0.5);
    width: 100%;
    background: #fff;
}

.p-hi {
    width: 3.1rem;
    height: 3.1rem;
    display: inline-block;
    border-radius: 0.65rem;
    overflow: hidden;
}

.p-tl-box.p-tl-box-modi-sceen {
    align-items: flex-start;
    padding: calc(var(--box-padding)* 1.8);
    min-height: inherit;
    gap: 1.95rem;
}

.p-tl-box-modi-sceen .hc-default-btn {
    width: 100%;
    --p-btn-min-height: 2.9rem;
}

.p-sc-st-cont .text-primary-color {
    font-size: var(--base-font-size-xl);
}

.p-tl-box-modi-sceen hr {
    margin: 1.1rem 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-sc-st-cont {
    align-self: flex-start;
    width: 100%
}

.p-sc-details-2x {
    display: flex;
    flex: 1;
    gap: 0.5rem;
}

    .p-sc-details-2x label {
        flex: 0 0 6em;
    }

.p-sc-details {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.p-cc {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1600;
}

.p-cc-sq {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.p-cci {
    height: 100%;
    display: flex;
    align-items: center;
}

.p-cci-main {
    height: 100%;
    flex: 1;
    padding: var(--box-padding);
}

.p-sc-st-cont .p-grey-bg-box {
    min-height: 11em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.p-sc-emoji-scale {
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    align-items: center;
    flex: 1;
}

.p-sc-sc-foot {
    display: grid;
    align-items: center;
    align-self: center;
    width: 100%;
}

.p-sc-box-w-top-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    gap: 1rem;
    height: 100%;
    padding-bottom: 1rem;
}

.p-sc-emoji-scale span {
    font-size: 2.1rem;
    line-height: 1.3;
}

.p-sc-ques-mw {
    padding: 1rem 2.3rem;
    max-width: 1468px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.record-action-btns button.p-btn-small {
    min-width: 7.9rem;
}

.p-sc-que-steps-mw {
    flex: 1;
}

    .p-sc-que-steps-mw .ph-card {
        height: 100%;
    }

.p-sc-que-head {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 1.25rem;
    margin-bottom: 1.6rem;
}

p-sc-que-head-rc .p-progress-def strong {
    color: var(--primary-color);
    font-weight: 600;
    font-size: var(--base-font-size-lg);
}

.p-sc-que-head-rc .p-progress-def p {
    font-size: var(--base-font-size-xxs);
    font-weight: 400;
    margin-top: 0.35rem;
}

label.p-sc-es-wl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sc-que-ans-vid .sc-que-name-count {
    margin-bottom: 1rem;
    position: absolute;
    z-index: 9;
    padding: 1.1rem;
    width: 100%;
    left: 0;
    background: linear-gradient(180deg, black, transparent);
}

    .sc-que-ans-vid .sc-que-name-count label,
    .sc-que-ans-vid .sc-que-name-count h3 {
        color: #fff;
    }

.record-action-btns-vid {
    position: absolute;
    bottom: 3.65rem;
    width: 100%;
    padding: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
}

.sc-que-ans-vid-blurr::before {
    filter: blur(18px);
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
}

.record-action-btns-vid .hc-default-btn[disabled] {
    display: none;
}

.p-sc-que-steps-mw .ph-card {
    display: flex;
    flex-direction: column;
}

.sc-que-ans-vid {
    border-radius: calc(var(--bs-border-radius)* 0.7);
    overflow: hidden;
}

.p-sq-video-mc {
    width: 100%;
    height: 100%;
    border-radius: calc(var(--bs-border-radius)* 0.7);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .p-sq-video-mc video {
        object-fit: cover;
        width: 100%;
        height: calc(100vh - 21em);
        min-height: 600px;
    }

.p-sc-que-steps-mw .overlay {
    border-radius: calc(var(--bs-border-radius) * 0.7);
}

.sc-que-ans-input {
    flex: 1;
    position: relative;
}

.record-screening-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--p-btn-bg);
    border: none;
    padding: 0.6rem 1rem;
    border-radius: var(--bs-border-radius);
    color: #fff;
    font-size: var(--base-font-size-lg);
    font-weight: 500;
    gap: 0.35rem;
    border: 1px solid var(--p-btn-bg);
}

    .record-screening-btn .p-icon {
        stroke: #fff;
    }

.sc-que-ans-input {
    flex: 1;
}

    .sc-que-ans-input textarea {
        height: 100%;
    }

.record-action-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .record-action-btns > * {
        flex: 1;
    }

    .record-action-btns .record-screening-btn,
    .p-sq-stop-pause-rec {
        flex: inherit;
    }

.video-preview {
    height: 425px;
    width: 100%;
    min-height: 100%;
    background-color: #444;
    position: relative;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

    .video-preview video {
        width: 100%;
        height: 100%;
    }

.p-sc-int-mw {
    max-width: 1107px;
    margin: 0 auto;
}

.p-sc-int-welcome {
    display: grid;
    grid-template-columns: 1fr 400px;
    margin: 0 auto;
    gap: 1rem;
}

.p-sc-int-wel-con .p-sc-details-2x label {
    flex: 0 0 auto;
}

.p-sc-int-wel-con .p-sc-details {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.p-sc-int-wel-con .ph-card {
    height: 100%;
    padding: 1rem 1.3rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-sc-int-wel-con .p-sc-st-cont {
    width: 100%;
}

.p-sc-int-wel-con .p-add-btn-icon svg {
    stroke: #fff;
}

.p-sc-int-wel-con .p-sc-details-2x {
    gap: 0.3rem;
    align-items: center;
}

.pl-main-head {
    display: flex;
}

.pl-main-head-inner {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 2.7rem;
}

    .pl-main-head-inner h2 {
        font-size: 1.7rem;
    }

    .pl-main-head-inner p {
        font-size: 1.2rem;
        font-weight: 500;
    }

.p-dd-ic-si {
    width: 1rem;
    height: 1rem;
    stroke: var(--primary-color);
    margin-right: 0.2rem;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.4rem;
}

.p-sc-int-vid-cont-dd {
    position: relative;
}

.p-cus-dd-mw-wi {
    display: flex !important;
    align-items: center;
}

    .p-cus-dd-mw-wi .p-cus-dd-selected {
        flex: 1;
    }

.p-sc-int-wel-con hr, .modal-screeing-pre-ins hr {
    margin: 1.1rem 0;
    width: 100%;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-sc-int-vid-cont {
    padding: calc(var(--box-padding) * 0.75);
    background: var(--chat-dark-bg-2);
    position: relative;
    border-bottom-right-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: calc(var(--box-padding)* 0.75);
}

    .p-sc-int-vid-cont .p-cus-dd-mw-wi {
        padding-right: 0;
        padding-left: 0.5rem;
    }

    .p-sc-int-vid-cont select {
        width: 100%;
        padding-right: 2.2rem;
        background-position: 95% center;
        cursor: pointer;
        padding-left: 1.6rem;
    }

.p-sc-int-wel-con .p-add-btn-icon {
    border-radius: 10em;
    min-width: 11.5em;
}

.p-ts-vid-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    gap: 1rem;
}

.p-ts-vid-voice {
    position: absolute;
    bottom: 1.5rem;
    left: 1.1rem;
}

    .p-ts-vid-voice svg {
        width: 2.2rem;
        height: 2.2rem;
    }

.p-fs-vw::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 190px;
    bottom: 0;
    background: linear-gradient(0deg, black, transparent);
    z-index: 1;
}

.p-ts-vid-voice,
.p-ts-vid-overlay {
    z-index: 2;
}

.p-ts-vids-ov-acts {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: rgb(255 255 255 / 27%);
    backdrop-filter: blur(4px);
    cursor: pointer;
}

    .p-ts-vids-ov-acts svg {
        margin: 0;
        width: 1.4rem;
        height: 1.4rem;
        stroke: #fff;
    }

.p-fs-vw {
    position: relative;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.p-fs-jm {
    height: 100%;
    box-shadow: none;
    min-width: 230px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    max-width: 250px;
}

    .p-fs-jm label {
        font-weight: normal;
        font-size: var(--base-font-size);
        line-height: 1.4;
        text-align: left;
    }

.p-fs-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .p-fs-switch .custom-switch {
        margin-top: -0.2rem;
    }

        .p-fs-switch .custom-switch.custom-switch-sm .custom-control-label {
            padding-left: 0;
        }

    .p-fs-switch:not(:last-child) {
        margin-bottom: 0.8rem;
    }

.p-fs-vw .OT_publisher:hover .OT_edge-bar-item.OT_mode-auto {
    display: none;
}

.pf-500 {
    font-weight: 500;
}

.profile-ph-card.ph-card {
    margin-bottom: var(--default-gap);
}

.p-dg-sqg .p-dg-cl-right {
    display: flex;
    flex-direction: column;
}

    .p-dg-sqg .p-dg-cl-right .ph-card {
        height: initial;
    }

.p-sq-stop-pause-rec {
    display: flex;
    gap: 1.2rem;
    background: var(--primary-color);
    align-items: center;
    justify-content: center;
    border-radius: 12em;
    padding: 0.55rem 1rem;
}

svg.p-sq-sr {
    stroke: none;
    width: 1.5rem;
    height: 1.5rem;
}

.p-sq-stop-pause-rec label {
    color: #fff;
    font-weight: 500;
    min-width: 2.75rem;
    text-align: center;
}

svg.p-sq-dr {
    stroke: #fff;
    width: 1.35rem;
    height: 1.35rem;
    display: inline-block;
}

.p-sq-stop-pause-rec svg {
    cursor: pointer;
}

svg.p-sq-sr, svg.p-sq-pr {
    stroke: none;
}

.p-sq-stop-pause-rec hr {
    width: 1px;
    height: 1rem;
    background: #fff;
    margin: 0;
    align-self: center;
    opacity: 0.2;
}

.p-sc-role-head label {
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--base-font-size-xs);
}

    .p-sc-role-head label span {
        color: var(--on-primary-color);
    }

.pfs-lg {
    font-size: var(--base-font-size-lg);
}

.pfs-xl {
    font-size: var(--base-font-size-xl) !important;
}


.pfs-xxl {
    font-size: var(--base-font-size-xxl);
}

.pfs-h5 {
    font-size: var(--base-font-size-h5);
}

.pfs-sm {
    font-size: var(--base-font-size-sm);
}

.pfs-xs {
    font-size: var(--base-font-size-xs);
}

.p-hlo .hp-meet {
    color: var(--primary-color);
    font-size: var(--base-font-size-h2);
}

.pg-rh-whf {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--box-padding) * 2);
    top: var(--box-padding);
    flex: 0 0 var(--default-sidebar-width);
    position: sticky;
    align-self: flex-start;
}

.pg-grid-whf {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-auto-rows: auto 1fr;
    gap: var(--default-gap);
    height: 100%;
    padding: var(--default-gap);
}

.pgg-one, .pgg-two {
    grid-column: 1 / 4;
}

.p-vc-def {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    border-radius: var(--bs-border-radius);
}

    .p-vc-def video {
        width: 100%;
        overflow: hidden;
        transform: scale(1.03);
        height: auto;
        border-radius: var(--bs-border-radius);
        height: calc(100vh - 250px);
        object-fit: cover;
    }

.p-sa-head {
    font-size: var(--base-font-size-xl);
}

.pi-bac {
    position: absolute;
    bottom: 0.45rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1500;
}

.p-sa-vda, .p-vc {
    display: flex;
    justify-content: center;
}

    .p-sa-vda .p-add-btn-icon {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        cursor: pointer;
        min-width: 8.1rem;
    }

.p-sa-nm {
    font-size: var(--base-font-size-xl);
}

.p-sa-vw {
    min-height: calc(100% - 36px);
    background-color: rgb(18 21 31 / 88%);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    position: relative;
}

.p-navs-sq button.nav-link {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    grid-row-gap: 0.25rem;
    color: var(--primary-color);
}

.p-dg-cl.p-dg-sqg {
    grid-template-columns: calc(var(--default-sidebar-width) * 1.4) 1fr;
}

.ph-card.profile-ph-card {
    padding: calc(var(--box-padding) * 0.5) calc(var(--box-padding) * 0.8);
}

.p-sq-pr label {
    color: var(--primary-color);
    font-weight: 500;
}

.p-dg-sqg .p-dg-cl-right .psq-lw {
    flex: 1;
    height: 250px;
}

.p-ia-qa {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 1.25rem;
}

.p-ia-qa-ta {
    flex: 1;
}

    .p-ia-qa-ta textarea {
        height: 100%;
    }

#screen .streams {
    height: calc(100%) !important;
    background-color: #3c4043;
    border-radius: var(--bs-border-radius);
    border: 1px solid #3c4043;
    position: relative;
    z-index: 1;
}

section#screen::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0.00) 18.01%, rgba(32, 33, 36, 0.30) 100%);
    width: 100%;
    height: 177px;
}

.screen #screen .streams .tc-list li .user-info .name {
    font-size: calc(var(--base-font-size-sm)) !important;
    font-weight: 400;
    color: #fff;
    padding: 0.45rem 1.15rem !important;
    background-color: transparent;
    text-shadow: 0 1px 2px rgba(0,0,0,.6), 0 0 2px rgba(0,0,0,.3);
    max-width: initial !important;
    bottom: 1rem;
}

[data-desktop-status="sharing"] #screen-share.p-vca-btn svg {
    stroke: #242629;
}

.screen #screen .streams[data-current-layout-type="float"] .tc-list li[data-stream-type="publisher"] {
    width: 15rem !important;
    height: 10.1rem !important;
    border: 0;
    bottom: calc(var(--box-padding)* 0.5);
    top: inherit;
    right: calc(var(--box-padding)* 0.45);
    border-radius: var(--bs-border-radius);
    background-color: #202124;
}

.screen #screen .streams .tc-list li {
    border-radius: var(--bs-border-radius);
    border: 0px solid transparent;
}

.p-ve-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.p-ve-grid-tiles {
    min-height: 3.7rem;
    object-fit: cover;
    border-radius: 0.3rem;
    overflow: hidden;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles {
    max-height: 6.2rem;
    min-height: 6.2rem;
}

.p-ve-grid-tiles img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

.p-ve-grid-tiles {
    cursor: pointer;
}

    .p-ve-grid-tiles small {
        color: var(--primary-color);
    }

.p-ve-grid-tiles-blurr svg.p-ve-icon {
    width: 1.08rem;
    height: 1.08rem;
}

.p-ve-icon {
    width: 17px;
    height: 17px;
    display: inline-block;
    fill: var(--primary-color)
}

.p-ve-grid-tiles {
    min-height: 4rem;
    object-fit: cover;
    border-radius: 0.3rem;
    overflow: hidden;
    border: 1px solid transparent;
    transition: all .3s;
}

    .p-ve-grid-tiles:hover, .p-ve-grid-tiles-active {
        box-shadow: 0px 0px 8px var(--p-btn-bg);
        border: 2px solid var(--p-btn-bg) !important;
    }

.p-ve-grid-tiles-none, .p-ve-grid-tiles-blurr {
    background-color: var(--sec-light-color7);
    border: 2px solid var(--sec-light-color6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.15rem;
}

.p-vca-btn-str-none svg {
    stroke: none !important;
    fill: #fff;
    width: 23px !important;
    height: 23px !important;
}

.act-sc-int-btns-fill svg {
    fill: #242629;
    stroke: none !important;
}

.p-vca-btn-str-none svg {
    stroke: none !important;
    fill: #fff;
    width: 23px !important;
    height: 23px !important;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles-blurr svg.p-ve-icon {
    width: 1.58rem;
    height: 1.58rem;
}

.sidebar-apply-bg-effect .p-ve-grid-tiles small {
    color: var(--primary-color);
    font-size: var(--base-font-size-lg);
}

.sidebar-apply-bg-effect .p-ve-icon {
    width: 20px;
    height: 20px;
}

@media(min-width: 2550px) {
    .p-dg-cl.p-dg-sqg {
        grid-template-columns: calc(var(--default-sidebar-width) * 1.7) 1fr;
    }
}

@media(max-width: 1650px) {
    .p-dg-cl.p-dg-sqg {
        grid-template-columns: calc(var(--default-sidebar-width) * 1.1) 1fr;
    }
}


.controls .audio-action.enabled [data-icon="audio"],
.controls .audio-action.enabled [data-icon="audio"]:hover,
.controls .audio-action.enabled [data-icon="audio"]:after {
    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/Voice%3C/title%3E%3Cg id='Iconly/Light/Voice' stroke='%23ffffff' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Voice' transform='translate(4.000000, 2.000000)' stroke='%23ffffff' stroke-width='1.5' %3E%3Cline x1='7.99979045' y1='20' x2='7.99979045' y2='16.8390306' id='Stroke-1'%3E%3C/line%3E%3Cpath d='M7.99979045,12.8480829 L7.99979045,12.8480829 C5.75658438,12.8480829 3.937712,11.0218152 3.937712,8.76819031 L3.937712,4.08094524 C3.937712,1.82732033 5.75658438,-3.55271368e-15 7.99979045,-3.55271368e-15 C10.2440443,-3.55271368e-15 12.0618689,1.82732033 12.0618689,4.08094524 L12.0618689,8.76819031 C12.0618689,11.0218152 10.2440443,12.8480829 7.99979045,12.8480829 Z' id='Stroke-3'%3E%3C/path%3E%3Cpath d='M16,8.80061051 C16,13.2394411 12.4188331,16.8382937 7.99947613,16.8382937 C3.58116692,16.8382937 0,13.2394411 0,8.80061051' id='Stroke-5'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.controls .audio-action [data-icon="audio"] {
    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='M4.79199 10.9102V10.9286C4.79199 14.9107 8.01791 18.1454 11.9999 18.1541C13.7117 18.1541 15.2881 17.5508 16.523 16.5504' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.97266 4.60371C9.63049 3.63934 10.7389 3 12.0001 3C14.0271 3 15.658 4.63972 15.658 6.65799V10.8843C15.658 11.0186 15.6493 11.1451 15.6396 11.2716' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.34183 8.36914V10.8827C8.33307 12.901 9.97279 14.5504 11.9998 14.5592C12.7209 14.5592 13.3875 14.3432 13.9548 13.9831' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2089 19.2343L4.79297 4.81836' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.002 21.0007V18.1523' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2093 10.9102C19.2093 12.0546 18.9475 13.1357 18.4707 14.0991' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.controls .video-action.enabled [data-icon="video"],
.controls .video-action.enabled [data-icon="desktop"],
.controls .video-action.enabled [data-icon="video"]:hover,
.controls .video-action.enabled [data-icon="desktop"]:hover,
.controls .video-action.enabled [data-icon="video"]:after {
    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.6403 4.75391H5.84984C3.48329 4.75391 2 6.42963 2 8.80051V15.1985C2 17.5694 3.47572 19.2451 5.84984 19.2451H12.6392C15.0133 19.2451 16.4912 17.5694 16.4912 15.1985V8.80051C16.4912 6.42963 15.0133 4.75391 12.6403 4.75391Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4844 9.99068L19.891 7.20249C20.4423 6.75058 21.2564 6.83167 21.7083 7.38304C21.8975 7.61439 22.0013 7.90413 22.0002 8.20252L21.9883 15.8038C21.9862 16.5174 21.4078 17.0947 20.6942 17.0925C20.3969 17.0925 20.1083 16.9887 19.878 16.7995L16.4844 14.0124' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.controls .video-action [data-icon="video"], .video-action [data-icon="desktop"] {
    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='M17.5752 10.0382L20.8238 7.37983C21.3492 6.94956 22.1254 7.02632 22.5556 7.55172C22.7362 7.77226 22.8356 8.04901 22.8346 8.33333L22.8227 15.5819C22.8216 16.2619 22.2692 16.8122 21.5892 16.8111C21.3048 16.81 21.0303 16.7116 20.8108 16.5311L18.1978 14.3895C17.8087 14.0706 17.5827 13.5938 17.5827 13.0911V8.90414C17.5827 6.77443 15.8562 5.04688 13.7255 5.04688H9.49414' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.98441 5.90234C4.19523 6.58342 3.76172 7.63855 3.76172 8.90124V15.0071C3.76172 17.2666 5.17144 18.8644 7.43088 18.8644H13.9119C14.9281 18.8644 15.7757 18.539 16.3973 17.9757' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.6565 20.3682L2.83398 3.62891' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.screen #screen .controls .buttons {
    padding: 0.3rem !important;
}

    .screen #screen .controls .buttons div {
        display: none !important;
        padding: 2px 7px 0px 7px;
    }

.buttons [data-icon] {
    cursor: pointer;
}

.screen #screen .streams .tc-list li .user-info {
    bottom: 0.15rem;
    opacity: 1 !important;
    -ms-transform: translateY(100%);
    transform: none;
    transition: all 1s;
    text-align: left;
}

.tc-list li[data-stream-type="camera"] .controls {
    top: 1.05rem !important;
    right: 1.15rem;
    left: initial !important;
}

.pi-bac {
    width: 100%;
    padding: 0 2rem;
}

.pi-time label {
    color: #fff;
    font-size: calc(var(--base-font-size-sm)* 0.95);
    font-weight: 400;
}

.p-time-countdown {
}

    .p-time-countdown label {
        font-size: 1.1rem;
        min-width: 3.4em;
    }

.ots-annotation-toolbar-container {
    position: fixed;
    top: 125px;
    right: 0;
    width: initial;
    z-index: 1000;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding: 0.8rem 0.5rem;
    border-radius: 5rem;
    transition: all .10s;
    margin-right: 1.6rem;
    z-index: 99999;
}

.pi-sa-btns button,
.pi-sa-btns button:hover,
.pi-sa-btns button:active {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0;
}

svg.p-icon[data-icon="message"] {
    width: 1.15rem;
    height: 1.15rem;
}

.pi-sa-btns .p-icon {
    stroke: var(--primary-color);
}

.pi-chat-msg {
    width: 1.15rem;
}

.p-ivcw {
    display: flex;
    padding: calc(var(--box-padding) * 0.5);
    background-color: #202124;
    height: 100vh;
    gap: calc(var(--box-padding) * 0.5);
}

.p-icsw {
    display: block !important;
    color: var(--on-primary-color);
    display: none;
    background-color: var(--card-bg-color);
    border: 1px solid var(--primary-border-color);
    height: calc(100% - 3.6rem);
    border-radius: var(--bs-border-radius);
    width: 100%;
    max-width: 310px;
    transition: all .3s !important;
    overflow: hidden;
}

    .p-icsw .p-chat-area .btn-sendchat {
        right: 0.5rem;
    }

    .p-icsw .p-chat-area {
        min-height: initial;
        background-color: var(--grey-bg-2);
    }

        .p-icsw .p-chat-area textarea {
            padding-right: 2.2rem;
            font-size: var(--base-font-size-xxs);
        }

.p-vc.callcontrols {
    border-radius: 47px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(60, 64, 67, 0.15);
    backdrop-filter: blur(14.550000190734863px);
    padding: 0.42rem 0.6rem;
}

#chat.js-show-chat-active,
#changeBackground.js-show-chat-active {
    margin-right: -321px;
}

#candidateOverview.js-show-chat-active {
    margin-right: -612px;
}

.screen {
    flex: 1;
    height: calc(100% - 3.6rem);
}

.p-intw-name {
    position: absolute;
    bottom: 1rem;
    left: 1.2rem;
    color: #fff;
    font-weight: 400;
    font-size: var(--base-font-size-sm);
    z-index: 2;
}

.p-ics-from {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    gap: 0.3rem;
}

.p-icasw {
    flex: 1;
    width: 100%;
}

.p-chat-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-height: var(--chat-input-mh);
}

    .p-chat-area textarea {
        display: block;
        max-height: 180px;
        overflow: hidden;
        font-size: var(--base-font-size);
        border: 0;
        cursor: text;
        margin-right: 1px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        padding: 0.5rem 0.55rem 0.35rem;
        width: 100%;
        height: auto;
        font-family: var(--primary-font);
        border-radius: var(--bs-border-radius);
        border: 1px solid var(--input-border-1);
        min-height: 2.2rem !important;
        line-height: 1.2;
        margin: 0;
        color: var(--primary-color);
    }

.p-icsw-chat-mi {
    background-color: var(--grey-bg-2);
    color: var(--primary-color);
    width: 100%;
    font-size: calc(var(--base-font-size-xxs)* 0.85);
    padding: 0.55rem 0.45rem;
    text-align: center;
    border-radius: calc(var(--bs-border-radius)* 0.75);
    margin-bottom: 0;
    margin-top: 1.5rem;
    line-height: 1.25;
}

.btn-sendchat {
    box-shadow: none;
    border: none;
    background-color: transparent;
    padding: 0;
}

.p-info-msg.p-info-msg-green-ic {
    font-size: var(--base-font-size-xs);
    gap: 0.55rem;
    line-height: 1.2;
    border-width: 1px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
}

.p-info-msg.p-info-msg-green-ic svg, .p-info-msg.p-info-msg-green-ic p {
    display: inline;
    font-size: var(--base-font-size-xxs);
}

.p-info-msg.p-info-msg-green-ic .info-icon-dialog {
    --play-btn-width: 1rem;
    position: relative;
    top: -0.19rem;
}

.p-icasw ul,
.p-chih,
.p-chat-area {
    padding: 1.3rem calc(var(--box-padding) * 0.5) !important;
}

.tc-list.p-icasw li {
    max-width: 100%;
    min-width: 130px;
    padding: 0.5rem;
    border-radius: 8px;
    background: var(--bg-default);
    position: relative;
    display: flex;
    color: var(--primary-color);
    border-bottom: none;
    margin-right: 1.5rem;
}

.p-ivcw .p-sb-gene-header,
.p-ivcw .p-sb-gene-body,
.p-ivcw .p-sb-gene-footer-up {
    padding: calc(var(--box-padding) * 0.75);
}

/*.p-icasw li:after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: -10px;
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent var(--bg-default) transparent transparent;
}*/

.tc-list.p-icasw li {
    border-bottom-left-radius: 0;
}

.p-icasw li.yourself {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0;
}

.p-icasw li.yourself {
    border-top-right-radius: 0;
    background: #D7E5FF;
    color: #14366F;
    margin-left: 1.5rem;
    margin-right: 0;
}

    .p-icasw li.yourself:after {
        width: 0;
        height: 0;
        content: "";
        top: 0px;
        right: -10px;
        left: initial;
        position: absolute;
        border-style: solid;
        border-width: 13px 13px 0 0;
        border-color: #D7E5FF transparent transparent transparent;
    }

.time {
    font-size: calc(var(--base-font-size-xxs) * 0.84);
}

.sender {
    font-size: calc(var(--base-font-size-xxs) * 0.96);
}

.tc-list.p-icasw li:not(:last-child) {
    margin-bottom: 0.6rem;
}

.p-icasw li p {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    grid-gap: 5px;
    flex: 1;
    font-size: 0.7rem;
}

    .p-icasw li p p {
        margin-top: 0.15rem;
        margin-bottom: 0;
        grid-column: 1 / 3;
    }

.p-mw-12 {
    max-width: 12em;
}

.sender {
    grid-column: 1;
    grid-row: 1;
    font-weight: 500;
}

.time {
    grid-column: 2;
    justify-self: end;
}

.tc-list.p-icasw .event {
    background-color: transparent;
    border: none;
    font-size: 0.65rem;
    text-align: center;
    color: var(--on-primary-color);
    padding: 0;
    justify-content: center;
    margin: 0;
}

    .tc-list.p-icasw .event p {
        font-size: 0.6rem;
        flex: 1;
        justify-content: center;
    }

    .tc-list.p-icasw .event::after {
        display: none;
    }

.p-icasw.p-scroll-overlay {
    height: 100%;
    overflow-y: auto;
}

.p-chat-area textarea::placeholder {
    font-size: 0.7rem;
    color: var(--placeholder-color);
    position: relative;
    top: 1px;
}

.ots-annotation-toolbar-container {
    position: fixed;
    top: 125px;
    right: 0;
    width: initial;
    z-index: 1000;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--input-border-1);
    padding: 0.8rem 0.8rem;
    border-radius: 5rem;
}

.feild-set-default .ph-5 {
    font-size: calc(var(--base-font-size-h5) * 0.93);
}

.subhead-grey {
    color: var(--on-primary-color);
}

.p-gc-row-cust {
    display: grid;
    grid-template-columns: auto auto auto repeat(9, 1fr);
    grid-template-rows: auto auto auto;
    grid-gap: 0 1.6rem;
}

.p-com-profile-wrap {
    grid-area: col-img-profile;
    min-width:150px;
}

.p-cp-col1 {
    grid-area: col1;
}

.p-cp-col2 {
    grid-area: col2;
}

.p-cp-col3 {
    grid-area: col3;
}

.p-cp-col4 {
    grid-area: col4;
}

.p-cp-col5 {
    grid-area: col5;
}

.p-cp-col6 {
    grid-area: col6;
}

.p-cp-col7 {
    grid-area: col7;
}

.p-cp-col8 {
    grid-area: col8;
}

.p-cp-col9 {
    grid-area: col9;
}

.p-cp-col10 {
    grid-area: col10;
}

.p-gc-row-cust {
    grid-template-areas:
        "col-img-profile col-img-profile col-img-profile col1 col1 col1 col2 col2 col2 col3 col3 col3"
        "col-img-profile col-img-profile col-img-profile col4 col4 col4 col5 col5 col5 col6 col6 col6"
        "col-img-profile col-img-profile col-img-profile col7 col7 col7 col8 col8 col8 col9 col9 col9"
        "col-img-profile col-img-profile col-img-profile col10 col10 col10 . . . . . ."
}

.p-gc-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 1.6rem;
}

.p-gc-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 1.6rem;
}

@media (min-width: 1650px) {
    .p-gc-row {
        grid-template-columns: repeat(4, 1fr);
    }
}

/*@media (max-width: 1650px) {
    .p-gc-row-cust {
        grid-template-areas:
            "col-img-profile col-img-profile col-img-profile col1 col1 col1 col2 col2 col2 col3 col3 col3"
            "col-img-profile col-img-profile col-img-profile col4 col4 col4 col5 col5 col5 col6 col6 col6"
            "col-img-profile col-img-profile col-img-profile col7 col7 col7 col8 col8 col8 col9 col9 col9"
    }
}*/

@media (max-width: 768px) {
    .p-gc-row-cust {
        grid-template-columns: 1fr; /* Stack columns on smaller screens */
        grid-template-areas:
            "col1"
            "col2"
            "col3"
            "col4"
            "col5"
            "col6";
    }
}


.p-al-exp-btn-rt .dx-datagrid-export-button .dx-button-content {
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    background-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 4px !important;
}

.p-al-exp-btn-rt .dx-datagrid-export-button.dx-button-mode-contained.dx-state-active,
.p-al-exp-btn-rt .dx-datagrid-export-button.dx-button-mode-contained.dx-state-focused {
    background-color: var(--bg-default);
    border-color: var(--bg-default);
    border-radius: var(--bs-border-radius);
}

.p-al-exp-btn-rt .dx-datagrid-export-button.dx-state-hover {
    background-color: var(--bg-default-pattern) !important;
    border-radius: var(--bs-border-radius);
}

.p-al-exp-btn-rt .dx-toolbar-after .dx-toolbar-item {
    padding-left: 0;
}

.p-al-exp-btn-rt .dx-datagrid-export-button {
    float: right;
    position: absolute;
    right: 0;
    top: 3px;
}

    .p-al-exp-btn-rt .dx-datagrid-export-button i.dx-icon-export-excel-button {
        font-size: 1.22rem;
        width: initial;
        height: initial;
        color: var(--primary-color);
    }

.p-al-exp-btn-rt .dx-toolbar-items-container .dx-toolbar-after {
    position: initial;
}



.round-corners-defs {
    height: 0;
    width: 0;
    position: absolute;
}

/*.p-fb-emj-wrp {
    display: grid;
    grid-template-columns: 24.5em 1fr;
    align-items: center;
    gap: 0.75rem;
}*/

.session-feedback-rate .ratingDiv {
    text-align: left;
    margin-top: 0.15rem;
}

.ratingDiv .jq-ry-container {
    margin-bottom: 0.5rem;
}

/*.ph-fdbk-pl .p-fb-emj-wrp {
    grid-template-columns: 23em 1fr;
}*/

.emma-head {
    display: block;
    margin-bottom: 0.2rem;
}

.link-btn-wl {
    min-width: 101px;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.p-ani-btn-wrpr {
    flex-shrink: 0;
}

.p-jobs-af {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background-color: var(--bg-default);
    padding: calc(var(--box-padding) * 0.55);
    border-radius: var(--bs-border-radius);
    margin-bottom: 1.25rem;
}

    .p-jobs-af .p-ani-btn-wrpr .p-ani-btn {
        min-width: 164px;
    }

    .p-jobs-af small {
        line-height: 1.4;
        display: inline-block;
    }


@media(max-width: 576px) {
    .p-jobs-af {
        flex-direction: column;
    }
}
/*css for Kanban */

main.kanban-drag {
    flex-grow: 1;
    overflow: auto;
    margin-right: -0.25rem;
    padding-right: 0.05rem;
    max-height: 100%;
    height: 100%;
    padding-bottom: 3.5rem;
}

.kanban-container {
    width: 100% !important;
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
}

.kanban-board {
    width: initial !important;
    flex-direction: column;
    display: flex;
    margin: 0 !important;
    width: 100% !important;
    max-width: 18em;
    transition: all .3s cubic-bezier(.23,1,.32,1);
    position: relative;
    min-width: 17.4em;
    height: 100%;
    padding-bottom: 0.3rem;
}

.kanban-scroll-lf-rt {
    justify-content: end;
    position: absolute;
    right: 0;
    top: -3rem;
    gap: 1.2rem;
}

.kanban-scroll-lf-rt .icon.ni {
    cursor: pointer;
    padding: 0.4em;
    border-radius: 50%;
    color: var(--on-primary-color);
}

.kanban-scroll-lf-rt .icon.ni:hover {
    background: var(--bg-default);
    color: var(--primary-color);
}

#myKanban,
.kanban-card-he {
    max-width: 100%;
    height: calc(100% - 17.5em);
    overflow: hidden;
    overflow-x: auto;
}

.kanban-card-no-data {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100% - 20em);
    top: calc(50% - 6rem) !important;
}

.kanban-title-board {
    font-size: calc(var(--base-font-size-h5) * 0.9);
    font-weight: 600;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.6rem;
    color: var(--primary-color);
}

.kanban-icon-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

.kanban-icon-item .p-icon {
    stroke: var(--on-primary-color);
}

.kanban-icons {
    display: flex;
    animation: initial;
    color: gainsboro;
    gap: 0.7rem;
    cursor: pointer;
}

.kanban-icons .p-icon-xs {
    width: 0.92rem;
    height: 0.92rem;
}

.kanban-icons-score.kanban-icon-item {
    gap: 0.4rem;
}

.kanban-icons-score svg {
    fill: var(--on-primary-color);
    stroke: none !important;
}

.kanban-icons-chat .p-icon.p-icon-xs {
    width: 0.98rem;
    height: 0.98rem;
    position: relative;
    top: 1px;
}

.p-kb-tag svg.p-icon {
    cursor: pointer;
}

.p-kb-tag svg.p-icon:hover {
    stroke: var(--p-icon-color);
}

.kanban-icons-recording {
    display: none;
}

.kanban-badge {
    border-radius: calc(var(--bs-border-radius) * 0.5);
    padding: 0.25rem 0.5rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    min-width: 80px;
    font-size: var(--base-font-size-sm);
}

.kanban-body {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: calc(var(--box-padding)* 0.35) calc(var(--box-padding)* 0.5);
}

label.p-kb-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.69rem;
    padding: 0.23rem 0.425rem;
    background-color: var(--p-grey-2);
    font-weight: 500;
    border-radius: 0.25rem;
}

span.p-kb-tag-more {
    font-size: 0.7rem;
    cursor: pointer;
    font-weight: 500;
}

span.p-kb-tag-more:hover {
    text-decoration: underline;
}

.kanban-badge-red {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc);
}

.kanban-badge-green {
    background-color: var(--tag-bg-work-color);
    color: var(--complete-tc);
}

.p-tal-pro label.p-kb-tag {
    background-color: rgb(220 223 234);
    color: var(--primary-color);
}

.kanban-badge-yellow {
    background-color: #faface;
    color: #957c00;
}

header.kanban-board-header {
    margin-bottom: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    min-height: 48px;
}

.kanban-title .avatar {
    align-self: flex-start;
}

.kanban-item {
    margin-bottom: 0.8rem;
    transition: all .3s cubic-bezier(.23,1,.32,1);
    border-radius: calc(var(--bs-border-radius) * 0.95);
    color: var(--primary-color);
    position: relative;
    border: 1px solid var(--p--border-1);
    width: 100%;
}

.kanban-footer-add-cand {
    display: none;
}

.kanban-item .p-dd-wp-wrapper {
    right: 0.25rem;
    top: 0.35rem;
    position: absolute;
    /*z-index: 2;*/
}

.kanban-card {
    border: none;
    font-size: 1rem;
    /*z-index: 1;*/
}

    .kanban-card .kanban-header {
        max-width: calc(100% - 2rem);
    }

.kanban-footer span.btn-status {
    padding: 0.2rem 0.5rem;
    min-width: 3rem;
    line-height: 1.4;
    min-width: 5.25rem;
}

.kanban-header {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.75rem;
}

    .kanban-header > .pdf {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.3rem;
        font-size: var(--base-font-size-xxs);
    }

    .kanban-header .pdf .p-icon {
        width: 0.9rem;
        height: 0.9rem;
    }

.kanban-title {
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 0;
    font-size: var(--base-font-size);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}


.kanban-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0rem;
    gap: 1.1rem;
    border-top: 0 solid var(--p--border-1);
}

    .kanban-footer .text-muted {
        font-size: 0.875rem;
        display: flex;
        align-items: center;
    }

    .kanban-footer .avatar {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        margin-left: 0.5rem;
    }

.card-count {
    background-color: #fff;
    border-radius: 0.7rem;
    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: 1px solid var(--p--border-1);
    color: var(--on-primary-color);
}

.kanban-icons .kanban-icons-recording .p-icon-xs {
    width: 0.93rem;
    height: 0.93rem;
    margin-left: 0.15rem;
    margin-top: 0.12rem;
}

header.kanban-board-header {
    padding-bottom: 0.9rem;
    margin-bottom: 1.1rem;
    position: relative;
}

    header.kanban-board-header::after {
        content: '';
        bottom: 0;
        position: absolute;
        left: 0;
        height: 0.13rem;
        width: 100%;
        border-radius: 3rem;
        background-color: #F8CACD;
    }

.kanban-board[data-id="_kbCandidates"] .kanban-board-header::after {
    background-color: #62E3CA;
}

.kanban-board[data-id="_kbScreening"] .kanban-board-header::after {
    background-color: #81C3FA;
}

.kanban-board[data-id="_kbInterview1"] .kanban-board-header::after {
    background-color: #F4DF7A;
}
.kanban-board[data-id="_kbInterview3"] .kanban-board-header::after {
    background-color: #F4DF7A;
}
.kanban-board[data-id="_kbInterview4"] .kanban-board-header::after {
    background-color: #F4DF7A;
}
.kanban-board[data-id="_kbHiring"] .kanban-board-header::after {
    background-color: #a5da3f;
}

.kanban-board[data-id="_kbOffers"] .kanban-board-header::after {
    background-color: #9895D8;
}

.kanban-board[data-id="_kbContracts"] .kanban-board-header::after {
    background-color: #ffa985;
}


/*.kanban-board[data-id="_kbCandidates"] {
    background-color: #D4CEFF;
}*/
.kanban-board-header em.icon.ni-plus {
    cursor: pointer;
    color: var(--on-primary-color);
}

/*.kanban-board[data-id="_kbCandidates"] .kanban-title-board,
.kanban-board[data-id="_kbCandidates"] .kanban-board-header em.icon.ni-plus {
    color: #4A32B2;
}

.kanban-board[data-id="_kbScreening"] { background-color: #CAE4FF;
}

.kanban-board[data-id="_kbScreening"] .kanban-title-board,
.kanban-board[data-id="_kbScreening"] .kanban-board-header em.icon.ni-plus {
    color: #004F9F;
}

.kanban-board[data-id="_kbInterview1"] {
    background-color: #fff2d3;
}

.kanban-board[data-id="_kbInterview1"] .kanban-title-board,
.kanban-board[data-id="_kbInterview1"] .kanban-board-header em.icon.ni-plus {
    color: #D76905;
}

.kanban-board[data-id="_kbHiring"] {
    background-color: #CEFFDE;
}

.kanban-board[data-id="_kbHiring"] .kanban-title-board {
    color: #046c26;
}*/

.add-task-btn {
    background-color: transparent;
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    font-weight: 500;
}

.kanban-board[data-id="_kbCandidates"] .add-task-btn {
    border: 0.14em dashed #4A32B2;
    color: #4A32B2;
}

    .kanban-board[data-id="_kbCandidates"] .add-task-btn .icon.ni {
        color: #4A32B2;
    }

.kanban-board[data-id="_kbScreening"] .add-task-btn {
    border: 0.14em dashed #004F9F;
    color: #004F9F;
}

    .kanban-board[data-id="_kbScreening"] .add-task-btn .icon.ni {
        color: #004F9F;
    }

.kanban-board[data-id="_kbInterview1"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}
.kanban-board[data-id="_kbInterview3"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}
.kanban-board[data-id="_kbInterview4"] .add-task-btn {
    border: 0.14em dashed #D76905;
    color: #D76905;
}

    .kanban-board[data-id="_kbInterview1"] .add-task-btn .icon.ni {
        color: #D76905;
    }
.kanban-board[data-id="_kbInterview3"] .add-task-btn .icon.ni {
    color: #D76905;
}
.kanban-board[data-id="_kbInterview4"] .add-task-btn .icon.ni {
    color: #D76905;
}

.kanban-board[data-id="_kbHiring"] .add-task-btn {
    border: 0.14em dashed #046c26;
    color: #046c26;
}

    .kanban-board[data-id="_kbHiring"] .add-task-btn .icon.ni {
        color: #046c26;
    }

.kanban-title-name {
    display: grid;
    gap: 0.1rem;
}

    .kanban-title-name > span {
        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;
        font-size: var(--base-font-size-sm);
    }

    .kanban-title-name .pdf {
        row-gap: 0.25rem;
    }

        .kanban-title-name .pdf.pdf-gap-xs {
            flex-direction: column;
            gap: 0.25rem;
            justify-content: flex-start;
            align-items: flex-start;
        }

        .kanban-title-name .pdf span {
            font-size: calc(var(--base-font-size-xxs) * .925);
            font-weight: 400;
            color: var(--on-primary-color);
            line-height: 1.3;
        }

.kanban-item .p-dd-wp-btn-small .p-dd-wp-dot-icon {
    flex-shrink: 0;
    width: 1.15rem;
    height: 1.15rem;
}

.p-kb-card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: grab;
}

.kanban-header {
    padding: calc(var(--box-padding)* 0.5);
    margin-top: 0rem;
}

    .kanban-header span.one-line-clamp {
        color: var(--p-icon-color);
    }

.kanban-footer {
    padding: calc(var(--box-padding) * 0.35) calc(var(--box-padding) * 0.5);
}

.kanban-item .p-dd-wp-dot-icon {
    fill: var(--on-primary-color);
    width: 1.65rem;
    height: 1.65rem;
}

.kanban-status-select {
    border-color: transparent;
    border-radius: calc(var(--bs-border-radius) * 0.45);
    color: var(--on-primary-color);
    background-size: 10px;
    background-position: 99%;
    text-align: left;
    padding: 0rem 0.4rem;
    padding-right: 1.05rem;
    background-color: transparent;
    font-weight: 500;
}

/*.kanban-board[data-id="_kbCandidates"] .kanban-status-select {
    color: var(--overdue-tc);
}

.kanban-board[data-id="_kbScreening"] .kanban-status-select {
    color: #957c00;
}

.kanban-board[data-id="_kbInterview1"] .kanban-status-select {
    color: var(--complete-tc);
}

.kanban-board[data-id="_kbHiring"] .kanban-status-select {
    color: var(--overdue-tc);
}*/


@media(max-width: 1700px) {
    .kanban-badge {
        font-size: calc(var(--base-font-size-xxs) * 0.88);
    }

    .kanban-title {
        gap: 0.55rem;
    }

    .kanban-board {
        max-width: initial;
    }
}


@media(min-width: 1025px) {
    #myKanban::-webkit-scrollbar {
        height: 12px !important;
    }
}

@media(max-width: 1500px) {
    .kanban-container {
        gap: 0.9rem;
    }

    .kanban-item {
        margin-bottom: 0.45rem;
    }
}

@media(max-width: 1455px) {
    #myKanban, .kanban-card-he {
        height: calc(100% - 14.5em);
    }
}

/*kanban ends here*/
.plumm-logo-icon {
    width: 200px;
    height: 200px;
    visibility: hidden; /* Initially hide the logo */
    z-index: 999;
}

.p-rect-iw {
    position: relative;
    cursor: pointer;
}

    .p-rect-iw svg.p-iic {
        position: absolute;
        top: 0.7rem;
        left: 0.7rem;
    }

.kanban-board[data-id="_kbHiring"] main.kanban-drag {
    min-height: 20.8em;
}

@media(max-width: 991px) {
    .ph-fdbk-pl .p-fb-emj-wrp {
        grid-template-columns: 1fr;
    }

    .session-feedback-helping .emojis-wrapper-item {
        min-width: 90px;
    }
}


/*generic dropdown code*/
.p-gene-number input.dx-texteditor-input {
    max-width: 4.5em;
}

.p-gene-num-fw.p-gene-number input.dx-texteditor-input {
    max-width: 100%;
}


textarea.p-textarea-def.form-control {
    height: initial;
    min-height: 10em;
}

textarea.p-textarea-def-sm.form-control {
    height: initial;
    min-height: 5em;
}

.p-gene-number input.dx-texteditor-input,
.p-gene-sel-dd input.dx-texteditor-input,
.p-num-rb input.dx-texteditor-input {
    border: none;
}

.p-form-check-input[disabled] {
    cursor: default;
}

    .p-form-check-input[disabled] + label {
        opacity: 0.6;
        cursor: default;
    }

/*css for free trial*/
.p-ft-ca-mw {
    background: url(https://liveplummblob.blob.core.windows.net/content/12022024101115.png);
    background-size: cover;
    padding-bottom: 4rem;
    background-color: #1c4a8b;
}

.header-custom-cont {
    padding-top: 1.45rem;
}

.p-bl-head-1 {
    font-size: 1.65rem;
}

.p-ft-ca-container {
    display: grid;
    grid-template-columns: 1fr 500px;
    height: 100%;
    background-color: var(--chat-dark-bg-2);
    border-radius: calc(var(--bs-border-radius) * 3);
    margin: 2rem 0;
    overflow: hidden;
    margin-top: 2.6rem;
}

.p-fr-sl-img-mw {
    border-radius: calc(var(--bs-border-radius) * 2);
    overflow: hidden;
    margin-bottom: 2.75rem;
}

    .p-fr-sl-img-mw img {
        width: 100%;
        height: auto;
    }

.p-ft-ca-right-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: var(--bg-default);
    padding-top: 3.35rem;
}

.p-ft-slides p {
    text-align: center;
    color: var(--bg--def-txt-col);
    padding-bottom: 3.2rem;
}

.p-ft-ca-left-mw {
    padding: 3rem 4rem;
}

.p-ft-ca-right-mw .swiper-container-horizontal > .swiper-pagination-bullets,
.p-ft-ca-right-mw .swiper-pagination-custom, .swiper-pagination-fraction {
    text-align: center;
}

.p-ft-ca-img img {
    max-width: 550px;
}

.p-cen-txt-modal .modal-body {
    padding: 2.6em;
    text-align: center;
}


.p-cen-txt-modal .modal-content {
    border-radius: calc(var(--bs-border-radius) * 2.5);
    max-width: 660px;
}

.p-cen-txt-modal .continue-button {
    font-size: 1rem;
}


.brand-logo {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-block;
    border-radius: 0.5rem;
    overflow: hidden;
}

.brand-logo-cen {
    margin-bottom: 2rem;
}

.p-ft-ca-form .p-custom-checkbox .custom-control-label::before {
    border: 1px solid #e2e1e1;
}

@media(max-width: 1600px) {
    .p-ft-ca-img img {
        max-width: 450px;
    }
}

@media(max-width: 1024px) {
    .p-ft-ca-left-mw,
    .p-ft-ca-right-mw {
        padding: 1.7rem;
    }
}

@media(max-width: 991px) {

    .p-ft-ca-container {
        grid-template-columns: 100%;
        margin-top: 1.6rem;
    }

    .p-ft-ca-right-mw {
        display: none;
    }
}

.show-msg-ew-p-abs {
    position: fixed;
    z-index: 1039;
    width: 100%;
    max-width: 1900px;
    right: calc(var(--default-container-gap));
    top: -10px;
    margin-left: calc(var(--custom-sidebar-width) * 0.5);
    display: flex;
    justify-content: flex-end;
    margin-top: 4.6rem;
}

@media(min-width: 2101px) {
    .show-msg-ew-p-abs {
        max-width: 1900px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: calc(var(--custom-sidebar-width) * 0.5);
    }
}

.show-msg-free-trial a.p-text-underline {
    color: #fff;
}

.show-msg-free-trial {
    justify-content: flex-start;
    display: inline-flex;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 10em;
    padding: 0.4rem 1.4rem;
    padding-right: 0.4rem;
    align-items: center;
    gap: 1rem;
    max-width: 1010px;
}

.show-msg-ew {
    margin-left: var(--custom-sidebar-width);
    margin-top: var(--nav-min-height);
    padding: var(--default-container-gap);
    padding-bottom: 0;
    margin-bottom: calc(var(--nav-min-height) * -1);
}

.show-msg-free-trial svg.p-icon {
    stroke: var(--primary-color);
    position: relative;
    top: -0.035em;
}

.show-msg-free-trial .p-btn-sm {
    background-color: #fff;
    border: 1px solid #fff;
    color: var(--primary-color);
    border-radius: 10em;
    padding: 0.45rem 1.2rem;
    min-height: initial;
    font-weight: 600;
}

.show-msg-free-trial .p-btn-sm:hover {
    background-color: var(--chat-dark-bg-2);
    color: var(--primary-color);
    border-color: transparent;
}

.show-msg-free-trial-ended.show-msg-free-trial {
    background-color: var(--salmon-new-color2);
    color: var(--primary-color);
    border: 1px solid var(--salmon-new-color);
}

.show-msg-free-trial-ended .p-btn-sm {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff;
}

.p-up-payment-mw-grid {
    display: grid;
    grid-template-columns: 1fr 410px;
    gap: calc(var(--default-gap) * 2 );
}

.p-up-rec-head-tot {
    margin-bottom: 1.3rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid var(--primary-border-color);
}

/*pricing page*/
.p-up-p-card-mw {
    padding: 2.5rem;
}

.nav-mental-hr {
    display: flex;
    justify-content: center;
    background-color: var(--primary-color);
    padding-top: 0.55rem;
}

.upgarde-setps-mw .ph-card,
.p-up-need-help .ph-card {
    padding: 0;
    border-radius: calc(var(--bs-border-radius) * 3.6);
    overflow: hidden;
}

.p-up-need-help {
    margin-top: var(--default-gap);
}

.ph-2.upgrade-plan-head {
    font-size: var(--base-font-size-h1);
}

.p-up-need-help .ph-card {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 1.65rem;
}

.nav-mental-hr .nav-link {
    border: none;
    background-color: #3C5588;
    color: var(--chat-dark-bg-2);
    position: relative;
    padding: 0.65rem 1.4rem;
}

.nav-mental-hr .nav-item:first-child .nav-link {
    border-top-left-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-item:last-child .nav-link {
    border-top-right-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-link.active {
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}

.nav-mental-hr .nav-link.active {
    background-color: var(--chat-dark-bg-2);
    color: var(--primary-color);
}

.nav-mental-hr .nav-item {
    position: relative;
}

    .nav-mental-hr .nav-item::before {
        content: '';
        position: absolute;
        top: 0;
        width: 95%;
        min-height: 35%;
        background-color: #3c5588;
    }

    .nav-mental-hr .nav-item:first-child::before {
        right: 0;
    }

    .nav-mental-hr .nav-item:nth-child(2)::before {
        width: 100%;
    }

    .nav-mental-hr .nav-item:last-child::before {
        left: 0;
    }

.p-ft-hc-input {
    display: inline-grid;
    grid-template-columns: 1fr 75px;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: var(--bg-default);
    padding: 0.25rem;
    border-radius: var(--bs-border-radius);
}

    .p-ft-hc-input label {
        font-weight: 600;
        color: var(--primary-color);
        padding-left: 1rem;
    }

.upgarde-setps-container.nd-cus-conatiner {
    max-width: 1200px;
}

.p-up-pricing-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: flex-end;
    gap: var(--default-gap);
}

.p-up-recurring-card.ph-card {
    margin-left: 2rem;
}

.upgarde-setps-mw .pso-action-btns {
    margin-top: 2.5rem;
}

.p-up-pricing-card {
    transition: all .3s;
}

    .p-up-pricing-card:hover {
        box-shadow: 0px 2px 6px rgb(67 65 65 / 10%);
        transform: translateY(-5px);
    }

.p-up-p-card-mw .ph-card {
    padding: calc(var(--box-padding) * 1.65);
    position: relative;
}

.p-up-p-card-mw h2.p-up-title {
    margin-bottom: 1.65rem;
    font-size: calc(var(--base-font-size-h2) * 1.18);
}

.p-up-desc {
    min-height: 49em;
    margin-top: 1.7rem;
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
}

.p-up-popular-card .p-up-desc {
    min-height: 41.2rem;
}

.p-up-desc hr {
    width: 100%;
    margin: 0;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-up-selected .p-up-desc hr {
    background-color: var(--plm-light-blue);
    opacity: 0.3;
}

.p-up-plan-cost {
    margin-bottom: 0.05rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
}

.p-up-list li {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--primary-color);
}

p.p-up-description {
    margin-bottom: 2rem;
}

.p-up-list li:not(:last-child) {
    margin-bottom: 0.45rem;
}

.p-up-list .p-icon {
    stroke: var(--secondary-color);
    flex-shrink: 0;
    align-self: flex-start;
}

.p-up-price {
    font-size: var(--base-font-size-h1-lg);
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--primary-color);
    line-height: 1.25;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .p-up-price span {
        font-weight: 400;
        color: var(--on-primary-color);
    }

.p-txt-lt {
    position: relative;
}

    .p-txt-lt::after {
        content: '';
        position: absolute;
        top: 52%;
        width: calc(100% + 13px);
        left: 50%;
        transform: translateX(-50%);
        height: 3px;
        background-color: var(--on-primary-color);
    }

.p-up-details,
.p-up-min-cost,
.p-up-description {
    font-size: var(--base-font-size);
    margin-bottom: 0;
}

label.p-up-details {
    font-size: var(--base-font-size-h3);
    color: var(--primary-color);
    font-weight: 600;
}

.p-up-sub-details {
    color: var(--primary-color)
}

.p-up-pricing-card .p-pricing-btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    min-height: 2.8rem;
    font-size: var(--base-font-size-h3);
}

.p-up-min-cost {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    margin: 0.45rem;
}

.p-pricing-btn {
    text-align: center;
    text-transform: capitalize;
    padding: 0.45rem 0.8rem;
    min-width: 6.4rem;
    font-size: calc(var(--base-font-size));
    border-radius: calc(var(--border-radius-default) * 0.8);
    border: none;
    background: var(--secondary-color);
    font-weight: 500;
    color: #fff;
}

.p-up-selected.p-up-pricing-card {
    background-color: var(--p-grey-2);
    color: var(--primary-color);
    border-color: var(--secondary-color);
}

.p-up-pricing-card.p-up-popular-card {
    /*background-color: var(--p-grey-2);*/
    color: var(--primary-color);
    /* border-color: var(--secondary-color);*/
    border-width: 0.1em;
    padding-top: 5.7rem;
}

.p-up-pay-left .add-ons-list {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 1rem;
}

.p-up-selected .p-pricing-btn {
    background: var(--secondary-color);
    color: #fff;
}

.pricing-tag-popular {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 1rem;
    padding-top: 1.25rem;
    background-color: var(--secondary-color);
    color: #fff;
    gap: 0.55rem;
}

    .pricing-tag-popular h3 {
        font-size: var(--base-font-size-h3);
        color: #fff;
        font-weight: 600;
    }

    .pricing-tag-popular label {
        padding: 0.2rem 0.3rem;
        background-color: var(--chat-dark-bg-2);
        border-radius: 0.28rem;
        color: var(--secondary-color);
        font-weight: 600;
        font-size: var(--base-font-size-h3);
        position: relative;
    }

svg.p-pop-arrow {
    position: absolute;
    top: -16px;
    left: -29px;
    height: 15px;
    width: 43px;
}

.ribbon {
    position: absolute;
    right: 36px;
    top: 12px;
}

    .ribbon:before, .ribbon:after {
        content: "";
        display: block;
        position: absolute;
        height: 0px;
        bottom: -9px;
        border: 11px solid var(--light-blue);
    }

    .ribbon:before {
        border-bottom-color: transparent;
        bottom: -19px;
    }

.p-up-p-card-mw .step-activity-item:not(:last-child) .step-avatar::after {
    top: 2.675rem;
    left: 1.15rem;
    height: calc(100% - 1.275rem);
}

.p-up-p-card-mw .step-activity-date-item {
    margin: 0.4rem 0 0.4rem;
}

.p-up-p-card-mw .step-activity-modi-lc .step-content {
    align-self: center;
}

.p-up-p-card-mw .step-activity-date-item {
    color: var(--primary-color);
    font-weight: 500;
}

.p-up-p-card-mw .step-activity-item {
    margin-bottom: 1.35rem;
}


.p-acc-heading.p-acc-card .p-acc-header {
    border-left: none;
}

.p-up-tm,
.p-acc-card.p-acc-heading {
    margin-bottom: 1rem;
}

.p-acc-heading .p-acco-btn-w-icon::after {
    right: 0.65rem;
    left: initial;
}

.p-up-tabs-mw .ph-card.p-defautlt-navs {
    display: inline-flex;
}

.p-acc-card.p-acc-heading {
    border: none;
}

    .p-acc-card.p-acc-heading .p-acc-header {
        background-color: var(--bg-default);
        border-radius: calc(var(--border-radius-default) * 0.75);
        padding: 0.62rem 0.75rem;
    }

    .p-acc-card.p-acc-heading .p-acco-btn {
        padding: 0;
        padding-left: 0.15rem;
        font-weight: 500;
        font-size: var(--base-font-size);
        border-radius: var(--bs-border-radius) !important;
    }

    .p-acc-card.p-acc-heading .accordion-collapse {
        border-left: none;
    }

.p-acco-btn {
    font-weight: 600;
}

.p-up-at-amm {
    align-self: flex-start;
    color: var(--primary-color);
    text-align: right;
    white-space: nowrap;
}

#ul-add-on .pdf {
    gap: 0.7rem;
}

.p-up-rec-cont {
    color: var(--primary-color);
}

.p-up-rec-cont-it {
    margin: 0.75rem 0;
    flex-direction: column;
    gap: 0.3rem;
}

.p-sp-st {
    display: grid;
    gap: 0.4rem;
}

.p-up-tm {
    margin-top: 1rem;
    padding: 0 0 calc(var(--box-padding) * 0.7);
}

.p-up-rec-sepe {
    margin: 0;
    height: 1px;
    background-color: var(--primary-border-color);
}

.p-head-seperator-fw {
    background-color: var(--p-grey-2);
    min-height: 2.75rem;
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    padding: 0 calc(var(--box-padding) * 0.7);
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 1.25rem;
}

.p-up-pay-deat-mw {
    margin-bottom: 1.5rem;
}

.p-up-rec-cont-it .vat-per-txt {
    font-weight: 400;
    color: var(--on-primary-color);
    font-size: var(--base-font-size-xl);
}

.p-up-tc-msg {
    margin: 0 0 calc(var(--box-padding) * 0.7);
}

.p-pckg-lists {
}

.p-up-list {
    padding-left: 0.7rem;
}

.pl-list-count {
    padding-right: .3rem;
}

.p-pckg-lists lab

.payment-div,
.p-up-bd-cont,
.p-up-st-cont {
    padding: 0 0 calc(var(--box-padding) * 0.7);
}

.go-cardless-btn {
    max-width: 15em;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 2rem;
}

.p-def-sw-modi.ph-card.p-defautlt-navs {
    padding: 0.3rem 0.25rem;
    border-radius: 10em;
    background-color: #F0F0F0;
}

.p-def-sw-modi.p-defautlt-navs .tabsNavActiveBg {
    border-radius: 10em;
    height: 41px;
    background-color: var(--chat-dark-bg-2);
}

.p-ft-sc-off p {
    text-align: center;
    color: var(--on-primary-color);
}

    .p-ft-sc-off p strong {
        color: var(--secondary-color);
        font-weight: 600;
    }

.p-def-sw-modi.p-defautlt-navs .nav-pills .nav-link {
    padding: 0.6rem 1rem;
    color: var(--on-secondary-color);
    font-size: var(--base-font-size);
}

.p-up-billing-details-mw {
    margin-bottom: 1.65rem;
}

.p-up-st-cont ul li:not(:last-child) {
    margin-bottom: 0.4rem;
}

.p-up-tc-msg.p-info-msg {
    justify-content: space-between;
}

.p-up-tc-msg .p-icon {
    stroke: var(--primary-color);
}

.p-up-rec-cont-card {
    padding: var(--box-padding);
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    margin-bottom: 2rem;
}

.p-secure-payment-msg {
    display: flex;
    gap: 0.3rem;
    color: var(--primary-color);
    margin-top: 0;
}

.p-up-pric-total {
    font-size: calc(var(--base-font-size-h1) * 1.2);
    color: var(--primary-color);
    font-weight: 700;
    display: flex;
}

.p-up-rec-cont .pdf label, .p-up-rec-cont .pdf span {
    font-size: var(--base-font-size-xl);
    max-width: 55%;
}

.p-ul-align li:not(:last-child) {
    margin-bottom: 0.4rem;
}

.p-up-pric-total span {
    font-weight: 400;
    font-size: var(--base-font-size-lg);
    align-self: center;
    padding-top: 0.25rem;
    color: var(--primary-color);
}

.add-ons-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.add-ons-list-cont h6 {
    margin-bottom: 0;
}

.add-icon-cus-btn {
    fill: var(--secondary-color);
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer;
}

.add-ons-list-cont p {
    font-size: var(--base-font-size-xs);
    color: var(--on-primary-color);
}

.customise-plan-btn {
    background-color: var(--primary-opacity-color);
    border-radius: 10em;
    padding: 0.6rem 1rem;
    color: var(--secondary-color);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    cursor: pointer;
}

.p-vert-pipe {
    font-weight: 300;
    color: #c7e3ff;
}

.add-icon-cus-btn-minus {
    fill: #A0AEC0;
    width: 1.3rem;
    height: 1.3rem;
    cursor: pointer;
}


.customise-plan-btn-disbaled,
.customise-plan-btn-disbaled .ni.ni-plus {
    background-color: var(--p-grey-2);
    color: #A0AEC0;
}

    .customise-plan-btn-disbaled .p-vert-pipe {
        color: #e3e0e6;
    }

.add-ons-list-cont h6 {
    margin-bottom: 0.3rem;
}

.pri-features .p-acc-card:not(:last-child) {
    margin-bottom: 0.15em;
}

/*updated pricing css*/
.price-grid-area-up {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, auto);
    grid-gap: var(--default-gap);
}

.price-grid-area-up {
    grid-template-areas:
        "pri-features pri-addons"
        "pri-features pri-totals";
}

.pri-features {
    grid-area: pri-features;
}

.pri-addons {
    grid-area: pri-addons;
}

.pri-totals {
    grid-area: pri-totals;
}

.p-acc-card:not(:last-child) {
    margin-bottom: 0.1em;
}

.price-cont-updated .p-acc-card.p-acc-heading .p-acco-btn {
    font-weight: 500;
    font-size: var(--base-font-size);
}

.price-cont-updated .p-up-rec-cont-card {
    padding: 0;
    border: none;
}

.price-cont-updated .p-form-check {
    display: inline-flex;
}

.table-accord-inb tr {
    cursor: pointer;
}

.hiddenRow {
    padding: 0 !important;
    line-height: 0;
    background-color: transparent !important;
}

.pri-addons table tr[aria-expanded="false"] + tr {
    border-bottom: 0;
}

.pri-addons table tr[aria-expanded="true"] + tr .hiddenRow {
}

.pri-addons table tr:hover {
    background-color: transparent !important;
}

.pri-addons table tr {
    border-bottom: 1px solid var(--primary-border-color);
}

    .pri-addons table tr[aria-expanded="true"] + tr,
    .pri-addons table tr[aria-expanded="true"] {
        border-bottom: 0;
    }

    .pri-addons table tr td {
        border-radius: 0;
        background-color: transparent;
    }

.addons-feat-list .card-body {
    background-color: var(--chat-dark-bg-2);
    padding-left: 1.6rem;
}

.price-cont-updated .p-acc-card.p-acc-heading .p-acc-header {
    border-top: 1px solid var(--primary-border-color);
    border-radius: 0;
    padding: 0.72rem 0rem;
    background-color: transparent;
}

.pri-features .p-acc-card:last-child {
    border-bottom: 1px solid var(--primary-border-color);
}

.pri-features .card-body,
.addons-feat-list .card-body {
    padding-top: 0.4rem;
}

.pri-addons table tr td:nth-child(2) {
    font-weight: 500;
}

.price-cont-updated .pri-addons table th {
    font-weight: 600;
    font-size: var(--base-font-size-lg);
}

.pri-addons table tr td:last-child {
    padding-right: 0;
}

.p-ft-hc-inp-mw input.form-control {
    font-weight: 600;
    font-size: 1.3rem;
    height: 2.7rem;
    text-align: center;
}
/*updated pricing css*/

@media (max-width: 48rem) {
    .p-up-pricing-container {
        flex-direction: column;
        align-items: center;
    }

    .p-up-pricing-card {
        flex: 0 1 90%;
    }
}

/*timeline vertical*/
.pso-timeline-list-hroi.pso-timeline-list {
    flex-direction: initial;
    flex-wrap: wrap;
    gap: 4.2rem;
    justify-content: center;
}

.pso-timeline-list-hroi .pso-timeline-item {
    position: relative;
}

.upgarde-setps-mw .pso-timeline-item {
    cursor: pointer;
}

.pso-timeline-list-hroi .pso-timeline-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -3.65rem;
    transform: translateY(-50%);
    top: 51%;
    height: 0.1rem;
    background-color: var(--input-border-1);
    width: 3rem;
    border-radius: var(--bs-border-radius);
}

.pso-timeline-list-hroi .pso-circle::after {
    display: none;
}

.pso-timeline-list-hroi .js-pso-timeline-item-completed.pso-timeline-item:not(:last-child)::after {
    background-color: var(--secondary-color);
}
/* Initial style for the select element */
.p-cus-dd-mw {
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--chat-dark-bg-2);
    background-clip: padding-box;
    border: 1px solid var(--input-border-1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s;
    height: calc(1.5em + 0.75rem + 0.825em);
    color: var(--primary-color);
    font-size: var(--base-font-size);
    position: relative;
    user-select: none;
}

    .p-cus-dd-mw:focus {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    }

.p-cus-dd-selected {
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 1.8rem);
    font-size: var(--base-font-size-xxs);
}

    .p-cus-dd-selected.p-cus-dd-placeholder {
        color: var(--primary-color);
    }

.p-cus-dd-last-selected {
    background-color: rgb(234 245 254 / 56%);
}

.p-cus-dd-options,
.p-cus-dd-sub-options {
    display: none;
    position: absolute;
    background-color: var(--chat-dark-bg-2);
    width: 100%;
    border: 1px solid var(--input-border-1);
    z-index: 1000;
    left: 0;
    border-radius: var(--bs-border-radius);
}

.p-cus-dd-option {
    padding: 10px;
    cursor: pointer;
    font-size: var(--base-font-size-xs);
}

.p-cus-dd-option:hover {
    background-color: var(--sec-light-color4);
}

/* Arrow indicator for submenu */
.dropdown-submenu::after {
    content: "";
    float: right;
    margin-right: 1px;
    font-size: 0.8em;
    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.888rem;
    width: 18px;
    height: 18px;
    transform: rotate(-90deg);
}

.dropdown-submenu::before {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 8px;
}

/*quiz questions*/

.p-ques-sc .p-tl-box {
    max-width: calc(100%);
    width: 100%;
    text-align: left;
    height: 100%;
}

.p-tl-box .p-btn-small {
    min-width: 9em;
}

.p-ques-sc .pso-form-wrapper {
    --minmax-height-pso: calc(100vh - 7.6rem);
    height: var(--minmax-height-pso) !important;
}

.p-cn-mb .p-ss-h100 {
    padding-right: 1.35rem;
    width: calc(100% + 1.35rem);
    overflow: auto;
    height: 100%;
}

.p-ques-sc .pso-grid-wrapper {
    padding-bottom: 0;
}

.quiz-quest-box {
    flex: 1;
    background-color: var(--chat-dark-bg-2);
    width: 100%;
}

    .quiz-quest-box .pso-grid-wrapper,
    .quiz-quest-box .pso-timeline-list,
    .quiz-quest-box .pso-cols,
    .quiz-quest-box fieldset.pso-step,
    .p-cn-mb {
        height: 100%;
    }

        .p-cn-mb .pso-form-wrapper {
            height: 100% !important;
            max-height: 100% !important;
        }

        .p-cn-mb .pso-grid-wrapper {
            --ps-grid-lc-wid: 18em;
        }

        .p-cn-mb .p-fp-content {
            display: flex;
            flex-direction: column;
        }

.p-sur-ques-head {
    display: flex;
    align-items: center;
    gap: 1.95rem;
    padding: 0.65rem var(--box-padding);
    width: 100%;
    background-color: var(--p-grey-2);
    border-bottom: 1px solid var(--input-border-1);
}

    .p-sur-ques-head h2 {
        font-size: calc(var(--base-font-size-h2) * 0.8);
        font-weight: 600;
    }
/*css for sucess message sh*/
.animation-container {
    position: relative;
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkmark {
    width: 75px;
    height: 50px;
}

.background-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #32CD32;
    transform: scale(0);
    z-index: 0;
}

    .background-circle.bg-cir-2 {
        background: #32CD32;
    }

.checkmark {
    z-index: 1;
}

#check-path {
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
    fill: none;
    stroke: white;
    stroke-width: 31.5px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.res-subm-mw {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.1rem;
    flex: 1;
}

.success-mw {
    position: relative;
    padding: 0.8rem;
}

.cir-part,
.cross-part {
    stroke-width: 5px;
    position: absolute;
    display: inline-block;
}

.cross-part {
    stroke-width: 3px;
}

.cir-part-1 {
    stroke: #EF6B2F;
    width: 10px;
    height: 10px;
    left: -20px;
    top: 0;
}

.cir-part-2 {
    stroke: var(--light-blue-dark);
    width: 16px;
    height: 16px;
    right: -20px;
    top: -20px;
}

.cir-part-3 {
    stroke: var(--tag-bg-body-border-color);
    width: 10px;
    height: 10px;
    right: -70px;
    bottom: 0;
}

.cir-part-4 {
    stroke: var(--complete-tc);
    width: 11px;
    height: 11px;
    left: -30px;
    bottom: 20px;
}

.cir-part-5 {
    stroke: #FF5722;
    width: 7px;
    height: 7px;
    left: 90%;
    bottom: -11px;
    stroke-width: 6px;
}

.cross-part-1 {
    stroke: #5953b3;
    width: 9px;
    height: 9px;
    left: -50px;
    top: 44%;
}

.cross-part-2 {
    stroke: #27c98b;
    width: 11px;
    height: 11px;
    left: 60%;
    bottom: -30px;
}

.cross-part-3 {
    stroke: var(--tag-bg-relsp-border-color);
    width: 16px;
    height: 16px;
    right: -60px;
    top: 30px;
}

.cross-part-4 {
    stroke: hotpink;
    width: 10px;
    height: 10px;
    right: -40px;
    top: 80%;
}

.res-subm-mw .ph-2 {
    font-size: 1.7rem;
    color: var(--primary-color);
    text-align: center;
    margin-top: 1.4rem;
    margin-bottom: 0.5rem;
}

.p-fs-head {
    font-size: 1.75rem;
}

.res-subm-cont p {
    font-size: var(--base-font-size-h5);
}

.pdf-aic-jcc-fg-1 {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2.5rem;
}

img.survey-info-img {
    max-width: 380px;
}
/*css for sucess message eh*/

.emma-video-wrapper {
    background-color: #000;
}

.p-np-btns-mw {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.p-hps-head-mw {
    padding-left: 0.38rem;
    margin-bottom: 0.8rem !important;
}

.p-np-btns-mw button {
    border: none;
    background: transparent;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.p-np-btns-mw .disabled {
    opacity: 0.3;
    cursor: default;
}*/



/*liner gradient border*/
.p-btn-li-gr-dots {
    font-weight: bold;
    background: var(--chat-dark-bg-2);
    color: var(--primary-color);
    border: none;
    position: relative;
    border-radius: 10em;
    cursor: pointer;
    padding: 0.9em 1.7em;
    font-size: var(--base-font-size);
    overflow: hidden;
}

    .p-btn-li-gr-dots span {
        position: relative;
        z-index: 1;
    }

    .p-btn-li-gr-dots:focus,
    .p-btn-li-gr-dots:active {
        outline: none;
    }

    .p-btn-li-gr-dots:before,
    .p-btn-li-gr-dots:after {
        content: '';
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        height: auto;
        width: auto;
        border-radius: inherit;
        background: inherit;
        transition: all .3s;
    }

    .p-btn-li-gr-dots:before {
        background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        background-size: 100% 100%;
        transition: all .3s;
    }

    .p-btn-li-gr-dots:hover {
        background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.02);
    }

        .p-btn-li-gr-dots:hover::before {
            animation: none;
            background: linear-gradient(87deg, #76F6DD 4.49%, #96CDFA 40.75%, #F9E791 70.8%, #F3A7AC 97.51%);
        }

    .p-btn-li-gr-dots:after {
        margin: 0.22em;
    }

    .p-btn-li-gr-dots span {
        z-index: 3;
        position: relative;
    }

    .p-btn-li-gr-dots:before,
    .p-btn-li-gr-dots:before {
        animation: rainbow-border 6s linear infinite;
    }

@keyframes rainbow-border {
    0%, 50% { /* 0% to 50% covers the first 3 seconds */
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.p-lg-dots-container {
    position: absolute;
    z-index: 9;
    width: calc(100% - 1.8rem);
    height: calc(100% - 1.3rem);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.p-lg-dots {
    width: 2px;
    height: 2px;
    flex-shrink: 0;
    display: inline-block;
    z-index: 33;
    position: relative;
    border-radius: 50%;
}

.p-lg-pink-dot {
    background: #F3A7AC;
}

.p-lg-green-dot {
    background: #76F6DD;
}

.p-lg-yellow-dot {
    background: #F9E791;
}

.p-lg-blue-dot {
    background: #96CDFA;
}

.one-top {
    position: absolute;
    left: 3px;
    top: 0;
}

.one-bottom {
    position: absolute;
    left: 6px;
    bottom: 6px;
}

.two-top {
    position: absolute;
    left: 23%;
    top: 4px;
}

.two-bottom {
    position: absolute;
    left: 23%;
    bottom: -1px;
}

.three-top {
    position: absolute;
    left: 40%;
    top: -2px;
}

.three-bottom {
    position: absolute;
    left: 40%;
    bottom: 4px;
}

.four-top {
    position: absolute;
    left: 57%;
    top: 4px;
}

.four-bottom {
    position: absolute;
    left: 57%;
    bottom: -2px;
}

.five-top {
    position: absolute;
    left: 73%;
    top: 0;
}

.five-bottom {
    position: absolute;
    left: 73%;
    bottom: 4px;
}

.six-top {
    position: absolute;
    left: 94%;
    top: 4px;
}

.six-bottom {
    position: absolute;
    left: 88%;
    bottom: -1px;
}

.p-btn-li-gr-dots:hover .p-lg-dots {
    background: #fff;
}


.p-try-hr-actn-btn {
}

.ui-datepicker td a, .ui-datepicker td span {
    text-align: center !important;
    color: var(--primary-color);
}

.dy-form-mw-head {
    font-size: var(--base-font-size-xxl);
    margin-bottom: 1rem;
    margin-top: 0.8rem;
    font-weight: 600;
}

.p-sol-confim .p-la-sepe-head p.text-primary-color {
    margin-bottom: 0.45rem;
}

.dx-datagrid-rowsview.dx-empty {
    min-height: 300px;
}

.dx-datagrid-rowsview.dx-empty {
    min-height: 300px;
}

.p-nd-upd-grid {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: initial;
}

.p-hidden {
    display: none;
}

.hc-default-btn-w-icon {
}

.p-cp-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

.p-cp-img img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 2rem;
    border-radius: var(--bs-border-radius);
    width: 100%;
}

.p-cp-card {
    padding: 2.75rem !important;
}

.p-cp-ctas {
    text-align: center;
    margin: 2.3rem 0rem 2.3rem;
}

.p-cp-main-head {
    font-size: 1.5rem !important;
    text-align: center;
    margin-bottom: 3rem !important;
    margin-top: 2.2rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.p-ul-cp-mp.p-ul-align li:not(:last-child) {
    margin-bottom: 0.8rem;
}

.p-cp-main-wrap {
    height: 100%;
    flex: 1;
    padding: calc(var(--box-padding)* 2);
}

    .p-cp-main-wrap a {
        word-break: break-all;
    }

.payment-link-form-inner-wrapper button span {
    color: var(--white-color);
}


@media(max-width: 991px) {
    .p-cp-container {
        margin: 0 auto;
        padding: 0 0px;
    }
}

.guage-graph-bg {
    background-color: white;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to right, #76F6DD, #96CDFA, #F9E791, #F3A7AC);
    transform: rotate(185deg);
    padding: 0.6em;
}

.guage-graph-bg-inner {
    border-radius: 50%;
    padding: 10px;
    z-index: 0;
    background-color: #F1F3F4;
    width: 100%;
    height: 100%;
    border: 5px solid #fff;
}

.ca-month-session-count {
    width: 100%;
    width: calc(100% - 2.5rem);
}

    .ca-month-session-count .p-smart-tt {
        display: flex;
        align-items: center;
    }

.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea,
.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea.form-control,
.p-chat-em-fw-modi .input-emoji {
    position: initial !important;
}

.p-chat-em-fw-modi .p-chat-area .btn-sendchat {
    bottom: 1.8rem;
    right: 1.5rem;
}

.p-tl-imsg .spinner-chat-type {
    margin-top: 3px;
}

.p-chat-em-fw-modi .p-tl-chat-ia .input-emoji .emojionearea .emojionearea-picker {
    left: 0;
    top: -8px;
    right: initial;
    width: 100% !important;
    border-radius: 0;
}

.p-chat-em-fw-modi .p-tl-chat-ia .emojionearea .emojionearea-button {
    bottom: 1.05rem;
    right: 4rem;
}

/*.ph-3-wb {
    border-bottom: 1px solid var(--primary-border-color);
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem !important;
}*/

.ins-shr-rep {
    background-color: var(--p-grey-3);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.7);
}

    .ins-shr-rep > h4.ph-4 {
        font-size: var(--base-font-size-h4);
    }

.ins-reprots .ins-gr-wr {
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding) * 0.7);
    position: relative;
}

.ins-reprots .row .col-sm-6:last-child {
    padding-left: 0.45rem;
}

.ins-reprots .row .col-sm-6:first-child {
    padding-right: 0.45rem;
}

.ins-reprots .row {
    padding: 0;
}

.ins-shr-rep .ins-gr-wr {
    background-color: var(--chat-dark-bg-2);
}

.ins-reprots .p-smart-tt.tip {
    display: none;
}

.ins-reprots .p-def-gr-he-la {
    height: 20em;
}

/*.ins-reprots .p-bar-chart-sl:before,
.ins-reprots .p-bar-chart-sl:after {
    content: '';
    position: absolute;
    background-color: var(--sec-light-color4);
}

.ins-reprots .loading-skeleton .skeleton-img::after {
    --skeleton-color-1: var(--p-grey-3);
    --skeleton-color-2: #ebf0f8;
}
*/
.ins-reprots .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,350 L0,350 Z');
}

.ins-reprots .p-sine-wave-acm {
    -webkit-clip-path: path('M0,88 C 125,116 155,14 420,50 C 1605,240 1195,330 710,310 L1000,200 L0,200 Z');
    clip-path: path('M0,88 C 125,116 155,14 420,50 C 1605,240 1195,330 710,310 L1000,350 L0,350 Z');
}

.p-ins-rep-load-mw {
    height: 21.4em;
}

.disable-btn {
    pointer-events: none;
    opacity: 0.5;
}

.p-patt-upd {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    .p-patt-upd svg {
        width: 100%;
        height: 100%;
    }

a.brand-logo-tl {
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 62px;
}

section.section-no-head.p-grad-bg-up {
    position: relative;
    z-index: 2;
}

.p-login-upd-cont {
    max-width: 460px;
    margin: 0 auto;
    width: 100%;
}

.p-grad-bg-up {
    /*    background-image: url("data:image/svg+xml,%0A%3Csvg width='1441' height='845' viewBox='0 0 1441 845' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1269_97067)'%3E%3Crect width='1441' height='845' fill='%23FDFDFD'/%3E%3Cg opacity='0.3' filter='url(%23filter0_f_1269_97067)'%3E%3Cpath d='M1152.72 -131.723C1355.94 -152.529 1856.22 -208.047 1874.58 -28.7256C1892.94 150.596 1450.65 629.425 1247.44 650.23C1044.23 671.035 1019.17 212.057 1000.81 32.735C982.454 -146.587 949.507 -110.918 1152.72 -131.723Z' fill='url(%23paint0_linear_1269_97067)'/%3E%3C/g%3E%3Cg opacity='0.3' filter='url(%23filter1_f_1269_97067)'%3E%3Cpath d='M163.709 -286.75C285.698 -164.761 589.178 132.93 467.188 254.92C345.199 376.909 -238.552 376.909 -360.541 254.92C-482.531 132.93 -158.775 -164.761 -36.786 -286.75C85.2035 -408.74 41.7193 -408.74 163.709 -286.75Z' fill='url(%23paint1_linear_1269_97067)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1269_97067' x='886.879' y='-256.393' width='1088.26' height='1007.31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1269_97067'/%3E%3C/filter%3E%3Cfilter id='filter1_f_1269_97067' x='-487.551' y='-478.242' width='1083.11' height='924.654' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1269_97067'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_1269_97067' x1='1345.72' y1='611.312' x2='1235.61' y2='-464.239' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0916663' stop-color='%2376F6DD'/%3E%3Cstop offset='0.361666' stop-color='%23F9E791' stop-opacity='0.43'/%3E%3Cstop offset='0.656666' stop-color='%23F3A7AC'/%3E%3Cstop offset='1' stop-color='%2396CDFA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1269_97067' x1='-280.36' y1='296.248' x2='451.319' y2='-435.43' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0916663' stop-color='%2376F6DD'/%3E%3Cstop offset='0.361666' stop-color='%23F9E791' stop-opacity='0.43'/%3E%3Cstop offset='0.656666' stop-color='%23F3A7AC'/%3E%3Cstop offset='1' stop-color='%2396CDFA'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_1269_97067'%3E%3Crect width='1441' height='845' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;*/
}

@media(max-width: 991px) {
    .section-no-head.p-grad-bg-up {
        align-items: flex-start;
    }
}

#p-patt-shape-2 {
    animation: slide 5s ease infinite;
    -webkit-animation: slide 5s ease infinite
}

#p-patt-shape-1 {
    animation: rotate 5s ease infinite;
    -webkit-animation: rotate 5s ease infinite
}

#p-patt-shape-3 {
    animation: scale 5s ease infinite;
    -webkit-animation: scale 5s ease infinite
}

@keyframes slide {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(300px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes rotate {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.7)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    75% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}


.pp-pc-process .res-subm-mw {
    margin-top: 2.65rem;
}

.proc-payrun-pc {
    display: flex;
    flex-direction: column;
}

.pay-cycle-loader {
    top: -0.2rem;
    position: relative;
}

    .pay-cycle-loader p {
        font-size: 1rem;
        color: var(--primary-color);
    }

    .pay-cycle-loader .attachment-preloader {
        position: relative;
        top: -3px;
    }

@media(max-width: 1500px) {
    .pp-pc-process .animation-container {
        width: 100px;
        height: 100px;
    }

    .pp-pc-process .checkmark {
        width: 55px;
        height: 30px;
    }

    .pp-pc-process .res-subm-mw .ph-2 {
        font-size: 1.5rem;
        margin-top: 1.7rem;
    }

    .pp-pc-process .res-subm-mw {
        gap: 1.1rem;
    }
}


/*updated footer starts here*/


.p-beta-tag {
    position: absolute;
    top: 1px;
    right: -3px;
    background-image: var(--Gradient-2, linear-gradient(90deg, #f9e791 0, #f3a7ac 32.89%, #96cdfa 65.89%, #76f6dd 100%));
    font-size: 0.68rem;
    padding: 0.15rem 0.175rem;
    border-radius: 0.15rem;
    line-height: 1;
    z-index: 999;
    color: #000;
    font-weight: 600;
}


.p-long-link {
    cursor: pointer;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
}

/*button animate*/
.p-btn-animate,
.p-grad-bor-btn {
    overflow: hidden;
    position: relative;
}

    .p-btn-animate::before,
    .p-grad-bor-btn::before {
        background-image: linear-gradient(90deg, #76f6dd, #96cdfa 33%, #f3a7ac 66%, #f9e791);
        content: "";
        height: 100%;
        left: -100%;
        position: absolute;
        top: 0;
        transition: left 1s;
        width: 100%;
    }

    .p-btn-animate:hover::before,
    .p-grad-bor-btn:hover::before {
        left: 0;
    }

    .p-btn-animate span,
    .p-ani-btn-z1,
    .p-grad-bor-btn .p-ai-link {
        position: relative;
        z-index: 1;
    }

.playback-speed-wrapper {
    display: flex;
    align-items: center;
    margin-top: 0.55rem;
    gap: 1rem;
}

.p-playback-speed {
    display: flex;
    gap: 0.35rem;
}


.p-playback-speed-cta {
    border: none;
    border-radius: 0.25rem;
    min-width: 4.2rem;
    padding: 0.25rem 0.25rem;
    font-size: var(--base-font-size-xs);
    border: 1px solid var(--sec-light-color4);
    transition: all .3s;
}

    .p-ps-cta-active, .p-playback-speed-cta:hover {
        background-color: var(--dark-blue-color);
        color: #fff;
    }

.set-mb-vd-msg-ul {
    margin-bottom: 1rem;
}

    .set-mb-vd-msg-ul .pp-user-count {
        margin-bottom: 0.4rem;
    }

.pso-action-btns .p-btn-small {
    min-width: 120px;
}

.kanban-item:hover, .kanban-item.selected-item {
    border-color: var(--primary-color);
}


/*ins*/


.p-def-row-gap {
    row-gap: calc(var(--default-gap)* 1.098);
}

.p-cb-mw {
    --cb-header: 55px;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.p-cb-header {
    min-height: var(--cb-header);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 1rem 0.25rem 1rem;
    border-bottom: 1px solid var(--primary-border-color);
}

    .p-cb-header > * {
        flex: 1;
    }

.p-cb-rt {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.p-cb-gjs-mw {
    min-height: calc(100vh - var(--cb-header))
}

.p-cb-actn-btn hr {
    margin: 0 0.5rem;
    height: 40px;
    width: 1px;
    border-right: 1px solid var(--p-grey-5);
}

.p-cb-actn-btn button {
    --p-btn-min-height: 2.2rem;
    border-radius: calc(var(--bs-border-radius)* 0.85);
    padding: 0.48rem 0.95rem;
}

.p-cb-panel-pos .gjs-pn-panel {
    position: initial;
}

.p-cb-panel-pos .gjs-pn-buttons {
    gap: 0.6rem;
}

#custom-panel-devices-c, #custom-panel-blocks {
    display: none;
}

.p-sb-canvas .gjs-cv-canvas {
    right: 0;
    left: initial;
    position: initial;
    width: 100%;
    height: 100%;
}

.p-cb-gjs-mw {
    display: flex;
}

.p-cb-panel-pos {
    flex-shrink: 0;
}

.p-sb-canvas {
    flex-grow: 1;
    transition: margin-right 0.3s ease;
    margin-left: var(--p-sb-block-width);
}

#editor-container .gjs-pn-panels {
    display: none;
}

.p-cb-sb {
    width: 400px;
    background-color: #f4f4f4;
    position: fixed;
    right: -400px;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    z-index: 1000;
    height: calc(100vh - var(--cb-header));
}

    .p-cb-sb.open {
        right: 0; /* Slide in from the right */
    }

#editor-container.sidebar-open {
    margin-right: 400px; /* Adjust editor container when sidebar is open */
}


.p-cb-blocks {
    width: var(--p-sb-block-width);
    border-right: 1px solid var(--p-grey-5);
    position: fixed;
    left: 0;
    top: var(--cb-header);
    height: calc(100vh - var(--cb-header));
    z-index: 999;
    overflow-y: auto;
}

.p-sb-canvas {
    height: calc(100vh - var(--cb-header));
    overflow: auto;
}

.gjs-pn-views-container {
    display: none;
}

.gjs-pn-views {
    border-left: 0;
    border-bottom: 0;
}

.p-cb-sb-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--box-padding)* 0.5);
    gap: 1rem;
    position: sticky;
    top: 0;
    z-index: 1200;
    border-bottom: 1px solid var(--p-grey-5);
    background-color: var(--background1);
}

.p-cb-sb-body {
    padding: calc(var(--box-padding)* 0.5);
}

.gjs-block svg {
    fill: currentColor;
    width: 2.4rem;
    height: 2.4rem;
}

.gjs-pn-panel.gjs-pn-views-container {
    display: none;
}

.p-cb-blocks .gjs-blocks-c {
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: calc(100% - 1rem);
}

.p-cb-blocks .gjs-block {
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid var(--primary-border-color);
    border-radius: 3px;
    margin: 0;
    box-shadow: none;
    background-color: var(--background1);
    width: 100%;
}

.p-cb-blocks .gjs-block-label {
    font-size: calc(var(--base-font-size-xxs)* 0.9);
    font-family: var(--primary-font) !important;
    font-weight: 400;
    color: var(--primary-color);
}

.p-cb-blocks .gjs-block__media {
    margin-bottom: 0;
}

.p-cb-blocks .gjs-category-title,
.p-cb-blocks .gjs-layer-title,
.p-cb-blocks .gjs-block-category .gjs-title,
.p-cb-blocks .gjs-sm-sector-title,
.p-cb-blocks .gjs-trait-category .gjs-title {
    border-bottom: 1px solid var(--chat-inbox-border-color) !important;
    border-top: 1px solid var(--chat-inbox-border-color) !important;
    font-weight: 500 !important;
}

.p-cb-blocks .gjs-category-open,
.p-cb-blocks .gjs-block-category.gjs-open,
.p-cb-blocks .gjs-sm-sector.gjs-sm-open,
.p-cb-blocks .gjs-trait-category.gjs-open {
    border-bottom: none;
}

.fw-light {
    font-weight: 400 !important;
}

.p-mb-ig {
    margin-bottom: calc(var(--box-padding) * 0.9)
}

.upload-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.1rem dashed var(--primary-border-color);
    padding: 0.75rem 0.5rem;
    border-radius: var(--bs-border-radius);
    background-color: var(--grey-bg-1);
}

.upload-box {
    text-align: center;
    position: relative;
}

.upload-icon img {
    width: 40px;
    height: auto;
    margin-bottom: 20px;
}

.upload-box p {
    font-size: var(--base-font-size);
    color: var(--primary-color);
    margin: 0.4rem 0 0.1rem;
}

    .upload-box p span {
        color: #007bff;
        cursor: pointer;
        font-weight: 500;
    }

.upload-box small {
    font-size: calc(var(--base-font-size-xxs) * 0.9);
    color: var(--on-primary-color);
}

.color-picker-container {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative; /* Ensures elements are positioned relative to this container */
}

.js-p-upd-color-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ccc;
}

.js-p-upd-color-code {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 4px;
    width: 100px;
    font-family: monospace;
    color: #333;
}

.js-p-upd-color-picker {
    visibility: hidden;
    opacity: 0;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.fs-3 {
    font-size: var(--base-font-size-lg);
}

.fs-4 {
    font-size: var(--base-font-size-sm);
}

.font-slider-container {
    margin-top: 1.5rem;
}

.font-size-label {
    font-size: var(--base-font-size-xs);
    font-weight: 500;
    color: var(--primary-color);
}

.font-size-label-lg {
    font-size: var(--base-font-size-h2);
    font-weight: 600;
}

.font-slider-container .font-size-label-lg {
    font-weight: 500;
}

#fontRange {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    background: var(--input-border-1);
    border-radius: 5px;
    outline: none;
    opacity: 1;
    transition: opacity 0.2s;
    z-index: 1;
}

    #fontRange::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: var(--primary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange::-moz-range-thumb {
        width: 20px;
        height: 20px;
        background: var(--secondary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange::-ms-thumb {
        width: 20px;
        height: 20px;
        background: var(--secondary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out;
    }

    #fontRange:focus::-webkit-slider-thumb {
        background-color: var(--secondary-color);
    }

    #fontRange:focus::-moz-range-thumb {
        background-color: var(--secondary-color);
    }

    #fontRange:focus::-ms-thumb {
        background-color: var(--secondary-color);
    }

.fs-slide-step {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.slider-separator {
    width: 2px;
    height: 12px;
    background-color: var(--input-border-1);
}

.fs-slider-container {
    position: relative;
    display: flex;
    align-items: center;
}


.p-sb-sec-list-item {
    border: 1px solid var(--primary-border-color);
    padding: 0.55rem 0.75rem;
    border-radius: calc(var(--border-radius-default)* 0.7);
    background-color: var(--bg-default);
}

.p-sb-sec-list {
    margin-bottom: 0.65rem;
}

.p-sb-show-content {
    display: block;
}

/*btn tab group*/

.p-gen-btn-tab {
    position: relative;
    display: flex;
    user-select: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid var(--grey-bg-3);
    padding: 0.25rem;
    border-radius: calc(var(--border-radius-default)* 0.7);
    background-color: var(--p-grey-4);
}

.p-gen-btn-tab-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.p-gen-btn-tab-btn {
    position: relative;
    background-color: transparent;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
    outline: none;
    z-index: 2;
    flex-grow: 1;
}

.p-gen-btn-tab-sm {
    max-width: 400px;
}

.p-gen-btn-tab-btn img {
    width: 20px;
    height: 20px;
}

.p-gen-btn-tab-btn:focus {
    outline: none;
}

.p-gen-btn-tab-btn.active span {
    color: #fff;
    transition: all 0.5s;
}

.form-group .p-custom-checkbox .custom-control-label {
    font-weight: 400;
    color: var(--primary-color);
}

.p-gen-btn-tab-slide-bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 4px;
    transition: all 0.3s ease;
    z-index: 1;
}

button.p-gen-btn-tab-btn.active svg {
    stroke: #fff;
}

button.p-gen-btn-tab-btn svg {
    position: relative;
    top: -1px;
}

.icon-cd-lms {
    cursor: pointer;
    transition: transform 0.3s ease;
}

    .icon-cd-lms.rotate {
        transform: rotate(180deg); /* Rotate the icon when the submenu is visible */
    }

.p-sb-sec-list-item-w-acc {
    padding: 0;
    margin-bottom: 0.65rem;
}

    .p-sb-sec-list-item-w-acc .js-sb-sec-list-item {
        padding: 0.55rem 0.75rem;
    }

    .p-sb-sec-list-item-w-acc .sidebar-submenu {
        padding: 0.55rem 0.75rem;
        padding-top: 0.85rem;
    }

.p-defautlt-navs-tags .p-tag {
    min-width: initial;
    padding: 0.18rem 0.55rem;
    line-height: 1.25;
}

.p-nav-link-btn .ni-plus {
    color: var(--primary-color);
}

.p-cp-icon-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1.2rem 1rem;
    margin-bottom: 0.8rem;
}

svg.p-cp-sb-icon {
    --icon-height: 3.5rem;
    stroke: var(--dark-blue-color);
    width: var(--icon-height);
    height: var(--icon-height);
    padding: 0.35rem;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: 1px solid transparent;
}

.p-cp-sb-icon.active,
.p-cp-sb-icon:hover {
    background-color: var(--sec-light-color7);
    border: 1px solid var(--p--border-1);
}

.p-dx-search-left tr.dx-data-row td {
    cursor: pointer;
}

@-moz-document url-prefix() {
    .input-emoji .emojionearea.emojionearea-inline > .emojionearea-editor {
        display: inline-block !important;
    }
}

.mention-popup-active .dx-list.dx-empty-collection .dx-empty-message {
    position: initial;
    transform: none;
    box-shadow: none;
    border: none !important;
}

.mention-popup-active .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-top-width: 1px !important;
}

.mention-popup-active .dx-list-item {
    cursor: pointer;
}

.p-ana-data-2x-inner {
    gap: 1.5rem 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}

svg.p-cb-sect-actn-icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: none !important;
    stroke: var(--primary-color);
}

svg.p-cb-block-icon {
    stroke: var(--primary-color);
    display: inline-block;
    width: 2rem;
    height: 2rem;
    fill: none;
}

.p-cb-blocks-mw {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
}

.cp-index-navs .p-defautlt-navs .nav-pills .nav-link.active {
    border-radius: 0;
    background: transparent;
}

    .cp-index-navs .p-defautlt-navs .nav-pills .nav-link.active span {
        color: var(--primary-color) !important;
    }

.p-seo-ci img {
    max-width: 53px;
    height: auto;
    border-radius: 0.15rem;
}

.lh-1p3 {
    line-height: 1.3;
}

.p-cb-in-stats .ph-2 {
    margin-bottom: 0;
    font-size: calc(var(--base-font-size-h1-lg)* 0.75);
    position: relative;
    top: 3px;
    margin-right: 0.05rem;
    line-height: 1.2;
}

.p-cb-prev {
    color: #4b96d5 !important;
}

.p-cb-activity .step-activity {
    margin-left: calc(1.5rem / -0.8);
}

.p-seo-favicon-mw {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
}

    .p-seo-favicon-mw img {
        width: 50px;
        height: 50px;
        display: inline-block;
    }

.p-def-link {
    font-weight: 500;
    color: var(--primary-color);
}

    .p-def-link:hover {
        text-decoration: underline;
    }

.p-smiw[title="My Handbook"] svg {
    --icon-nav-wh: 0.98rem;
    left: 1.3px;
    top: 1.3px;
}

.p-smiw[title="Company Documents"] svg {
    top: -1.5px;
}

.p-smiw[title="Team Progress"] svg,
.p-smiw[title="My Progress"] svg {
    --icon-nav-wh: 0.97rem;
    left: 0.6px;
    top: 1px;
}

.p-smiw[title="1-on-1"] svg {
    --icon-nav-wh: 1.05rem;
}

.p-smiw[title="Group View"] svg {
    --icon-nav-wh: 1.09rem;
}

.p-smiw[title="TrustLine"] svg {
    --icon-nav-wh: 1.1rem;
    left: 0.5px;
}

.p-smiw[title="Action Items"] svg,
.p-smiw[title="Team Time off"] svg {
    --icon-nav-wh: 1.04rem;
}

.p-smiw[title="Org Chart"] svg {
    --icon-nav-wh: 1rem;
    left: 0.5px;
}

.p-smiw[title="Team Documents"] svg {
    --icon-nav-wh: 1.09rem;
}

.p-smiw[title="My Documents"] svg {
    --icon-nav-wh: 1.1rem;
    top: -1.5px;
}

.p-cb-vh-list {
    display: flex;
    align-items: center;
    border: 1px solid var(--primary-border-color);
    border-radius: calc(var(--bs-border-radius)* 0.85);
    padding: 0.6rem;
    gap: 0.8rem;
    cursor: pointer;
}

.p-cb-vh .p-cb-vh-list:first-child {
    margin-bottom: 1rem;
}

.p-cb-vh-list-icon svg.p-icon {
    width: 1.85rem;
    height: 1.85rem;
}

.p-cb-vh-list:hover {
    border-color: var(--primary-color);
}

@media (min-width: 576px) {
    .modal-md.p-modal-dialog-md-1 {
        max-width: 580px;
    }
}

.career-site-db .ph-card h5.ph-5 {
    font-weight: 500;
}

.cp-index-navs li.nav-item {
    cursor: pointer;
}

.p-cb-vh-list label {
    cursor: pointer;
}

.p-tag-wdd.p-tag {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-start;
    font-weight: 500;
    padding: 0.38rem 0.85rem;
    padding-right: 1.15rem;
    height: var(--p-btn-min-height);
    font-size: var(--base-font-size);
    cursor: pointer;
}

.p-tag-wdd .p-dot {
    width: 6.5px;
    height: 6.5px;
}

.p-tag-wdd svg {
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    right: 7px;
    stroke: #17663A;
    display: inline-block;
}

/* Positioning and styling for the dropdown */
.js-status-label {
    position: relative;
}

.js-status-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    padding: 0.35rem;
    margin: 0;
    width: 100%;
    z-index: 10;
    list-style: none;
    color: var(--primary-color);
}

    .js-status-dropdown li {
        padding: 0.35rem 0.75rem;
        cursor: pointer;
    }

        .js-status-dropdown li:hover {
            background-color: rgba(79, 87, 98, 0.05);
            border-radius: calc(var(--bs-border-radius)* 0.3);
        }

.p-tag-wdd.p-tag-red svg {
    stroke: var(--overdue-tc);
}

.p-sb-in-data-mw {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .p-sb-in-data-mw .ph-card {
        height: 50%;
    }

.p-data-app-visi {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.p-cb-ana-hei {
    height: 260px !important;
}

.uploaded-image-item.p-cb-vh-list:hover {
    border-color: var(--primary-border-color);
}

.p-cb-vh-list.uploaded-image-item {
    justify-content: space-between;
}

.uploaded-image-item-cont {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.uploaded-image-item img {
    max-width: 70px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
}

.p-cb-image-name {
    text-overflow: ellipsis
}

.uploaded-image-item-mw .uploaded-image-item {
    margin-bottom: 0.8rem;
}

.career-site-db .loading-skeleton .p-btn-small {
    border: transparent !important;
}

.career-site-db .loading-skeleton .p-add-btn .p-icon,
.career-site-db .loading-skeleton .js-status-dropdown-toggle {
    stroke: none;
}

.loading-skeleton .p-tag-wdd .p-dot {
    width: 6.5px;
    height: 6.5px;
    background: transparent;
}

.career-site-db .loading-skeleton svg {
    stroke: none;
    display: none;
}

.career-site-db .loading-skeleton .p-tag-wdd svg {
    display: none !important;
}

.career-site-db .loading-skeleton .p-seo-ci {
    width: 33px;
    height: 33px;
}

.career-site-db .loading-skeleton .p-bg-grey {
    background-color: transparent;
}

.p-desk-mobile-view-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.p-dm-ctas {
    width: 2.3rem;
    height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--p-border-2);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

    .p-dm-ctas svg {
        width: 1.45rem;
        height: 1.45rem;
        display: inline-block;
    }

    .p-dm-ctas.active,
    .p-dm-ctas:hover {
        background-color: var(--dark-blue-color);
    }

        .p-dm-ctas.active svg,
        .p-dm-ctas:hover svg {
            stroke: #fff;
        }

.p-db-show-raection-mw .p-db-reactions small {
    margin-left: -0.05rem;
    font-size: var(--base-font-size-xs);
    color: var(--primary-color);
}

#divEditSidbarContent label.custom-control-label {
    font-weight: 600;
}

/*css for timesheet*/

.p-ts-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

    .p-ts-table th, .p-ts-table td {
        padding: 10px;
    }

.p-ts-weeks-wid {
    width: 90px;
    text-align: center;
}

.p-ts-table td:not(:nth-child(1)),
.p-ts-table th:not(:nth-child(1)) {
    text-align: center;
    padding: 2px;
}

.p-ts-action,
.p-ts-acts-wid {
    position: relative;
    width: 60px;
}

.p-ts-dd-wp-btn {
    background: none;
    border: none;
    cursor: pointer;
}

.p-ts-dd-wp-content {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

    .p-ts-dd-wp-btn:hover + .p-ts-dd-wp-content,
    .p-ts-dd-wp-content:hover {
        display: block;
    }

.p-ts-nav-bg-color {
    height: 5px;
    background-color: #f5f5f5;
}

.p-ts-grid-action-btns {
    padding: 10px;
}

.p-ts-gab-icons {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

    .p-ts-gab-icons span {
        margin-left: 5px;
    }

.p-ts-grid-icon {
    width: 20px;
    height: 20px;
    fill: #999;
    cursor: pointer;
}

.p-ts-time-input, .p-ts-total-input {
    width: 100%;
    padding: 2px 4px;
    box-sizing: border-box;
    text-align: center;
    border: 0px solid var(--input-border-1);
    border-radius: calc(var(--bs-border-radius)* 0.75);
    min-height: 36px;
}

.p-ts-total-input {
    background-color: #f5f5f5;
    border: none;
    color: #333;
}

.p-ts-week-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 1.25;
    font-weight: 500;
}

.p-ts-table th, .p-ts-table td {
    padding: 6px 10px;
    font-size: var(--base-font-size-sm);
}

.p-ts-table p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-ts-pro-name {
    min-height: 35px;
    display: inline-flex;
    align-items: center;
}

table.p-ts-table th, table.p-ts-table td {
    vertical-align: middle;
}

.p-text-blue {
    color: var(--link-color);
    cursor: pointer;
    font-weight: 400;
}

    .p-text-blue:hover {
        text-decoration: underline;
    }

small.p-ts-prje-det-name {
    color: var(--on-primary-color);
}

.p-ts-prje-det-name svg.p-icon {
    stroke: var(--on-primary-color);
}

.p-ts-prje-det-mw {
    padding-right: 10px;
}

.p-ts-int-del-mw {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

    .p-ts-int-del-mw .p-ts-del-time {
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
    }

    .p-ts-int-del-mw:hover .p-ts-del-time {
        opacity: 1;
        visibility: visible;
    }

.p-ts-stats .lt-days {
    align-items: flex-start !important;
}

.p-ts-stats .lt-list-date {
    gap: 3.5rem;
}

    .p-ts-stats .lt-list-date small {
        text-align: left;
        min-width: inherit;
        font-weight: 400 !important;
    }

    .p-ts-stats .lt-list-date p small {
        color: var(--primary-color);
        font-weight: 400 !important;
    }

.ph-card.p-ts-stats {
    padding: calc(var(--box-padding)* 0.4) calc(var(--box-padding)* 0.5) calc(var(--box-padding)* 0.6);
}

.p-ts-stats .ph-card {
    box-shadow: none;
}

.p-ts-total-time {
    font-weight: 600 !important;
    font-size: var(--base-font-size-lg);
}

.p-ts-week-date,
.p-ts-week-day {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.p-ts-week-wrapper svg {
    cursor: pointer;
}

.p-icon.p-icon-grey {
    stroke: var(--on-primary-color);
}

tr.total-row-p-day td {
    vertical-align: top;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.ts-total-check {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.p-ts-revoke-list {
    display: flex;
    align-items: center;
    gap: 6rem;
}

    .p-ts-revoke-list:not(:last-child) {
        margin-bottom: 1.2rem;
    }

span.p-ts-grid-tt {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
}

.p-def-table-bordered.table thead th {
    border-bottom: 1px solid var(--primary-border-color);
    border-bottom-width: 1px;
}

.p-ts-action .p-dd-wp-dot-icon {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.275rem;
}

.ts-total-check .p-custom-checkbox .custom-control-label::after {
    top: -0.5rem;
}

.ts-total-check .p-custom-checkbox .custom-control-label::before {
    top: -0.45rem;
}

.p-ts-table tr th {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.p-ts-disabled-cell {
    background-color: var(--grey-bg-6);
    pointer-events: none;
}

    .p-ts-disabled-cell input {
        background: transparent;
    }

@media(max-width: 1400px) {
    .p-ts-weeks-wid {
        width: 75px;
    }

    .p-ts-table th, .p-ts-table td {
        padding: 6px 4px;
    }

    .p-ts-action, .p-ts-acts-wid {
        width: 45px;
    }
}



.p-link-courses,
.p-link-courses .loading-skeleton .image-placeholder {
    --pc-thumb-height: 6rem;
}

.p-link-courses .loading-skeleton .image-placeholder {
    height: var(--pc-thumb-height)
}

.p-link-courses .p-card-full-details-img-thumb {
    --content-grid-width: 155px;
}

.p-link-courses .p-card-full-deatils {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.p-link-courses .p-card-full-deatils:not(:last-child) {
    margin-bottom: 1rem;
}

.p-link-courses .thcc-details-inner .ph-5 {
    max-width: calc(100% - 0.8rem);
    word-break: break-word;
}

.p-link-courses-sb .p-card-full-deatils-data .search-card-txt {
    max-width: 100% !important;
}

.p-link-courses .hc-live-therap-name {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    line-height: 1.25;
    margin-bottom: 0.25rem;
    font-size: var(--base-font-size);
}

.p-link-courses-sb .btn-slect-dropdown .p-add-btn {
    min-width: 210px;
    max-width: 210px;
}

.p-link-courses-sb .ch-filter-wrapper .p-search-input {
    max-width: 210px !important;
}

.p-link-courses-sb .p-search-input input {
    padding-right: 2.55rem;
}

.p-link-courses.p-link-courses-selected {
    padding-top: 1.2rem;
}

.p-lc-move-icon {
}

.p-link-course-deselect {
    align-self: flex-start;
    position: absolute;
    right: 12px;
}

.p-link-courses-grid {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0;
}

.p-sb-gene-body-lc .ch-filter-wrapper {
    padding: var(--box-padding);
}

.p-sidebar-gen-mw .p-sb-gene-body-lc .p-sb-gene-body {
    height: calc(100vh - 15.2rem);
    padding-top: 0.75rem;
}

.pv-line {
    background: var(--primary-border-color);
}

.p-card-full-deatils .custom-control-label {
    cursor: pointer;
}

.p-link-courses-sb .custom-control-label::after,
.p-link-courses-sb .custom-control-label::before {
    left: -1.2rem;
}

.p-link-courses-sb .p-card-full-details-contents {
    gap: calc(var(--default-gap)* 0.5);
}

.p-lc-align-cour-head {
    min-height: 48px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.3rem;
    padding: 0 var(--box-padding);
}

.loading-skeleton .custom-control-label::before {
    background-color: var(--sec-light-color7);
    border-color: var(--sec-light-color7);
}

.nav-wrapper > * {
    flex: 1;
}

/* Suggestion Box */
.global-search-emma {
    flex: 1;
    width: 100%;
    position: relative;
    z-index: 1200;
    margin: 0 auto;
    max-width: 530px;
}

.emma-search-input {
    position: relative;
}

.emma-search-input input {
    padding-left: 3rem;
    padding-right: 3rem;
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--border-radius-default)* 1);
    background-color: var(--chat-dark-bg-2);
    font-size: var(--base-font-size);
    height: 2.413rem;
}

.emma-search-input input.form-control::placeholder {
    color: var(--placeholder-color);
    position: relative;
    top: -1px;
}

.emma-search-input input:focus + svg {
    fill: var(--secondary-color);
}

.emma-icon-search {
    width: 1.275rem;
    height: 1.275rem;
    display: inline-block;
    position: absolute;
    left: 1.05rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 50%;
    stroke: var(--on-secondary-color);
}

.iconly--icon.ge-search-icon {
    color: var(--placeholder-color);
    width: 1.275rem;
    height: 1.275rem;
    position: absolute;
    right: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}


.search-suggestions {
    display: none;
    position: absolute;
    top: calc(var(--nav-min-height) - 10px);
    width: 100%;
    background-color: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 0.5rem;
    animation: slideDown 0.3s ease-in-out;
    max-width: 530px;
    overflow-y: auto;
    max-height: 560px;
}

/* Overlay */
/*.p-bg-overlay-search::before {
    content: '';
    background-color: rgb(10 30 68 / 64%);
    backdrop-filter: blur(6px px);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1048;
    transition: all 0.6s;
}
*/
/* Animation */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.p-ss-rec-fil-head {
    padding: 0.5rem;
    margin-bottom: 0.4rem;
}

.p-ss-tags-filter ul,
.loading-skeleton .p-ss-tags-filter .list-unstyled {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.p-ss-tags-filter ul li,
.p-ss-li-tag-load {
    border-radius: 4rem;
    padding: 0.3rem 0.95rem;
    cursor: pointer;
    border: 1px solid var(--input-border-1);
    font-size: var(--base-font-size-xs);
    }

.p-ss-tags-filter ul li.p-ss-tags-active {
    background-color: var(--p-grey-1);
    font-weight: 500;
}

.p-ss-list-ser-wsi li,
.p-ss-list-ser-wsi-load {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.p-ss-list-ser-wsi li svg.p-icon {
    position : relative;
    top: 1px;
}

.p-ss-list-ser-hover li {
    padding: 0.45rem 0.5rem;
    cursor: pointer;
}

.p-ss-list-ser-hover li:hover {
    background: var(--sec-light-color8);
    border-radius: var(--bs-border-radius);
    cursor: pointer;
}

.p-ss-icon-cirle {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    border: 1px solid var(--input-border-1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.p-ss-icon-cirle .p-ss-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.p-ss-list-ser-lg li,
.p-ss-list-item-load {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.p-ss-filtered-ml,
.p-lh-3p1{
    line-height: 1.35;
}

.p-ss-filtered-ml label{
    cursor: pointer;
}

.p-ss-icon-cirle-img {
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: cover;
}

.p-ss-list-ser-lg.p-ss-list-ser-hover li,
.p-ss-list-item-load {
    padding: 0.65rem 0.5rem;
}

.no-data-filtered .ph-6 {
    font-size: var(--base-font-size-h6);
    color: var(--primary-color);
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-sm svg {
    width: 3.5em;
    height: 3.5em;
    margin: 0;
}

.p-tal-candi-info-ring-sm .p-tal-cir-count {
    font-size: 1rem;
    line-height: 1.15;
    padding-bottom: 3px;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-sm svg {
    width: 3.5em;
    height: 3.5em;
    margin: 0;
}

.p-tal-candi-info-ring.p-tal-candi-info-ring-md svg {
    width: 4.7em;
    height: 4.7em;
    margin: 0;
}

.tl-content {
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-items: flex-start;
}

.loading-skeleton .tl-content {
    gap: 5px;
}

.loading-skeleton svg.p-dd-wp-dot-icon {
    stroke: none !important;
    fill: none !important;
}

.loading-skeleton label {
    margin: 0;
}

.loading-skeleton .p-ss-rec-fil-head {
    max-width: 100px;
    margin-bottom: 14px;
    margin-top: 14px;
}

.p-ss-recent-filter.loading-skeleton {
    padding: 0 0.5rem;
}

.p-ss-list-ser-wsi-load {
    margin-bottom: 16px;
}

.p-ss-list-item-load {
    padding-left: 0;
    padding-right: 0;
}

.loading-skeleton.p-ss-recent-filter .skeleton-img {
    position: relative;
    border: 1px solid var(--chat-dark-bg-2);
    height: 100%;
    overflow: hidden;
    display: flex;
    width: 100%;
}

.loading-skeleton .p-ss-li-tag-load,
.loading-skeleton .p-ss-icon-cirle {
    border: 1px solid var(--sec-light-color7);
}

.p-ss-li-tag-load label {
    position: relative;
    top: 1px;
}

.p-min-hei-ini {
    min-height: initial !important;
}

.p-cous-doc-inps {
    display: flex;
    gap: 2rem;
}

.translate-lang-mc {
    max-width: 500px;
    flex-grow: 1;
}

.p-cous-doc-inps-gap {
    gap: 2rem;
}

/*heat map table*/
.p-heat-map-sur .p-ts-table td:not(:nth-child(1)),
p-heat-map-sur .p-ts-table th:not(:nth-child(1)) {
    padding: 0;
}

.p-heat-map-sur .p-ts-week-date,
.p-heat-map-sur .p-ts-week-day {
   font-weight: 500;
}

.p-hm-count-cells {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}

.p-heat-map-sur th.p-ts-weeks-wid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-heat-map-sur .p-ts-weeks-wid {
    width: 110px;
    min-width: 110px;
}

.p-heat-map-sur tr td:first-child {
    min-width: 345px;
}

.p-hm-arr {
    width: 30px;
}

.p-hp-head{
    position: relative;
}

.p-heat-map-sur .p-acco-btn-w-icon::after {
    width: 0.9rem;
    height: 0.9rem;
    background-position: center center;
    margin-top: 2px;
    top: 2px;
    background-size: 100%;
}

.p-heat-map-sur .active-row .p-acco-btn-w-icon::after {
    transform: rotate(180deg);
}

.p-heat-map-sur .p-acco-btn-w-icon {
    padding-left: 1.8rem;
}

.accordian-body table.w-100 tr td {
    border: none;
}

.accordian-body table.w-100 tr td:not(:last-child) {
    border-right: 1px solid var(--primary-border-color);
}


.p-hm-align-para {
    padding-left: 1.8rem;
    line-height: 1.35rem;
}

.p-heat-map-sur .active-row {
}

.p-hm-count-cells.text-primary-color {
    font-weight: 500;
}

.p-heat-map-sur .hiddenRow > td {
    padding: 0;
}

.p-heat-map-sur  .hiddenRow table td:last-child {
    border-right: 0;
}

.p-heat-map-sur .hiddenRow table tr:first-child td {
    border-top: 0;
}

.p-heat-map-sur .hiddenRow table tr:last-child td {
    border-bottom: 0;
}

.p-heat-map-sur .hiddenRow table td:first-child {
    border-left: 0;
}

.p-heat-map-sur .hiddenRow .p-ts-weeks-wid:last-child {
    width: 109.5px;
}

.p-heat-map-sur .table-bordered td, .p-heat-map-sur .table-bordered th {
    border-left: 0;
    border-right: 0;
}

.email-mw .ch-filter-wrapper {
    background-color: transparent;
}

.formbuilder-header h5 {
    word-break: break-word;
}

.tkl-ws-pos-t-5p5 {
    top: 5.6rem;
}

.ls-ts.loading-skeleton .lt-days p {
    min-width: 30px;
    margin-bottom: 8px;
    margin-top: 5px;
}

.ls-ts.loading-skeleton .p-tag {
    min-height: 30px;
    min-width: 130px;
}

.ls-ts.loading-skeleton .p-ts-table p {
    max-width: 50px;
    margin: 0 auto;
}

#teamTimesheetLoadPanel.tkl-ws {
    top: 3.8rem;
}

.p-form-check-rad-align .p-form-check-input {
    position: relative;
    top: 9px;
    align-self: flex-start;
}


.report-dg {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr 1fr;
    gap: 1.3rem 1.8rem;
    align-items: flex-start;
}

.report-dg-sr {
    margin-top: 1.3rem;
}


.p-tabs-mh.time-suury-cal {
    padding-bottom: 86px;
}


.perm-sb-cbs-mw .p-form-check-selecta-all,
.p-form-check-selecta-all-end {
    flex-direction: row-reverse;
    padding-right: 0.44rem;
}

#titleSectionLoader.loading-skeleton .pdf {
    min-width: initial;
}

.p-rev-sl-ring label.mb-0{
    width: 25px;
    height: 25px !important;
    border-radius: 50% !important;
}


.tags-ts {
    text-align: center;
}

.dx-scheduler .dx-scheduler-header-panel-cell {
    font-weight: 500;
    color: var(--primary-color) !important;
}

.p-week-calender {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--input-border-1);
    border-radius: var(--bs-border-radius);
    height: 43.24px;
    color: var(--primary-color);
    font-size: var(--base-font-size);
    min-width: 282px;
}

.p-week-calender button {
    background: none;
    border: none;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
}

.p-week-calender span {
    padding: 0 2px;
    font-weight: 500;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    min-width: 200px;
    text-align: center;
    flex: 1;
    justify-content: center;
}

.date-picker-container {
    display: none;
}

.p-week-cal-chev {
    width: 1.1rem;
    height: 1.1rem;
    stroke: var(--on-primary-color);
}
.p-week-cal-chev-right {
    transform: rotate(180deg);
}

.p-week-calender-mw .dx-calendar {
    border: 1px solid var(--input-border-1) !important;
    border-radius: var(--bs-border-radius);
    top: -10.2px !important;
}

.dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    -webkit-box-shadow: inset 0 0 0 1000px var(--primary-color) !important;
    box-shadow: inset 0 0 0 1000px var(--primary-color) !important;
}

.dx-calendar-body thead tr th {
    color: var(--on-primary-color);
    font-weight: 500;
}

.align-sb-ini {
    justify-content: flex-end;
    padding-left: 7px;
}

.pos-rel-tn1 {
    position: relative;
    top: -1px;
}

.p-att-poli-tts {
    cursor: pointer;
}

.p-icon-pep {
    width: 1.25rem;
    height: 1.25rem;
}
.p-icon-ap {
    width: 1.35rem;
    height: 1.35rem;
    position: relative;
    top: 1px;
}

.p-att-poli-tts-mw {
    position: relative;
    top: -1px;
}

.p-dd-mw-230 {
    max-width: 230px;
}


.layout-fixed .main-sidebar {
    bottom: 0;
    float: none;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 150;
}

.main-sidebar[p-toggle-menu="minimise-on"] {
    transition: none;
}

a.btn-link {
    color: var(--primary-color);
    text-decoration: underline;
}

.three_shapes {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    max-height: 100vh;
    overflow: hidden;
}

.three_shapes svg {
    width: 100%;
    height: 1050px;
}

#two {
    animation: slide 5s ease infinite;
    -webkit-animation: slide 5s ease infinite
}

#one {
    animation: rotate 5s ease infinite;
    -webkit-animation: rotate 5s ease infinite
}

#three {
    animation: scale 5s ease infinite;
    -webkit-animation: scale 5s ease infinite
}

@keyframes slide {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(300px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes rotate {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.7)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(1.3)
    }
}

.bg-\[radial-gradient\(\#e5e7eb_1px\,transparent_1px\)\] {
    background-image: radial-gradient(#e5e7eb 1px,transparent 1px)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, #f6f3e6, rgb(191 219 254 / 0));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.from-primary-200 {
    --tw-gradient-from: #f6f3e6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(191 219 254 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-600 {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-secondary-400 {
    --tw-gradient-to: #c084fc var(--tw-gradient-to-position)
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.p-def-bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.sec-align-cen {
    z-index: 1;
    position: relative;
}

.account-mw {
    --card-radius: var(--bs-border-radius);
    --tw-shadow-color: rgb(9 9 11 / 0.05);
    --tw-shadow: var(--tw-shadow-colored);
    max-width: 25rem;
    border-radius: var(--card-radius);
    flex: 1;
    padding: 0.3rem;
    box-shadow: var(--default-shadow);
    border: 1px solid rgba(127, 132, 136, 0.37);
    background: rgba(45, 44, 44, 0.00);
}

.account-mw-lg {
    max-width:32rem;
}

.create-acc-step {
    padding: 1.5rem;
}

section.section-no-head.sec-align-cen {
    justify-content: center;
}

.p-url {
    font-weight: 400 !important;
    text-decoration: underline;
}

.p-url:hover {
    color: var(--primary-color)
}

.p-bg-box-acc {
    /*background: var(--sec-light-color8);*/
    padding: 0.6rem;
    margin-bottom: 1rem !important;
    border-radius: calc(var(--bs-border-radius)* 0.8);
    margin-top: -1rem;
}

.account-logo-mw {
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    z-index: 9;
}

.account-logo-mw img {
    max-width: 110px;
}

section.contract-cancelled {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex-direction: column;
    padding: 3rem 1rem;
}

.contract-cancelled-inner {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex: 1;
    padding-bottom: 4rem;
}

.contract-cancelled-inner img {
    max-width: 340px;
}

.contract-cancelled-inner h1 {
    font-size: 1.7rem;
    margin-top: 1.3rem;
    font-weight: 600;
}

.contract-cancelled p {
    font-size: var(--base-font-size-h4);
}

@media(max-width: 1600px) {
    section.contract-cancelled {
        padding: 2rem 1rem;
    }

    .contract-cancelled-inner img {
        max-width: 230px;
    }

    .contract-cancelled-inner h1 {
        font-size: 1.6rem;
        margin-top: 1.2rem;
    }

    .contract-cancelled-inner {
        padding-bottom: 1.3rem;
    }
}

.ph-input-create-password {
    position: relative;
}

.hide-show.createPassword {
    position: absolute;
    top: 50%;
    right: 0.95rem;
    transform: translateY(-50%);
    cursor: pointer;
    user-select: none;
}

.para-text-modifier-os {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.45rem;
    gap: 0.5rem;
}

.password-hint {
    display: none;
}

.ph-input-create-password input:focus ~ .password-hint {
    display: block;
}

.password-hint ul {
    margin-bottom: 0 !important;
}

.list-disc {
    list-style-type: disc;
    padding-left: 15px;
}

.password-hint li::marker {
    font-weight: 300;
}


@media(max-width: 1024px) {
    .password-hint {
        bottom: 58px;
        right: 0;
    }

    .tooltip-arrow {
        bottom: -20px;
        right: 10px;
        left: initial;
        border-color: var(--chat-dark-bg-2) transparent transparent transparent;
    }

    .tooltip-arrow::after {
        border-color: var(--chat-inbox-border-color) transparent transparent transparent;
        bottom: -20px;
        right: 10px;
    }
}

.p-tag-img {
    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);
    z-index: 99;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    line-height: 1.5;
    font-size: var(--base-font-size-xxs);
}

.pp-aa-mic {
    position: absolute;
    right: 125px;
    bottom: 22px;
}

.pp-aa-mic button {
    border: none;
    background: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pp-aa-mic button svg {
    width: 23px;
    height: 23px;
    stroke: var(--sec-light-color3);
    display: inline-block;
}

.pp-ask-ai-send {
    transition: all .3s;
    position: relative;
}


.pp-ask-ai-send .hover-sf-f {
    opacity: 0;
    visibility: hidden;
}

.pp-ask-ai-send .hover-sf-s {
    fill: var(--sec-light-color3);
}

.pp-ask-ai-send svg {
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pp-ask-ai-send .hover-sf-f,
.pp-ask-ai-send:hover .hover-sf-s {
    opacity: 0;
    visibility: hidden;
}

.pp-ask-ai-send:hover .hover-sf-s {
    visibility: hidden;
    opacity: 0;
}

.pp-ask-ai-send:hover .hover-sf-f {
    visibility: visible;
    opacity: 1;
}

.chat-sb-img {
    max-width: 34px;
    border: 1px solid var(--primary-border-color);
    border-radius: 50%;
}

.dx-placeholder::before {
    padding: 0.75rem;
    padding-left: 1.05rem;
}

.sweet-alert {
    font-family: var(--primary-font);
    border-radius: var(--bs-border-radius);
}

.spinner-chat-type {
    margin: 0;
    text-align: center;
    line-height: 16px;
    display: flex;
    align-items: center;
}

.hc-bounce1,
.hc-bounce2 {
    margin-right: 3px;
}

.spinner-chat-type > div {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    background: var(--sec-light-color3);
}

.spinner-chat-type .hc-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner-chat-type .hc-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.show-live-type-status.sidebar-type-status {
    position: initial;
}

.show-live-type-status {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: -8px;
}


.dx-texteditor.dx-state-hover {
    border-color: rgb(153 153 153 / 40%);
}

.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(--input-border-1) !important;
}

.p-modal-sb .modal-footer {
    border-top: 1px solid var(--primary-border-color);
}

.p-input-append.p-input-append-dp .dx-dropdowneditor-icon::before {
    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 d='M4.48779 9.66422H20.5293' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16.1427 3V5.96174' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.87223 3V5.96174' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3184 4.42188H8.69804C6.05446 4.42188 4.4043 5.89399 4.4043 8.59984V16.7456C4.4043 19.4943 6.05446 21.0004 8.69804 21.0004H16.3106C18.962 21.0004 20.6044 19.5205 20.6044 16.8137V8.59984C20.6121 5.89399 18.9698 4.42188 16.3184 4.42188Z' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.49414 13.3711H8.50414' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M8.49414 16.8477H8.50414' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M12.5137 13.3711H12.5237' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M12.5137 16.8477H12.5237' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16.5234 13.3711H16.5334' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16.5234 16.8477H16.5334' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: 1.3rem;
    width: 1.7rem;
    left: 0.3rem;
}


.dark-bg {
    background: #080808;
    color: #fff;
}

.dark-bg .h1, .dark-bg .h2, .dark-bg .h3, .dark-bg .h4, .dark-bg .h5, .dark-bg .h6,
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 {
    color: #fff;
    font-family: 'Kamerik105W00' !important;
}


.dark-bg p,
.dark-bg label,
.dark-bg span,
.dark-bg small,
.dark-bg a {
    color: #fff !important;
}

.dark-bg .ph-form-group input,
.dark-bg .ph-form-group select,
.dark-bg .ph-form-group textarea {
    border: 1px solid #414243;
    background: rgb(24 23 23) !important;
    color: #fff !important;
}

.blue-cta, .p-login-upd-cont .continue-button {
    align-items: center;
    color: rgb(255, 255, 255);
    display: flex;
    flex-wrap: wrap;
    font-weight: 600;
    justify-content: center;
    position: relative;
    background: rgb(45, 86, 247);
    border-radius: 30px;
    padding: 12px 22px 16px;
    border: none;
    font-size: 1rem;
    min-width: 13.3rem;
    line-height: 1.25;
}


.dark-bg span.text-danger {
    /*color: #2d56f7 !important;*/
    color: #fff !important;
}

input:-webkit-autofill {
    /*    background-color: #181717 !important;*/
    background-color: #e0f7fa !important;
    color: #fff !important;
    box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
}

.form-page {
    background: linear-gradient(0, #D8F0FF 0.86%, #FFF 56.09%);
    color: #fff
}

.dark-box-form {
    border: 1px solid rgba(127, 132, 136, 0.37);
    background: #0A162F;
}

.dark-box-form .form-head, .dark-box-form .form-group label,.form-url{
    color: #fff !important;
}

.dark-box-form .form-control,.dark-box-form .ph-form-group input {
    border: 1px solid #EDEDED4A !important;
    border-radius: 20px;
    background-color: #1B263F !important;
    color: #fff !important;
}

.dark-box-form input:-webkit-autofill {
    /*    background-color: #181717 !important;*/
    background-color: #e0f7fa !important;
    color: #fff !important;
    box-shadow: 0 0 0px 1000px #1B263F inset !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
}

.dark-box-form .blue-cta{
    background-color:#EF21AD !important;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img {
    display: block;
    width: 100%;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none !important;
}

body.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.sweet-overlay {
    background-color: black;
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE8 */
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000;
}

.sweet-alert {
    background-color: white;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 99999;
}

@media all and (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px;
    }
}

.sweet-alert h2 {
    color: var(--on-primary-color);
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    text-transform: none;
    position: relative;
    margin: 0px 0;
    padding: 0;
    line-height: normal;
    display: block;
    margin-bottom: 0.7rem;
}

.sweet-alert p {
    color: var(--primary-color);
    font-size: var(--base-font-size);
    text-align: center;
    font-weight: 400;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    margin-bottom: 1.2rem;
}

.sweet-alert fieldset {
    border: none;
    position: relative;
}

.sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s;
}

.sweet-alert .sa-error-container.show {
    padding: 10px 0;
    max-height: 100px;
    webkit-transition: padding 0.2s, max-height 0.2s;
    transition: padding 0.25s, max-height 0.25s;
}

.sweet-alert .sa-error-container .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: white;
    line-height: 24px;
    text-align: center;
    margin-right: 3px;
}

.sweet-alert .sa-error-container p {
    display: inline-block;
}

.sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
    content: "";
    width: 20px;
    height: 6px;
    background-color: #f06e57;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -9px;
}

.sweet-alert .sa-input-error::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sweet-alert .sa-input-error::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sweet-alert .sa-input-error.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sweet-alert input:focus {
    outline: none;
    box-shadow: 0px 0px 3px #c4e6f5;
    border: 1px solid #b4dbed;
}

.sweet-alert input:focus::-moz-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}

.sweet-alert input:focus:-ms-input-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}

.sweet-alert input:focus::-webkit-input-placeholder {
    transition: opacity 0.3s 0.03s ease;
    opacity: 0.5;
}

.sweet-alert input::-moz-placeholder {
    color: #bdbdbd;
}

.sweet-alert input:-ms-input-placeholder {
    color: #bdbdbd;
}

.sweet-alert input::-webkit-input-placeholder {
    color: #bdbdbd;
}

.sweet-alert.show-input input {
    display: block;
}

.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative;
}

.sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden;
}

.sweet-alert button:active {
    background-color: var(--primary-dark-color);
}


.sweet-alert button[disabled] {
    opacity: .6;
    cursor: default;
}

.sweet-alert button.confirm[disabled] {
    color: transparent;
}

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.sweet-alert button::-moz-focus-inner {
    border: 0;
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px;
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-error {
    border-color: #f79e9e;
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block;
}

.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #F27474;
    display: block;
    top: 37px;
    border-radius: 2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px;
}

.sweet-alert .sa-icon.sa-warning {
    border-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #F8BB86;
}

.sweet-alert .sa-icon.sa-info {
    border-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #C9DAE1;
}

.sweet-alert .sa-icon.sa-success {
    border-color: var(--tag-bg-work-border-color);
}

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
    content: '';
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}

.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    transform-origin: 0px 60px;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid var(--tag-bg-work-border-color);
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: white;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: var(--tag-bg-work-border-color);
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
}

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}

@keyframes slideFromTop {
    0% {
        top: 0%;
    }

    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}

@keyframes slideToTop {
    0% {
        top: 50%;
    }

    100% {
        top: 0%;
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%;
    }

    100% {
        top: 50%;
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%;
    }

    100% {
        top: 70%;
    }
}

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop 0.3s;
    animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom 0.3s;
    animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none;
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop 0.4s;
    animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom 0.3s;
    animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

.animateXMark {
    -webkit-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486;
    }

    100% {
        border-color: #F8BB86;
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486;
    }

    100% {
        background-color: #F8BB86;
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate;
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg) \9;
}

/* Success icon */
.sweet-alert .sa-icon.sa-success {
    border-color: transparent\9;
}

    .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
        -ms-transform: rotate(45deg) \9;
    }

    .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
        -ms-transform: rotate(-45deg) \9;
    }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-fall {
    display: block;
    font-size: 0;
    color: #fff;
}

    .la-ball-fall.la-dark {
        color: #333;
    }

    .la-ball-fall > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor;
    }

.la-ball-fall {
    width: 54px;
    height: 18px;
}

    .la-ball-fall > div {
        width: 10px;
        height: 10px;
        margin: 4px;
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: ball-fall 1s ease-in-out infinite;
        -moz-animation: ball-fall 1s ease-in-out infinite;
        -o-animation: ball-fall 1s ease-in-out infinite;
        animation: ball-fall 1s ease-in-out infinite;
    }

        .la-ball-fall > div:nth-child(1) {
            -webkit-animation-delay: -200ms;
            -moz-animation-delay: -200ms;
            -o-animation-delay: -200ms;
            animation-delay: -200ms;
        }

        .la-ball-fall > div:nth-child(2) {
            -webkit-animation-delay: -100ms;
            -moz-animation-delay: -100ms;
            -o-animation-delay: -100ms;
            animation-delay: -100ms;
        }

        .la-ball-fall > div:nth-child(3) {
            -webkit-animation-delay: 0ms;
            -moz-animation-delay: 0ms;
            -o-animation-delay: 0ms;
            animation-delay: 0ms;
        }

    .la-ball-fall.la-sm {
        width: 26px;
        height: 8px;
    }

        .la-ball-fall.la-sm > div {
            width: 4px;
            height: 4px;
            margin: 2px;
        }

    .la-ball-fall.la-2x {
        width: 108px;
        height: 36px;
    }

        .la-ball-fall.la-2x > div {
            width: 20px;
            height: 20px;
            margin: 8px;
        }

    .la-ball-fall.la-3x {
        width: 162px;
        height: 54px;
    }

        .la-ball-fall.la-3x > div {
            width: 30px;
            height: 30px;
            margin: 12px;
        }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@-moz-keyframes ball-fall {
    0% {
        opacity: 0;
        -moz-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@-o-keyframes ball-fall {
    0% {
        opacity: 0;
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-145%);
        -moz-transform: translateY(-145%);
        -o-transform: translateY(-145%);
        transform: translateY(-145%);
    }

    10% {
        opacity: .5;
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    90% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(145%);
        -moz-transform: translateY(145%);
        -o-transform: translateY(145%);
        transform: translateY(145%);
    }
}


.sa-button-container .sweet-alert button {
    margin: 20px 0px 0 0px;
    min-width: 162px;
}


:root {
    --theme-color-1: #EAF5FE;
    --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: 0.68rem 0.75rem;
    --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;
}

    :root[color-mode="light"] {
        --icon-color1: #B0C3CC;
        --chat-left-bubble: #f7f7f7;
        --chat-right-bubble: #eef3fc;
        --light-new-blue: #efefef;
        --light-blue-dark: #3699FF;
        --chat-textarea-bg: #E8EBF1;
        --tealGreen: #1BC5BB;
        --input-label-color: #14366F;
        --default-shadow-1: 0 2px 6px rgb(20 54 111 / 3%);
        --dark-blue-color: #0D1530;
        --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;
        --p-card-border: #E5E7EB;
        --tr-hover-color: #f8fbfd;
        --light-blue-1: #EBEBEF;
        --input-icon-color: #5D729E;
        --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: #48547c;
        --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: var(--primary-dark-color);
    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;
    }
}

html, body {
    height: 100%;
    margin: 0; /* Remove default margin */
}

body {
    display: flex;
    flex-direction: column;
}

/*slide tab btn sh*/
.slide-btn-tab-container {
    position: relative;
    display: flex;
    font-size: var(--base-font-size);
    background-color: var(--grey-bg-2);
    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: var(--Brand-Gradient, linear-gradient(103deg, #76F6DD 2.3%, #96CDFA 37.09%, #F9E791 65.94%, #F3A7AC 91.57%));
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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: var(--primary-color);
    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: var(--primary-color);
}

.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');
}
/*Average Company Mood*/

.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: var(--bg-default);
    border: 1px solid var(--primary-border-color);
    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;
}

.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(--primary-color);
    position: relative;
    border: 1px solid var(--sec-light-color4);
    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-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.2rem;
    height: 2.2rem;
    flex-shrink: 0;
    background-color: var(--light-new-blue);
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.p-icon-btn {
    width: 1.4rem;
    height: 1.4rem;
    fill: var(--dark-blue-color);
}

.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;
}

.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-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(--p-icon-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-fill.p-icon-green-f {
    fill: var(--green-color);
}

.p-icon-fill {
    display: inline-block;
    fill: var(--p-icon-color);
    line-height: 1.8;
}

.p-small-input {
    border: 1px solid var(--input-border-1);
    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: var(--p-btn-bg);
    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 var(--p-btn-bg);
    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(--p-border-2) !important;
    background-color: transparent !important;
    color: var(--secondary-color) !important;
}

    .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: var(--chat-dark-bg-2) !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;
    }

    .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: var(--dark-blue-color) !important;
        border-color: var(--primary-color) !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 {
            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(--p-btn-bg);
    border-color: transparent;
    color: #fff;
    border-radius: var(--bs-border-radius);
}

.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: var(--disabled-color);
    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(--background1);
    font-weight: 500;
    color: var(--secondary-color);
    border: 1px solid var(--primary-color);
    cursor: pointer;
}

    .dashboard-hc-btn:hover,
    .p-grid-btn:hover {
        background-color: var(--p-btn-hover);
        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 var(--p-btn-bg);
    border-radius: var(--bs-border-radius-2xl);
    cursor: pointer;
    text-transform: capitalize;
    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: var(--p-btn-bg);
    text-align: center;
    line-height: 1.75;
    font-weight: 500;
}

.sweet-alert button {
    background: var(--p-btn-bg) !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(--p-btn-hover);
    border: 1px solid var(--p-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);
}

.hc-default-btn[disabled],
.p-btn-second-bord[disabled],
.js-qw-next.disabled,
.p-btn-small[disabled],
.p-btn-sec[disabled] {
    background-color: var(--disabled-color) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    color: var(--white-color) !important;
    border: var(--disabled-color) !important;
}

.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;
}

    .continue-button[disabled], .buttons-container .btn-next[disabled],
    .dashboard-hc-btn[disabled] {
        background-color: var(--disabled-color) !important;
        box-shadow: none;
        cursor: not-allowed !important;
        color: var(--white-color) !important;
        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(--background1);
    font-weight: 600;
    color: var(--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(--input-border-1);
    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: 6px 11px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: var(--primary-color);
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 1.4;
    font-size: var(--base-font-size-sm);
    text-align: left;
}

.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-color-1: var(--sec-light-color4);
    --skeleton-color-2: var(--sec-light-color7);
    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;
    animation-name: shimmer;
    -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: 0.18rem;
    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;
    }

.loading-skeleton .skeleton-img,
.loading-skeleton .def-avat-name-ini {
    position: relative;
    border: 1px solid var(--chat-dark-bg-2);
    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 {
    border: none;
    border-radius: var(--border-radius-default);
    box-shadow: none;
    min-height: 42px;
}

.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%;
}

.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;
    animation-name: shimmer;
    -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 {
    0% {
        background-position: -100% 0;
    }

    100% {
        background-position: 100% 0;
    }
}

@keyframes shimmer {
    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);
}
/*css for skeleton loading*/
/*plumm tag*/
.ph-default-tag {
    background-color: var(--plm-light-blue2);
    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(--dark-bg-txt);
    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: var(--pb-light-purple);
}

.pink-plmm-tag {
    background-color: var(--pb-light-pink);
}

.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: var(--chat-dark-bg-2);
    z-index: 9;
    position: relative;
}

    .ch-filter-wrapper .p-search-input {
        position: relative;
        flex: 1;
        max-width: 280px;
    }

.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-secondary-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(--primary-color);
}

.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: var(--primary-color);
        background-color: var(--light-new-blue);
    }

        .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: 0.3rem;
    margin-top: 0px;
    font-size: var(--base-font-size);
    padding: 0;
    max-height: 19rem;
    overflow: auto;
    z-index: 2000;
    background: var(--background1);
    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: var(--chat-dark-bg-2);
}

.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: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 165px;
}

.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 var(--input-border-1);
    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: var(--secondary-color);
    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: var(--secondary-color) !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: var(--light-new-blue) !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;
}

.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;
}

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 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--bg-default) !important;
    padding: 0.75rem;
}

.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 {
    border: 1px solid var(--input-border-1);
    border-radius: calc(var(--border-radius-default) * 0.7);
    background-color: var(--chat-dark-bg-2);
}

    .dropdown-menu.dropdown-menu-xl {
        border-radius: calc(var(--border-radius-default));
    }

.dropdown-menu-xl {
    max-width: 420px;
    min-width: 360px;
    padding: 0;
}

.content-wrapper {
    background-color: var(--grey-bg-6);
}

.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.825em);
    font-size: var(--base-font-size);
    border: 1px solid var(--input-border-1);
    color: var(--primary-color);
    box-shadow: none;
    border-radius: var(--bs-border-radius);
    background-color: var(--chat-dark-bg-2);
    overflow: hidden;
    padding-left: 14px;
    /*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: 400;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    color: var(--primary-color);
    padding: 0.25em 1.85em 0.25em 0.55em;
    border: none;
    position: relative;
    background-color: var(--primary-border-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: var(--p-btn-bg);
    color: var(--p-btn-txt);
    border-radius: calc(var(--border-radius-default));
    border: 1px solid var(--p-btn-bg);
}

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button.dx-button-has-text[aria-label="Cancel"] .dx-button-content {
    background-color: transparent !important;
    color: var(--primary-color);
}

.dx-popup-wrapper:not(.dx-dropdownmenu-popup-wrapper) .dx-button-mode-contained.dx-state-hover .dx-button-content {
    background-color: var(--p-btn-hover);
}

.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: var(--p-grey-3);
}

.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: transparent !important;
    color: var(--primary-color);
    font-weight: 600;
    min-width: initial;
    Padding: var(--p-btn-padding);
    font-size: var(--base-font-size-lg);
    border: 1px solid var(--p-border-2);
    border-radius: var(--bs-border-radius-2xl);
    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;
}

.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,
.pso-action-btns .js-pso-back.ph-default-link: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: var(--p-btn-bg) !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: var(--primary-color);
}

.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);
    box-shadow: 0 0 0 .25rem var(--sec-light-color4);
    border: 1px solid var(--input-border-1) !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(--input-border-1);
    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;
    margin-top: 0.15rem;
    position: relative;
    top: 3px;
}

.dx-widget {
    font-family: var(--primary-font);
}

.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 {
    background-color: rgba(79, 87, 98, 0.05);
    border-radius: inherit;
    border-radius: calc(var(--bs-border-radius)) !important;
}

.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;
}

    /*.main-sidebar .nav-sidebar .sidebar-dropdown-menu li a.nav-link.active-im::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: var(--primary-color);
        width: 4px;
        height: 100%;
    }*/

.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 {
    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 {
    opacity: 1;
    visibility: visible;
    fill: var(--primary-color) !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;
}

.main-sidebar {
    background-color: var(--grey-bg-6);
    border-right: var(--border-width-layout) solid var(--border-layout);
    padding: 0 0 0.2rem;
}

    /*.main-sidebar,
.main-header,
.layout-navbar-fixed .wrapper .brand-link::after,
.p-sb-menu-sticky {
    background-color: var(--background1) !important;
}*/

    .main-sidebar, .main-sidebar::before {
        transition: margin-left 0.05s ease-in-out, width 0.05s ease-in-out;
        width: var(--custom-sidebar-width);
    }

.layout-navbar-fixed .wrapper .main-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1037;
}

.main-sidebar .nav-item svg {
    fill: var(--on-primary-color);
}

.layout-navbar-fixed .wrapper .brand-link {
    position: static;
    padding: 0.5rem 0.6rem;
    min-height: var(--nav-min-height);
    border-bottom: var(--border-width-layout) solid var(--border-layout);
    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: 2px;
        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 {
    background: rgba(79, 87, 98, 0.05);
    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 {
    background-color: rgba(79, 87, 98, 0.05);
    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: var(--primary-color);
}

.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(--nav-menu-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;
        position: relative;
    }

.p-sb-icon-chev-mw {
    position: relative;
}

.main-sidebar .nav-sidebar li a.nav-link .icon.ni {
    color: var(--sec-light-color3);
    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 {
    background-color: var(--chat-dark-bg-2);
    position: relative;
    overflow: hidden;
}

/*.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: 500;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    color: var(--on-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(--on-primary-color);
    font-weight: 500;
    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;
}

.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(--on-primary-color);
}

.main-sidebar .nav-sidebar > li > a.nav-link.activea,
.main-sidebar .nav-sidebar > li > a.nav-link.active-im {
    background: rgba(79, 87, 98, 0.05);
}

    .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: var(--primary-color);
    }

.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;
}

@media (max-width: 1024px) {
    .sidebar-open {
        overflow: hidden;
    }
}

@media (max-width: 575.98px) {
}

.nd-greetings-user {
    font-size: 1.6rem;
    font-weight: 800;
}

.ph-card,
.appointment-div,
.inbox-div,
.prac-boxes-newdash-2 {
    padding: calc(var(--box-padding) * 0.9);
    background-color: var(--card-bg-color);
    border-radius: var(--border-radius-default);
    border: 1px solid var(--p-card-border);
    position: relative;
}

.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: 3px;
}

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(--primary-border-color);
}

.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(--bg-default);
}

.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);
}

.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: var(--bg-default) !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(--bg-default);
    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(--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: var(--bg-default);
    border: 1px solid var(--input-border-1);
    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: var(--bg-default);
}

.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: var(--bg-default);
    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(--p-icon-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: var(--plm-dark-purple);
    opacity: .98;
}

.time-off-calender .dx-scheduler-appointment,
.campaigns-calender .dx-scheduler-appointment {
    border-radius: calc(var(--bs-border-radius) * 0.5);
    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: 3px;
}

.campaigns-calender .dx-item-content.dx-scheduler-appointment-content > div {
    padding: 3px;
}

.time-off-calender .dx-scheduler-header-panel-cell {
    height: 52px;
}

.time-off-calender .dx-scheduler-header-panel {
    margin-top: 0;
    height: 100%;
}

.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(4, 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(--primary-color);
            color: var(--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: var(--link-color) !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 {
    color: var(--white-color);
    padding: 2px 7px 5px;
    border-radius: 3px;
    background-color: var(--primary-color) !important;
    margin: 0 5px 0 10px;
}

.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: var(--primary-color);
    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: 600;
}

.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: 5px;
    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: 2.5rem;
    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: -180px;
    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: #aaa;
        content: attr(data-loading-text);
    }

    .admin-loader-loading-text:after {
        top: 0;
        left: 0;
        width: 0;
        opacity: 1;
        color: var(--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(--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;
    }

    .boxes-newdash-pract .table-appointments .dashboard-hc-btn {
        font-size: 0.85rem;
    }

    .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;
}

.payment-summary-modal .loads {
    background: linear-gradient(to right, #b3bed4 8%, #c0cbe1 18%, #b3bed4 33%);
    background-size: 1200px 104px;
    position: relative;
    max-width: 70px;
    margin: 0 auto;
}

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;
    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: var(--on-secondary-color);
    border-color: var(--input-focus-dark) !important;
    margin-right: 1rem;
}

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);
    background-color: var(--grey-bg-6);
    border-bottom: var(--border-width-layout) solid var(--border-layout);
}

    /*.main-header::before {
    width: 100%;
    content: '';
    position: absolute;
    right: 0;
    background: linear-gradient(90deg, #F9E791 0%, #F3A7AC 32.89%, #96CDFA 65.89%, #76F6DD 100%);
    opacity: 0.3;
    height: var(--nav-min-height);
    overflow: hidden;
    width: 65.70681rem;
    height: 37.43531rem;
    transform: rotate(15deg);
    filter: blur(100px);
}
*/

    .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: left;
    margin-bottom: 0.125rem;
}

.p-emma-ai {
    font-size: 0.76rem;
    color: var(--primary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.35rem;
    width: 6.7rem;
    height: 2rem;
    flex-shrink: 0;
    font-weight: 500;
    cursor: pointer;
    gap: 0.62rem;
    border-radius: calc(var(--bs-border-radius)* 0.5);
    background: #fff;
    border: 1px solid var(--sec-light-color6);
}

.p-emma-ai:hover {
    color: #fff;
    background: var(--primary-color);
}

.p-emma-ai:hover svg {
    stroke: #fff;
}

.p-emma-ai span {
    text-align: left;
}

.p-emma-ai svg {
    fill: var(--primary-color);
    flex-shrink: 0;
    z-index: 9;
}

.p-emma-ai.p-btn-tn-wt {
    background: var(--background1);
    /*border: 0 solid var(--border-layout);*/
}

.p-emma-ai.p-btn-tn-wt svg {
    fill: initial;
    stroke: var(--p-icon-color);
}

/*.p-emma-ai.p-btn-tn-wt span {
    color: var(--p-icon-color);
}*/

.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.p-menu-icon-nav {
    cursor: pointer;
    position: relative !important;
    width: 1.95rem;
    height: 1.95rem;
    background: #fff;
    justify-content: space-evenly;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--sec-light-color6);
}

.p-menu-icon-nav:hover,
.p-ani-sec-btn .p-ani-btn.p-add-btn:hover {
    background-color: var(--sec-light-color8);
}

.p-menu-icon-nav:hover svg,
.p-ani-sec-btn .p-ani-btn.p-add-btn:hover svg {
    stroke: var(--primary-color);
}

.p-menu-icon-nav svg {
    width: 1.32rem;
    height: 1.32rem;
    stroke: var(--grey-bg-7);
}

.p-menu-icon-nav .nav-link svg {
    width: 1.2rem;
    height: 1.2rem;
}

/*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(--input-border-1);
}

@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 {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.custom-switch {
    padding-left: 2.25rem;
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: .5rem;
    }

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50% / 50% 50% no-repeat;
}


.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem);
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.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;
    user-select: none;
}

    .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);
    }

.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: var(--cb-blue);
    background-color: var(--cb-blue);
}

.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 !important;
    border: 1px solid var(--input-border-1);
    box-shadow: var(--default-border);
    background-color: var(--chat-dark-bg-2);
}

    .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(--primary-border-color);
}

    .logout-user .btn {
        background-color: var(--p-btn-bg);
        color: #ffffff;
        font-size: var(--base-font-size);
        margin: 0 auto;
        border-radius: var(--bs-border-radius-2xl);
        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-color: var(--p-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.4em;
    position: relative;
}

.notification-msg-list-item > * {
    flex: 0 0 auto;
}

.notification-msg-list-item.unread::before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--primary-color);
    border-radius: 50%;
    left: 0.5rem;
    display: inline-block;
    position: absolute;
}

.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: 600;
    }

    .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;
}

.notification-mw {
    max-width: calc(100% - 0.4em);
    margin-left: auto;
}

.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;
}
/*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;
    }

    .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.2rem;
}

.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) * 0.8) !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: 9rem;
    }
}


@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%;
        border: 1px solid var(--input-border-1);
        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*/

.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(--p-text-link) !important;
    font-weight: 500;
}

.dx-datagrid .dx-column-indicators {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 4px;
}

.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-treeview-item-with-checkbox .dx-checkbox {
    left: 22px;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid var(--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;
    top: 3px;
}

.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-treeview-item {
    padding-left: 36px;
}

.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 var(--primary-border-color);
    margin-bottom: 0.6rem;
}

/*.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;
}

.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;
}

.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: var(--light-new-blue);
    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(--chat-dark-bg-2);
    color: var(--primary-color);
    border-radius: calc(var(--bs-border-radius) * 0.55);
}

.dx-loadpanel {
    min-height: 170px;
}

.dx-scheduler-header {
    background-color: var(--bg-default);
    border: 1px solid var(--input-border-1);
}

.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-1);
}

.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: 1px solid var(--bg-default);
    border-top: 1px solid var(--bg-default);
}

.dx-scheduler-work-space {
    border: 1px solid var(--sec-light-color6);
}

.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(--p-icon-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: var(--chat-dark-bg-1);
    border-radius: 50%;
}

.dx-checkbox-indeterminate .dx-checkbox-icon::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--primary-color);
    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: var(--chat-dark-bg-2);
    }

/*.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: calc(var(--bs-border-radius) * 0.5);
    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: var(--light-new-blue);
    color: var(--primary-color);
    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-list-search.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='%23b0b0b0'%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 + 8.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: 595px;
    z-index: 999;
    top: 1px;
}

#divEmailAuditLogs .dx-datagrid-header-panel .dx-datagrid-export-button {
    width: 2.65rem;
    height: 2.65rem;
}

.dx-scheduler .dx-button-mode-contained.dx-state-focused {
    background-color: var(--chat-dark-bg-2);
}

.dx-scheduler .dx-button-mode-contained.dx-state-hover {
    background-color: var(--chat-dark-bg-2);
}

.doc-avail-calender .dx-scheduler .dx-button-mode-contained.dx-state-hover {
    background-color: transparent;
}

.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: var(--bs-border-radius);
}

.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 {
    background-color: rgb(251 251 251);
    color: var(--primary-color);
}

.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(--bg-default);
    padding: 1rem 0.75rem;
}

/*.dx-gridbase-container.dx-datagrid {
    min-height: 400px;
}*/
#grid-Esign .dx-datagrid .dx-column-indicators {
    float: inherit !important;
}

#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: #fff;
    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: var(--sec-light-color4);
}

.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(--chat-dark-bg-2);
    box-shadow: var(--default-shadow) !important;
    border-radius: calc(var(--border-radius-default));
    border: 1px solid var(--input-border-1);
}

.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: var(--white-color);
    border-color: transparent;
    color: var(--primary-color);
}

.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: var(--chat-dark-bg-2);
}

.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: var(--sec-light-color6);
}

/*css for drag and drop*/

.p-modal .modal-body,
.p-modal .modal-header,
.p-modal .modal-footer {
    padding: calc(var(--box-padding)* 0.95);
    background-color: var(--background1);
}

.p-modal .modal-body {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    background-color: var(--background1);
}

.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 var(--primary-border-color);
}

.p-modal .modal-footer {
    padding-top: 1.25rem;
    gap: 1.1rem;
    border: none;
}

    .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(--chat-dark-bg-2);
        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) * 0.5);
        gap: 0.6rem;
        border-left: var(--left-active-bw) solid var(--primary-color);
    }

        .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: 1.2rem;
    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);
}

    .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: #f9e8b5;
    border: var(--border-width-layout) solid #ffbf00;
}

    .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-lg);
    border: none;
    cursor: pointer;
}

    .p-defautlt-navs .nav-pills .nav-link.active {
        color: var(--primary-color);
        font-weight: 600;
    }

.p-defautlt-navs .nav-link.active-saved-tab {
    border-bottom: 3px solid var(--secondary-color);
    border-radius: 0 !important;
    background-color: transparent;
    padding-bottom: 0.4rem;
}

.p-defautlt-navs .tabsNavActiveBg {
    border: none;
    background-color: var(--secondary-color);
    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);
}

    .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: var(--chat-dark-bg-2);
}

.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 var(--primary-border-color);
}

.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 var(--primary-border-color);
}

.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-color: var(--grey-bg-5);
    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: var(--primary-color);
    font-weight: 500;
}

.ch-grid-actions-item svg,
.tc-eye-icon {
    display: inline-block;
    width: 1.05rem;
    height: 1.05rem;
    fill: var(--db-text-head);
}

.ch-grid-actions-item svg {
    fill: none;
    stroke: var(--primary-color);
    --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.65rem !important;
}

.tc-content .sm-gap-cen {
    margin-top: 0.2rem;
}

.ch-grid .plmm-tag {
    font-size: 0.75rem;
    padding: 0.3rem 1.1rem;
    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;
}

.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: var(--sec-light-color4);
    }

.bokgs-dates-btn-cal {
    background-color: var(--primary-color);
    color: #fff;
    margin-left: 1rem;
}

.book-slot-selected-date .bokgs-dates-btn-cal {
    background-color: var(--primary-color);
}

.bokgs-dates-btn-cal:hover {
    background-color: var(--p-btn-hover);
}

.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: var(--primary-color);
}

.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: var(--primary-color);
    font-weight: 500;
    cursor: pointer;
    background: var(--card-bg-color);
    border: 1px solid var(--primary-border-color);
    box-sizing: border-box;
    border-radius: 25px;
    font-size: var(--base-font-size-xs);
}

    .bokgs-btn-time:hover {
        background-color: var(--primary-color);
        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: 0 !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 var(--grey-bg-3);
    border-radius: calc(var(--border-radius-default)* 0.8);
    background-color: var(--chat-dark-bg-2);
    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 svg {
        width: 1.8875rem;
        height: 1.8875rem;
    }

    .p-emma-ai {
        width: 7.5rem;
    }

        .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-secondary-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);
}

.no-registered, .oc-emp-data {
    cursor: default;
}

.oc-card-inner-wrapper {
}

.oc-emp-img {
    width: 4rem;
    height: 4rem;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--primary-border-color);
    margin: 0 auto;
    display: block;
    margin-bottom: 0.7rem;
}

.oc-emp-data {
    text-align: center;
    font-size: 0.8rem;
    margin: 0 auto;
    display: block;
    width: 8.5rem;
}

.oc-emp-title {
    font-size: 0.72rem;
    color: var(--on-primary-color);
    max-width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.oc-emp-country {
    font-size: 0.72rem;
}

.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: #09090b;
    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: var(--p-grey-2);
    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: var(--p-grey-2);
        border-radius: 50%;
        border: 1px solid var(--input-border-1);
    }

        .p-course-cate-head-actns em.icon.ni,
        .featured-meditation-controls .slick-arrow em.icon.ni {
            color: var(--primary-color);
            font-size: 0.8rem;
        }

        .p-course-cate-head-actns .p-sli-arrows:hover,
        .featured-meditation-controls .slick-arrow:hover {
            background-color: var(--p--border-1);
        }

    .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: var(--sec-light-color4);
    border-radius: calc(var(--border-radius-default) * 0.6);
    color: var(--primary-color);
}

.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: 10px;
    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;
}

.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(--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: var(--sec-light-color4);
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-border-color);
}

.p-mydoc-active svg.p-mydoc-fol-icon {
    fill: var(--primary-color);
}

.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;
}

.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: var(--grey-bg-3);
    color: var(--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;
    border-radius: 50%;
}

.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: var(--disabled-color) !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(--grey-bg-3);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        border-radius: calc(var(--bs-border-radius));
        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: var(--cb-blue);
        border-color: var(--cb-blue);
    }

.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(--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);
}

/* 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: var(--cb-blue);
    background-color: var(--cb-blue);
    --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: 0.125rem;
    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;
}

/*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: 0.225rem !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: var(--bg-default);
    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: #14366F;
    /*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 {
    padding-left: 2.6rem;
    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: #14366F;
            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 {
    overflow: auto;
    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);
    height: 44em;
}

.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-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);
}

.p-input-append .pcg-user-icon,
.ch-filter-search .p-search-input svg {
    stroke: var(--input-icon-color);
}

.p-cg-per-inc-wrpaer li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    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) * 0.95);
    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(--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);
    color: var(--on-primary-color);
}

.p-goalcounts h3 {
    margin-bottom: 0.2rem;
    font-size: calc(var(--base-font-size-h1) * 1.1);
    line-height: 1;
    font-weight: 600;
}

.p-goalcounts-ring {
    display: flex;
    align-items: flex-start;
    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: var(--light-new-blue);
    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: var(--primary-color);
}

.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;
}

.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-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(--p-icon-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;
}

/*
.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.1rem;
    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: 350px;
}

.mood-history-chat {
    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;
}

.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%;
}

.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(--secondary-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 {
    background-color: var(--background1);
    border: 1px solid var(--input-border-1);
}

    .pso-timeline-item .pso-circle:before {
        background-color: var(--input-border-1);
    }

.js-pso-timeline-item-completed .pso-circle::after {
    background-color: var(--secondary-color);
}

.js-pso-timeline-item-completed .pso-circle {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}


.js-pso-timeline-item-active .pso-circle {
    background-color: var(--background1);
    border: 1px solid var(--primary-color);
}

    .js-pso-timeline-item-completed .pso-circle:before,
    .js-pso-timeline-item-active .pso-circle:before {
        background-color: var(--primary-color);
    }

.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: var(--primary-color);
        font-weight: 400;
        font-size: var(--base-font-size);
        Padding: 0.48rem 0.95rem;
        min-width: 7.75rem;
        border-color: var(--p-border-2);
    }

.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;
}

.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(--chat-dark-bg-2);
    background-clip: border-box;
    border: 1px solid var(--chat-inbox-border-color);
    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: var(--chat-dark-bg-2);
}

.p-acco-btn-wrapper {
    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-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.6rem;
    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;
}

.dx-lookup-field,
.p-dx-msdd .dx-texteditor-input-container {
    padding: 2.2px 34px 2.2px 9px;
}

.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-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(--primary-border-color);
    border-radius: calc(var(--bs-border-radius) * 0.75);
    color: var(--primary-color);
    margin: 0.45em 0.25em;
    padding: 0.45em 1.85em 0.45em 0.55em;
}

.p-input-append .dx-tag:first-of-type .dx-tag-content {
    margin-left: 0;
}

.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: var(--primary-color);
    }

    .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(--primary-border-color);
}

.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-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: 47px;
    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: 1800;
    }

    .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: var(--chat-inbox-border-color);
    color: var(--primary-color);
    font-size: var(--base-font-size-sm);
    padding: 0.32rem 0.8rem;
    font-weight: 500;
}

.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: var(--light-new-blue);
    color: var(--primary-color);
}

/*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='%23808080' /%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='%23808080' /%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='%23808080' /%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='%23808080' /%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='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%23808080' 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: center;
    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;
    vertical-align: middle;
    padding: 0.93rem 1rem;
}

td.p-acc-table:hover {
    background-color: initial !important;
}

.p-def-table tr th {
    background-color: var(--bg-default);
    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:hover 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:hover 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;
}

.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(--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: var(--secondary-color);
        color: #fff;
        border-color: var(--primary-color);
    }

.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: var(--secondary-color);
        color: #fff;
        border-color: var(--primary-color);
    }

.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.2rem 1rem;
}

    .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(--bg-default);
    border: none;
}

    .pt-sq-mw .p-vertical-def-nav .nav-link.active {
        background-color: var(--sec-light-color4);
        font-weight: 500;
    }

.pt-jdesc,
.talent-ske-load .pt-jdesc-sl {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 3.5rem;
    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;
    }

@media(max-width: 1600px) {
    .pt-jdesc,
    .talent-ske-load .pt-jdesc-sl {
        gap: 0.45rem 2.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.7);
    position: relative;
}

.p-add-pos-ap .control-group {
    margin-bottom: 0.6rem;
}

.p-add-pos-ap label.btn.btn-sm {
    background-color: var(--sec-light-color6);
    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: var(--primary-color);
    border-color: var(--primary-color);
}

.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: var(--p-grey-2);
    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(--light-new-blue);
    color: var(--primary-color);
    padding: 0.23rem 0.5rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--primary-border-color);
    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-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: flex;
    align-items: center;
    gap: 1rem;
}

.p-tag-v-top-grey {
    background-color: var(--grey-bg-2);
    margin: 0;
    display: inline-block;
    border-color: var(--grey-bg-3);
    margin-bottom: 0.1em;
}

.interview-questions li.questionItem:not(.no-delete) {
    cursor: grab;
}

.hire-right-kb {
    padding-bottom: 0;
    overflow: hidden;
}

.p-hire-tab-scroll {
    height: calc(100% - 17em);
    overflow: hidden;
    overflow-y: auto;
    padding-right: 0.5rem;
    align-items: flex-start;
}

.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 .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: var(--primary-color);
    }

        .p-hjl-cards-item-in:hover .card-body,
        .p-def-grad-hov-bord:hover .p-def-bord-bg {
            background-color: var(--chat-dark-bg-2);
            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: var(--bg-default);
}

.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;
}

.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: var(--p-btn-bg);
    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: var(--primary-color) !important;
    background: #fff;
    border: 1px solid var(--p-border-2);
    border-radius: calc(var(--bs-border-radius)* 0.75);
}

    .fb-add-section.ui-tabs-anchor[href="#new-page"]:hover {
        background-color: var(--primary-color) !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(--primary-color);
                background-color: var(--sec-light-color4);
                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='8' ry='8' stroke='%23B4BFD6' stroke-width='3' 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 var(--primary-border-color);
        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: var(--sec-light-color4) !important;
}

.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='%2314366F' 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='%2314366F' 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='%2314366F' 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='%2314366F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.4297H20.5M4.5 19.7637H20.5' stroke='%2314366F' 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='%2314366F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 10.4297H20.5M4.5 19.7637H20.5' stroke='%2314366F' 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='%2314366F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 12.7617H20.5006' stroke='%2314366F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 6.76172H20.5006' stroke='%2314366F' 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='%2314366F' 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='%2314366F' 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='%2314366F' 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='%2314366F' 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='%2314366F' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75684 6.86307V6.80469M9.69092 6.80469V6.86307' stroke='%2314366F' 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='%2314366F' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3672 14.0086V13.9609M17.3013 14.0052V13.9643' stroke='%2314366F' 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='%2314366F' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.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(--light-blue-dark) !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;
}

    .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);
    }

.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: var(--link-color);
    }

.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 var(--bor-def-rt);
    }

    .rating-table .emoji-cell {
        border-left: 1px solid var(--bor-def-rt);
        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(--sec-light-color4);
}

.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: var(--bg-default);
        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%);
    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(--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: calc(var(--bs-border-radius) * 0.75);
    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(--chat-right-bubble);
    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: calc(var(--bs-border-radius) * 0.75);
}

.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);
}

.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;
}


@-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 {
    border-radius: 9px;
    padding: 0.25rem 0.9rem !important;
    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;
}

.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: 1.3rem;
    height: calc(100vh - var(--nav-min-height));
}

.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);
}

.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(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
}

.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: #fff;
}

.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 {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    margin-bottom: 0;
    position: absolute;
    bottom: 1.3rem;
    right: 1.8rem;
}

.p-chat-area .btn-sendchat::before {
    content: '';
    position: absolute;
    left: -25px;
    top: 50%;
    height: 25px;
    width: 1px;
    background: #ccc;
    transform: translateY(-50%);
}

.p-chat-area .btn-sendchat .p-icon {
    fill: var(--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: 9.5rem;
}

.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.1rem;
    right: 4.4rem;
    width: 1.7em;
    height: 1.7em;
}

.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;
}

.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(--secondary-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(--sec-light-color4);
    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(--secondary-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(--sec-light-color7);
    color: var(--dark-blue-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(--plm-light-blue2);
        color: var(--link-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(--bg-default);
    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(--on-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(--bg-default);
    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;
        right: 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: #fff;
    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);
}

.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(--bs-gray-500);
    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(--dark-blue-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(--background1);
    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;
}

.p-btn-sm-lb.p-btn-disabled {
    background-color: var(--disabled-color);
    border-color: transparent;
    color: #fff;
    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;
    background-color: var(--chat-dark-bg-2);
    border: 1px solid var(--primary-border-color);
    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%;
}


svg.p-tl-bl {
    width: 3.0875rem;
    height: 3.0875rem;
    display: inline-block;
    border-radius: 0.5rem;
    overflow: hidden;
    border-radius: 50%;
    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(--bg-default);
    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: 0.9rem;
    background-color: var(--chat-dark-bg-2);
    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;
        }
}

@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: var(--sec-light-color4);
        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;
}

    .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(--white-color);
    color: var(--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(--background1);
}

.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: 1.325rem;
}

.p-card-full-details-img-thumb {
    border: 1px solid var(--primary-border-color);
}

.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: var(--bg-default);
    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: var(--p-btn-bg);
    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: 360px;
    }

        .p-ms-time-off .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 {
            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) * 0.8);
    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);
    gap: 0.5rem;
    min-width: 116px;
}

    .p-btn-sm:hover {
        background-color: var(--p-btn-hover);
        color: #fff;
        border-color: var(--p-btn-bg);
    }

.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);
}

.dx-checkbox-checked span.dx-checkbox-icon {
    background-color: var(--link-color);
}

.dx-checkbox.dx-checkbox-checked.dx-state-hover .dx-checkbox-icon {
    border-color: var(--link-color);
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border-color: var(--grey-bg-3);
}

.dx-checkbox-checked .dx-checkbox-icon::before {
    color: #fff;
}

.dx-checkbox-icon {
    border-radius: 3px;
}

.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(--grey-bg-3);
}

.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;
    border-radius: calc(var(--bs-border-radius) * 0.45);
    overflow: hidden;
    margin-bottom: 0.5rem;
    border-radius: calc(var(--bs-border-radius)* 0.85);
    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-xxs);
}

    .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%);
}

.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.dx-datagrid-export-button {
    width: 2.45rem;
    height: 2.45rem;
    position: relative;
    background-color: var(--background1) !important;
    border-radius: 50% !important;
    border: 1px solid var(--input-border-1) !important;
}

    .dx-datagrid-header-panel .dx-datagrid-export-button.dx-datagrid-export-button .dx-button-content {
        font-size: 0;
    }

.dx-datagrid-header-panel .dx-datagrid-export-button .dx-icon-export-excel-button::before {
    content: "";
    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='%238A8AA3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    font-size: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
}

.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-userlist .p-dx-search-left .dx-datagrid.dx-gridbase-container .dx-toolbar-after {
    flex-direction: row;
    align-items: center;
    gap: 0.45rem;
}

.dx-datagrid-header-panel .dx-datagrid-export-button:hover {
    background-color: var(--sec-light-color8) !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 #111;
    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: 72vmin;
    width: 53vmin;
    border-width: 2.5vmin;
    border-radius: 4.3vmin;
    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: linear-gradient(to right, #F3A7AC 25%, #F9E791 50%, #96CDFA 75%, #76F6DD 100%);
}

.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 var(--primary-border-color);
    padding: 0.5rem;
    border-radius: var(--bs-border-radius);
    min-height: calc(100vh - 300px);
    background-color: var(--grey-bg-1);
    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 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 2.8rem);
    padding: 0;
}

.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: var(--p-grey-2);
}

.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: var(--grey-bg-1);
    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);
    }

        .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 {
    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 {
        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 {
        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-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-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: var(--sec-light-color7);
    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: var(--chat-dark-bg-2);
    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 {
    border: 0.15em solid #DE3B40;
    color: #DE3B40;
}

    .p-btn-sec-bord-red:hover {
        background: #DE3B40 !important;
        color: #fff;
        border-color: #DE3B40;
    }

.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%);
}

/*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-lms-cs-ct-grid .phc-hm-item {
        border: 1px solid var(--primary-border-color);
        border-radius: var(--bs-border-radius);
    }

        .p-lms-cs-ct-grid .phc-hm-item:hover .icon-box-sm {
            background-color: var(--p-grey-3);
        }

.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: 6em;
    }

.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: 19.5em;
}

.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(--bs-table-striped-bg);
    border-radius: calc(var(--bs-border-radius)* 0.55);
    cursor: pointer;
}

.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-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: 0.125rem 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-sec-btn .p-ani-btn.p-add-btn:hover {
        color: #ffffff;
        background-color: var(--dark-blue-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-btn.p-add-btn:hover {
        color: #ffffff;
        background-color: var(--dark-blue-color) !important;
    }

    .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: 0.125rem 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.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.2rem;
    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: 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: var(--p-grey-3);
}

.p-pt-status-green,
.p-pt-status-green-active,
.p-pt-status-green-active:hover {
    background-color: #2ea12e;
    color: #fff;
}

    .p-pt-status-green-active .p-pay-tiles-items-yd {
        border-color: #47c547;
    }

.p-pt-status-blue,
.p-pt-status-blue-active,
.p-pt-status-blue-active:hover {
    background-color: #3699FF;
    color: #fff;
}

    .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: #e8b211;
    color: #fff;
}

    .p-pt-status-yellow-active .p-pay-tiles-items-yd {
        border-color: #ffd043;
    }

.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 var(--input-border-1);
    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;
}

.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: var(--sec-light-color8);
}

.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: #8a8aa3;
    }

#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(--secondary-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(--background1);
    border-top: 1px solid var(--primary-border-color);
}

.p-sidebar-gen-mw .p-sb-gene-body {
    overflow: auto;
    height: calc(100vh - 9.1rem);
}

.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: 3px;
}

    .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;
}

.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: var(--grey-bg-6);
    border-top: 1px solid var(--p-border-2);
    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, var(--grey-bg-6), 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: rgba(79, 87, 98, 0.05);
    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: 210px;
    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: var(--primary-color);
}

.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: 45px;
    background-color: var(--sec-light-color4);
    transition: top 0.3s;
    z-index: 1;
    border-radius: calc(var(--bs-border-radius));
    overflow: hidden;
    z-index: 1;
}

.p-prof-ic-left {
    height: 100%;
    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;
    min-height: inherit;
}

.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(--sec-light-color4);
}

.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: calc(var(--bs-border-radius));
}

/*.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: var(--grey-bg-4);
    border-radius: var(--bs-border-radius);
    overflow-y: clip;
    width: calc(100% + 2.8rem);
    padding: 1.05rem;
    position: sticky;
    top: 0;
    z-index: 1600;
    overflow-x: auto;
    margin-left: -1.4rem;
}


.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 .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;
    padding-top: 0;
}

.p-modal-sb-wizard .pso-action-btns {
    position: sticky;
    bottom: 0;
    padding: 0.8rem 1.2rem;
    background: var(--background1);
    /* border-top: 1px solid var(--primary-border-color);
    background-color: var(--grey-bg-4);*/
    width: calc(100% + 2.4rem);
    margin-left: -1.2rem;
    left: 0;
    z-index: 139;
}

.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: var(--background1);
    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;
    font-size: var(--base-font-size);
}

#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: 43.24px;
        display: flex;
        align-items: center;
        min-width: 200px;
    }

.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 {
        border-color: var(--primary-color) !important;
    }

.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(--primary-color);
    transform: rotate(-90deg);
}

.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(--sec-light-color1);
}

.more-option-selected .cta-bulk-action-hire .p-add-btn svg.p-icon {
    stroke: var(--sec-light-color6);
}

.more-option-selected .cta-bulk-action-hire .p-add-btn svg.p-icon {
    stroke: var(--sec-light-color7);
}

.mood-tracker-action-btns .p-btn-small, .mood-tracker-action-btns button {
    min-width: 8rem;
}

#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 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: center 68%;
    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(4, 1fr);
    gap: var(--default-gap);
}

.p-db-data-count {
    min-height: 176px;
}

.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.9)
}

.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 {
        background-color: var(--p-grey-2);
    }

    .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.75rem;
}

.polls-answer .custom-progress.progress {
    height: 2.4rem;
    background-color: transparent;
    border: 1px solid var(--grey-bg-3);
    border-radius: calc(var(--border-radius-default)* 0.9);
}

.polls-answer .p-ul-align li:not(:last-child) {
    margin-bottom: 0.7rem;
}

li.poll-anser-before:hover .custom-progress.progress {
    background-color: var(--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;
}

.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 {
    display: block;
    min-height: 300px;
}

.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-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-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);
        }

    .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: 45px;
    }

    .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 {
    padding: 0.5rem 0.6rem;
}

.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"] span.msg-count {
    right: 0.3em;
    top: 11px;
}

span.msg-count {
    position: absolute;
    right: 1.8em;
    top: 50%;
    transform: translateY(-50%);
}

.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;
    }

    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);
    }
}

@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: var(--primary-color);
    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: var(--sec-light-color4);
    border-radius: calc(var(--bs-border-radius)* 0.75);
    color: var(--primary-color);
}

.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 {
    max-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;
}

.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;
    }

.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;
}

.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: #2DCA72;
}

.p-at-yellow {
    background: #FAAF00;
}

.p-at-white {
    background: #FFFFFF;
}

.p-at-blue {
    background: #00ACFF;
}

.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: var(--primary-color);
}

.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: 1px;
}

.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: calc(var(--default-gap)* 0.75);
}

.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(--grey-bg-4);
    padding: calc(var(--box-padding)* 0.9) var(--box-padding);
    position: sticky;
    top: 0;
    z-index: 1600;
}


.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 - 3.9rem);
    display: flex;
    flex-direction: column;
}

.p-sb-gene-body-if {
    height: 100%;
    padding: var(--box-padding);
    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);
}

.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(--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-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;
}

#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;
    }

.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;
}

.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.active svg.p-icon,
.sidebar-create-post .p-defautlt-navs-wi .nav-link.active svg.p-icon {
    stroke: var(--p-icon-color);
}

.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;
}

@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: 0.1rem;
    }

    .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: var(--grey-bg-6);
    border-radius: var(--bs-border-radius);
    padding: calc(var(--box-padding)* 0.85);
    border: 1px solid var(--primary-border-color);
    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: 10rem;
    padding: 0.28rem 0.65rem;
    line-height: 1.25;
    display: inline-flex;
    min-width: 90px;
    margin: 4px 0px;
    align-items: center;
    gap: 0.425rem;
    min-height: 29px;
    justify-content: center;
    font-size: 0.7rem;
}

    .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: left;
        min-width: 40px;
    }

@media(max-width: 1380px) {
    .p-cal-tags {
        min-width: 80px;
        gap: 0.225rem;
        font-size: 0.7rem;
    }
}

.woff-tag {
    background-color: #F0FAFF;
    color: #0075AD;
}

    .woff-tag .p-icon {
        stroke: #0075AD;
    }

.holiday-tag {
    background-color: #dafff8;
    color: #006654;
}

    .holiday-tag svg.p-icon {
        stroke: #006654;
    }

.leave-tag {
    background-color: #F4F1FD;
    color: #4316CA;
}

.leave-style svg.p-icon {
    stroke: #4316CA;
}

.late-tag {
    background-color: #FFF9EB;
    color: #8A6100;
}

    .late-tag svg.p-icon-fill {
        fill: #8A6100;
    }

.awol-tag {
    border-color: #dafff8;
    color: #006654;
    background-color: #dafff8;
}

    .awol-tag svg.p-icon {
        stroke: #006654;
    }

.regularize-tag {
    background-color: #EEFBF4;
    color: #17663A;
}

    .regularize-tag svg.p-icon {
        stroke: #17663A;
    }

.missing-tag {
    background-color: var(--overdue-bg);
    color: var(--overdue-tc);
    border: 1px solid var(--overdue-bg);
    gap: 0.35rem;
}

    .missing-tag svg.p-icon {
        stroke: var(--overdue-tc);
        width: 0.92rem;
        height: 0.92rem;
        position: relative;
        left: -0.05rem;
    }

.p-cal-grey {
}

.no-entries-tag {
    background-color: red;
    color: white;
}

.day-cell {
    text-align: left;
    padding-left: 0.45rem;
    color: var(--primary-color);
}

.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(--sec-light-color6);
    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 1rem;
    align-items: center;
    justify-content: flex-start !important;
    gap: 0.65rem;
}

.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;
}

    .ba-box-shadows h4.pdf.justify-content-between svg.p-icon {
        width: 14px;
        height: 14px;
    }

.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(--grey-bg-4);
    margin-bottom: 1.1rem;
    padding: 0.85rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--primary-border-color);
}

.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: 90px;
    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.6rem;
}

.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 {
    color: var(--primary-color);
    cursor: pointer;
    text-decoration: underline;
}

.p-link:hover {
    text-decoration: underline;
    color: var(--primary-color);
}


/*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,
.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_heart {
    font-size: 0.7rem;
    padding-top: 4.5px;
    padding-left: 4.8px;
}

.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_laughing,
.p-edge .p-db-show-raection-mw .p-db-reactions span.reactiontype_\#sad {
    padding-top: 4px;
    padding-left: 3.6px;
}

.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,
.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: 3px;
    padding-top: 4px;
}

.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_laughing,
.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-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: center;
    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");
}

.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: flex;
    width: 8.8125rem;
    padding: 0.75rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.125rem;
    border: 1px solid var(--input-border-1);
    background: #FFF;
}

.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 {
    border: 1px solid var(--primary-border-color) !important;
    vertical-align: middle !important;
    border-radius: calc(var(--bs-border-radius) * 0.75);
    cursor: pointer;
}

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: var(--bg-default);
}

.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-general-break, .p-team-rota-weekly-off, .p-team-rota-employee {
    min-height: 98px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 190px;
}

td.p-team-rota-employee {
    border-bottom: 1px solid var(--primary-border-color);
}

.p-team-rota-body .grid-profile-wrapper .grid-avatar {
    align-self: flex-start;
    margin-top: 3px;
    flex-shrink: 0;
}

@media(max-width: 1600px) {
    .p-team-rota-general-break, .p-team-rota-weekly-off, .p-team-rota-employee {
        padding: 6px !important;
    }

    .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);
    }
}

td.p-team-rota-general-break {
    border-left: 3px solid var(--primary-color) !important;
}

.p-tag.p-tag-black {
    background-color: var(--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: 2px 0;
    display: flex;
    gap: 0.5rem;
    font-size: calc(var(--base-font-size)* 0.98);
}

.p-team-rota-break-type {
    display: flex;
    justify-content: space-between;
}

td.p-shift-drafted {
    background-color: #fff9db;
    border-left-color: #cdab00 !important;
}

.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);
}

.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: var(--primary-color);
}


.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: 6px !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-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(--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;
    }

. {
    max-width: 33.33%;
}

    .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.85rem;
        padding-bottom: 1.85rem;
    }

    .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;
            background-color: var(--p-grey-5);
            color: var(--primary-color);
            font-weight: 500;
            border-radius: 5px;
            z-index: 1;
            font-size: 0.66rem;
        }

        /* 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: 1.16rem;
    }

    .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-url {
    color: var(--primary-color);
    font-size: var(--base-font-size);
}

.sec-align-cen {
    height: 100%;
    display: flex;
    align-items: center;
}

.p-bl-logo-mw {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    z-index: 9;
}

.p-bl-logo-svg {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-block;
    border-radius: 0.325rem;
    overflow: hidden;
}

.p-share-mw {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 320px;
}

.p-share-icon-mw {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    border: 1px solid var(--primary-border-color);
    border-radius: var(--bs-border-radius);
    background: var(--chat-dark-bg-2);
    cursor: pointer;
}

    .p-share-icon-mw svg {
        width: 1.8rem;
        height: 1.6rem;
        display: inline-block;
        stroke: var(--dark-blue-color);
    }

    .p-share-icon-mw:hover {
        background: var(--primary-color);
    }

        .p-share-icon-mw:hover svg {
            stroke: #fff;
        }

.section-banner-partner {
    position: relative;
    height: auto;
    background-color: var(--theme-color-1);
    display: flex;
    align-items: center;
    background-image: url('~/Content/assets/images/section-bg-1.jpg');
    background-color: #f1f1f1;
}

.section-padd {
    padding: 4rem 0;
}

.section-banner-partner .display-3 {
    font-weight: 800;
    color: var(--primary-color);
    font-size: 3rem;
}

.form-card h5.card-title {
    font-weight: 600;
    font-size: var(--base-font-size-h4);
    margin-bottom: 0.8rem;
}

.form-card .card-body {
    padding: 1.45rem;
}

.form-card.card {
    border-color: var(--grey-bg-3);
    box-shadow: var(--default-shadow-1);
}

.section-banner-partner > .container {
    padding: 0.5rem 0;
    margin: 0 auto;
    z-index: 1;
}

section.section-banner-partner::before {
    background: linear-gradient(180deg, #ddefff 0%, rgb(244 249 255) 100%);
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

h4.card-title {
    font-weight: 600;
    font-size: var(--base-font-size-h1);
}

.banner-b-icon span.svg-icon {
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
}

.refe-paper-plane {
    max-width: 500px;
    position: absolute;
    left: 0;
}

.accordion {
    --bs-accordion-btn-padding-y: 1.4rem;
}

.accordion-button:focus {
    outline: none; /* Removes the outline */
    box-shadow: none; /* Removes the focus box-shadow */
}

.accordion-button:focus {
    box-shadow: none;
    border: none;
}

.accordion-button:not(.collapsed) {
    color: var(--p-btn-bg);
    background-color: var(--sec-light-color8);
}

.accordion-button::after {
    opacity: 0.6;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
    opacity: 1;
}

.section-head {
    font-weight: 600;
}

.w-lg-65 {
    width: 65% !important
}

.card.card-lg {
    box-shadow: 0 .375rem 1.5rem 0 rgba(140, 152, 164, .125);
    border: 1px solid var(--primary-border-color);
}

.accordion-flush .accordion-item {
    border-width: 0;
}

.accordion-flush .accordion-body {
    padding-top: 0;
}

.accordion-type-1 .accordion-button:not(.collapsed) {
    color: var(--primary-color);
    background-color: var(--theme-color-1);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    box-shadow: none;
}

.accordion-type-1 .accordion-collapse {
    background-color: var(--theme-color-1);
}

.accordian-sec .card-footer {
    background-color: var(--bg-default-pattern);
    border-top: none;
}

.card-footer .p-url {
    font-weight: 600;
}

.sec-bg {
    background: rgb(164 169 176 / 5%);
}

.green-block {
    background: var(--plm-light-green1);
    border: 1px solid #d2e9e5;
}

.yellow-block {
    background: #fffae7;
    border: 1px solid #e7e2ce;
}

.two-blocks {
    min-height: 210px;
    border-radius: var(--bs-border-radius);
    padding: 1.6rem;
    display: flex;
}

    .two-blocks h4 {
        font-weight: 600;
        font-size: var(--base-font-size-h1);
        margin-bottom: 1.05rem;
    }

    .two-blocks p {
        font-size: 1rem;
    }

.salmon-block {
    background: #ffeff0;
    border: 1px solid #f1ddde;
}

.pp-btn-sm {
    font-size: 0.76rem;
    color: var(--primary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.35rem 0.7rem;
    height: 2.2rem;
    flex-shrink: 0;
    font-weight: 500;
    cursor: pointer;
    gap: 0.62rem;
    border-radius: 0.4rem;
    background: #fff;
    backdrop-filter: blur(0px);
    border: 1px solid var(--input-border-1);
}

    .pp-btn-sm:hover {
        background: var(--p-btn-bg);
        color: #fff;
        border-color: var(--primary-color);
    }

        .pp-btn-sm:hover svg.p-icon.p-icon-sm {
            stroke: #fff;
        }

.p-tag {
    border-radius: calc(var(--border-radius-default) * 0.35) !important;
    position: relative;
    min-width: 6.6rem;
    text-shadow: none;
    text-transform: capitalize;
    display: inline-block;
    padding: 0.36rem 0.55rem;
    font-size: calc(var(--base-font-size));
    text-align: center;
    font-weight: 400;
}

.inc-dec-stats em.icon {
    font-size: 0.8rem;
    line-height: 1;
    display: inline-block;
    transform: scale(1.95);
    margin-right: 5px;
}

span.inc-dec-stats {
    margin-right: 6px;
}

.inc-dec-stats-red, .inc-dec-stats-red .ni.icon {
    color: var(--red-color);
}

.inc-dec-stats-green, .inc-dec-stats-green .ni.icon {
    color: var(--green-color);
}

.ph-card.mh-db-card.p-db-upcoming-events {
    overflow: auto;
    min-height: 438px;
}

@media(min-width: 1750px) {
    .ph-card.mh-db-card.p-db-upcoming-events {
        min-height: 445px;
    }
}

@media(max-width: 1500px) {
    .ph-card.mh-db-card.p-db-upcoming-events {
        overflow: auto;
        min-height: 410px;
    }

    span.inc-dec-stats {
        font-size: 0.76rem;
    }

    .nd-label-head span {
        font-size: var(--base-font-size-lg);
    }

    .inc-dec-stats em.icon {
        font-size: 0.7rem;
        transform: scale(1.95);
        margin-right: 5px;
    }

    .p-db-data-count {
        min-height: 167px;
    }
}

@media(max-width: 1400px) {
    .p-db-data-count {
        min-height: 167px;
    }
}

.main-sidebar[p-toggle-menu="minimise-on"] nav.sidebar-nav ul li a .side-menu-ti {
    visibility: hidden;
    transition: all .3s;
    opacity: 0;
    font-size: 0;
    white-space: nowrap;
    flex: 1;
}

.side-menu-ti p {
    margin-bottom: 0;
}

.p-sb-menu-sticky .user-profile-image {
    --image-pro-width: 2rem;
    width: var(--image-pro-width);
    height: var(--image-pro-width);
    display: inline-block;
    border-radius: 50%;
    align-self: center;
    flex-shrink: 0;
    max-width: var(--image-pro-width);
    margin-left: 0.6rem;
    min-width: 1.9rem;
}

.sb-user-profile {
    margin-top: 0.5rem;
}

.p-sb-menu-sticky .user-profile p {
    margin-bottom: 0;
    color: var(--primary-color);
}

.cl-ref-grid {
    display: grid;
    grid-template-columns: 1fr;
}

.referral-container {
}

.cl-ref-grid-cols .card-body {
    box-shadow: none !important;
}

.form-label {
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.cl-ref-grid-cols-left {
    background: linear-gradient(180deg, #dff1ff 0%, rgb(206 233 255 / 7%) 100%);
    border-radius: var(--bs-border-radius);
    padding: 3.5rem 2rem;
    height: 100%;
    border: 1px solid var(--primary-border-color);
}

.cl-ref-grid-cols-left-yellow {
    background: linear-gradient(180deg, #fff4c9 0%, rgb(255 253 249) 100%);
}

.referral-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    height: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.referral-header {
    font-weight: 800;
    margin-bottom: 1.2rem;
    font-size: 2rem;
}


.p-hei-ini {
    height: initial !important;
}

p.referral-text {
    font-size: 1rem;
}

.referral-link {
    font-size: 1rem;
    color: var(--primary-color);
    text-decoration: underline;
    cursor: pointer;
}

.referral-stats {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.stat-item {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 0.45rem;
}

.referral-stats-mw {
    text-align: left;
}

.stat-label {
    font-size: 1.05rem;
}

.p-bg-cr-grey {
    background: linear-gradient(180deg, rgb(255 251 240 / 44%) 0%, rgb(255 253 246 / 15%) 100%);
}

.rf-block-icon svg {
    max-width: 158px;
    margin-left: 2.5rem;
}

.rf-block-mw {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.three_shapes svg {
    width: 100%;
    height: 1050px;
}

.brand-link img {
    max-width: 2.1rem;
}

/* Hide the entire second column by default on mobile */
@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;
    }

    .sidebar-closed li.nav-item.p-sidemenu-dropdown {
        visibility: hidden;
        opacity: 0;
    }

    .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;
    }
}


.dx-pager .dx-pages {
    white-space: nowrap;
    float: right;
    display: flex;
    align-items: center;
}

.p-goalcounts {
    text-align: center;
}

.pp-event-img-mw img {
    max-height: 320px;
    display: inline-block;
    width: 100%;
    object-fit: cover;
}

.pp-event-cont-head {
    margin-top: 1.05rem;
}

.pp-event-cont-head h4 {
    font-size: var(--base-font-size-h3);
    font-weight: 700;
}

.pp-ev-icon {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--bs-border-radius)* 0.8);
    border: 1px solid var(--primary-border-color);
}

.grey-tag-wi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--bs-border-radius)* 0.8);
    padding: 0.35rem 1rem;
    background: var(--sec-light-color8);
    border: 1px solid var(--grey-bg-3);
}

.pp-ev-icon svg.p-icon {
    width: 1.4rem;
    height: 1.4rem;
}

.pp-ev-icon-cont p {
    margin-bottom: 0;
    font-weight: 500;
}

.pp-ev-icon-cont p span {
    color: var(--on-primary-color);
    font-weight: 400;
}

.fs-time {
    font-size: 0.8rem;
}

.p-smiw.p-smiw-sm svg {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 2px;
}

.text-danger {
    color: var(--ui-error-border);
    font-size: 0.9rem;
}

.msg-chat-on-off-status {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    bottom: -1px;
    right: 0px;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    display: flex;
}

.msg-chat-on-off-status svg {
    fill: #ffff;
}

.msg-chat-online {
    background-color: #05af05;
}

.msg-chat-offline {
    background-color: #e0e0e0;
}

.msg-chat-on-off-status .p-icon-3xs {
    width: 0.58rem;
    height: 0.58rem;
    stroke: #fff !important;
    fill: none;
}

.dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
    z-index: 3;
}

.dx-rtl.dx-toolbar .dx-toolbar-menu-container, .dx-toolbar .dx-toolbar-item {
    padding: 0 25px 0 0;
}

.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;
}

.p-clk-tt .dx-placeholder::before {
    padding: 7px 9px 8px;

}

.p-clk-tt .dx-searchbox .dx-texteditor-input,
.p-clk-tt .dx-placeholder::before {
    padding-left: 36px;
}

.p-modal-sb .form-group label,
.p-modal-sb .p-form-label {
    padding-left: 0.3rem;
}

.p-cb-align-terms {
    padding-left: 1.3rem;
}

.dx-toolbar-items-container .dx-button-mode-contained {
    border: transparent !important;
}

.dx-toolbar-items-container .dx-button-mode-contained.dx-state-focused {
    background-color: transparent;
    border-color: #ddd;
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background: var(--primary-color);
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before,
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
.dx-editor-cell .dx-texteditor,
.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    border-radius: 0;
}

.dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: 0px;
}

.dx-widget.dx-calendar-navigator {
    display: flex;
    gap: 0.7rem;
}

.dx-calendar-navigator .dx-button {
    position: initial;
    height: 100%;
    border-radius: 0;
    display: inline-block;
    border-color: #ddd;
    border-radius: var(--bs-border-radius-2xl);
}

.dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-previous-view.dx-button .dx-icon,
.dx-calendar-navigator-next-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon {
    color: var(--sec-light-color3);
}

.dx-button.dx-button-normal.dx-button-has-icon {
    width: 35px;
    height: 35px;
}

.dx-calendar-cell {
    font-size: 14px;
    width: 34px;
    border-radius: var(--bs-border-radius);
    height: 34px;
}

.dx-editor-with-menu .dx-datebox-date .dx-button-mode-contained {
    border-color: var(--primary-border-color);
    color: var(--on-primary-color);
    border-bottom: 1px solid var(--input-border-1);
    margin-left: 0px;
    border-radius: 0;
}

.dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
    margin: 0;
    flex: 1;
}

.arg-captcha.cpcha-padd {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dx-header-filter-menu .dx-toolbar-items-container .dx-toolbar-after {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    gap: 1rem !important;
    padding-right: 7px !important;
}

.dx-header-filter-menu .dx-toolbar-items-container .dx-toolbar-after .dx-toolbar-item {
    padding: 0;
}

.p-dx-msdd.p-input-append .dx-texteditor-input-container {
    padding: 2.2px 34px 2.2px 0px;
}

.p-input-append.p-dx-msdd .dx-placeholder::before {
    padding-left: 0.28rem;
}

.p-input-append.p-dx-msdd .dx-texteditor-input {
    padding-left: 4px;
}

input:-webkit-autofill {
    background-color: #fffae6 !important; 
    color: #333;
}

input:-webkit-autofill:focus {
    background-color: #fffae6 !important;
    color: #333;
}


/*nio icons*/
@font-face {
    font-family: "Nioicon";
    src: url("/Content/fonts/Nioicon.eot");
    src: url("/Content/fonts/Nioicon.eot#iefix") format("embedded-opentype"), url("/Content/fonts/Nioicon.ttf") format("truetype"), url("/Content/fonts/Nioicon.woff") format("woff"), url("/Content/fonts/Nioicon.svg#Nioicon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.ni { /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "Nioicon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ni-centos:before {
    content: "";
}

.ni-covid:before {
    content: "";
}

.ni-fedora:before {
    content: "";
}

.ni-hot-fill:before {
    content: "";
}

.ni-hot:before {
    content: "";
}

.ni-linux-server:before {
    content: "";
}

.ni-linux:before {
    content: "";
}

.ni-note-add-fill:before {
    content: "";
}

.ni-repeat-fill:before {
    content: "";
}

.ni-tranx-fill:before {
    content: "";
}

.ni-ubuntu:before {
    content: "";
}

.ni-virus:before {
    content: "";
}

.ni-b-chrome:before {
    content: "";
}

.ni-b-edge:before {
    content: "";
}

.ni-b-firefox:before {
    content: "";
}

.ni-b-ie:before {
    content: "";
}

.ni-b-opera:before {
    content: "";
}

.ni-b-safari:before {
    content: "";
}

.ni-b-si:before {
    content: "";
}

.ni-b-uc:before {
    content: "";
}

.ni-brick-fill:before {
    content: "";
}

.ni-brick:before {
    content: "";
}

.ni-col-3s:before {
    content: "";
}

.ni-col-4s:before {
    content: "";
}

.ni-col-2s:before {
    content: "";
}

.ni-comments:before {
    content: "";
}

.ni-dot-sq:before {
    content: "";
}

.ni-dot:before {
    content: "";
}

.ni-footer:before {
    content: "";
}

.ni-header:before {
    content: "";
}

.ni-heading:before {
    content: "";
}

.ni-layout-alt-fill:before {
    content: "";
}

.ni-layout-alt:before {
    content: "";
}

.ni-layout-fill1:before {
    content: "";
}

.ni-layout1:before {
    content: "";
}

.ni-list-index-fill:before {
    content: "";
}

.ni-list-index:before {
    content: "";
}

.ni-list-thumb-alt-fill:before {
    content: "";
}

.ni-list-thumb-alt:before {
    content: "";
}

.ni-list-thumb-fill:before {
    content: "";
}

.ni-list-thumb:before {
    content: "";
}

.ni-masonry-fill:before {
    content: "";
}

.ni-masonry:before {
    content: "";
}

.ni-menu-circled:before {
    content: "";
}

.ni-menu-squared:before {
    content: "";
}

.ni-notice:before {
    content: "";
}

.ni-pen2:before {
    content: "";
}

.ni-property-blank:before {
    content: "";
}

.ni-propert-blank:before {
    content: "";
}

.ni-property-add:before {
    content: "";
}

.ni-property-alt:before {
    content: "";
}

.ni-property-remove:before {
    content: "";
}

.ni-property:before {
    content: "";
}

.ni-puzzle-fill:before {
    content: "";
}

.ni-puzzle:before {
    content: "";
}

.ni-quote-left:before {
    content: "";
}

.ni-quote-right:before {
    content: "";
}

.ni-row-mix:before {
    content: "";
}

.ni-row-view1:before {
    content: "";
}

.ni-sidebar-r:before {
    content: "";
}

.ni-text2:before {
    content: "";
}

.ni-tile-thumb-fill:before {
    content: "";
}

.ni-tile-thumb:before {
    content: "";
}

.ni-view-col-fill:before {
    content: "";
}

.ni-view-col-sq:before {
    content: "";
}

.ni-view-col:before {
    content: "";
}

.ni-view-col2:before {
    content: "";
}

.ni-view-col3:before {
    content: "";
}

.ni-view-cols-fill:before {
    content: "";
}

.ni-view-cols-sq:before {
    content: "";
}

.ni-view-cols:before {
    content: "";
}

.ni-view-grid-fill:before {
    content: "";
}

.ni-view-grid-sq:before {
    content: "";
}

.ni-view-grid-wd:before {
    content: "";
}

.ni-view-grid:before {
    content: "";
}

.ni-view-grid2-wd:before {
    content: "";
}

.ni-view-grid3-wd:before {
    content: "";
}

.ni-view-group-fill:before {
    content: "";
}

.ni-view-group-wd:before {
    content: "";
}

.ni-view-list-fill:before {
    content: "";
}

.ni-view-list-sq:before {
    content: "";
}

.ni-view-list-wd:before {
    content: "";
}

.ni-view-list:before {
    content: "";
}

.ni-view-panel-fill:before {
    content: "";
}

.ni-view-panel-sq:before {
    content: "";
}

.ni-view-panel:before {
    content: "";
}

.ni-view-row-fill:before {
    content: "";
}

.ni-view-row-sq:before {
    content: "";
}

.ni-view-row-wd:before {
    content: "";
}

.ni-view-row:before {
    content: "";
}

.ni-view-x1:before {
    content: "";
}

.ni-view-x2:before {
    content: "";
}

.ni-view-x3:before {
    content: "";
}

.ni-view-x4:before {
    content: "";
}

.ni-view-x5:before {
    content: "";
}

.ni-view-x6:before {
    content: "";
}

.ni-view-x7:before {
    content: "";
}

.ni-dashlite:before {
    content: "";
}

.ni-dashlite-circle:before {
    content: "";
}

.ni-dashlite-alt:before {
    content: "";
}

.ni-master-card:before {
    content: "";
}

.ni-paypal:before {
    content: "";
}

.ni-visa-alt:before {
    content: "";
}

.ni-coin-eur:before {
    content: "";
}

.ni-coin-gbp:before {
    content: "";
}

.ni-sign-ada-alt:before {
    content: "";
}

.ni-sign-bch-alt:before {
    content: "";
}

.ni-sign-bgp-alt:before {
    content: "";
}

.ni-sign-bnb-alt:before {
    content: "";
}

.ni-sign-brl-alt:before {
    content: "";
}

.ni-sign-btc-alt:before {
    content: "";
}

.ni-sign-cc-alt:before {
    content: "";
}

.ni-sign-cc-alt2:before {
    content: "";
}

.ni-sign-chf-alt:before {
    content: "";
}

.ni-sign-cny-alt:before {
    content: "";
}

.ni-sign-czk-alt:before {
    content: "";
}

.ni-sign-dash-alt:before {
    content: "";
}

.ni-sign-dkk-alt:before {
    content: "";
}

.ni-sign-eos-alt:before {
    content: "";
}

.ni-sign-eth-alt:before {
    content: "";
}

.ni-sign-eur-alt2:before {
    content: "";
}

.ni-sign-euro-alt:before {
    content: "";
}

.ni-sign-gbp-alt2:before {
    content: "";
}

.ni-sign-hkd-alt:before {
    content: "";
}

.ni-sign-idr-alt:before {
    content: "";
}

.ni-sign-inr-alt:before {
    content: "";
}

.ni-sign-jpy-alt:before {
    content: "";
}

.ni-sign-kr-alt:before {
    content: "";
}

.ni-sign-ltc-alt:before {
    content: "";
}

.ni-sign-ltc:before {
    content: "";
}

.ni-sign-mxn-alt:before {
    content: "";
}

.ni-sign-mxr-alt:before {
    content: "";
}

.ni-sign-myr-alt:before {
    content: "";
}

.ni-sign-paypal-alt:before {
    content: "";
}

.ni-sign-paypal-full:before {
    content: "";
}

.ni-sign-php-alt:before {
    content: "";
}

.ni-sign-pln-alt:before {
    content: "";
}

.ni-sign-rub-alt:before {
    content: "";
}

.ni-sign-sek-alt:before {
    content: "";
}

.ni-sign-sgd-alt:before {
    content: "";
}

.ni-sign-kobo-alt:before {
    content: "";
}

.ni-sign-steem-alt:before {
    content: "";
}

.ni-sign-steller-alt:before {
    content: "";
}

.ni-sign-stripe-fulll:before {
    content: "";
}

.ni-sign-thb-alt:before {
    content: "";
}

.ni-sign-trx-alt:before {
    content: "";
}

.ni-sign-try-alt:before {
    content: "";
}

.ni-sign-usd-alt:before {
    content: "";
}

.ni-sign-usd-alt2:before {
    content: "";
}

.ni-sign-usdc-alt:before {
    content: "";
}

.ni-sign-usdt-alt:before {
    content: "";
}

.ni-sign-visa-alt:before {
    content: "";
}

.ni-sign-vnd-alt:before {
    content: "";
}

.ni-sign-waves-alt:before {
    content: "";
}

.ni-sign-xem-alt:before {
    content: "";
}

.ni-sign-xrp-new-alt:before {
    content: "";
}

.ni-sign-xrp-old-alt:before {
    content: "";
}

.ni-sign-zcash-alt:before {
    content: "";
}

.ni-chevron-left:before {
    content: "";
}

.ni-chevron-right:before {
    content: "";
}

.ni-chevron-up:before {
    content: "";
}

.ni-chevron-down:before {
    content: "";
}

.ni-chevron-left-round:before {
    content: "";
}

.ni-chevron-right-round:before {
    content: "";
}

.ni-chevron-up-round:before {
    content: "";
}

.ni-chevron-down-round:before {
    content: "";
}

.ni-chevron-left-round-fill:before {
    content: "";
}

.ni-chevron-right-round-fill:before {
    content: "";
}

.ni-chevron-up-round-fill:before {
    content: "";
}

.ni-chevron-down-round-fill:before {
    content: "";
}

.ni-chevron-left-c:before {
    content: "";
}

.ni-chevron-right-c:before {
    content: "";
}

.ni-chevron-up-c:before {
    content: "";
}

.ni-chevron-down-c:before {
    content: "";
}

.ni-chevron-left-fill-c:before {
    content: "";
}

.ni-chevron-right-fill-c:before {
    content: "";
}

.ni-chevron-up-fill-c:before {
    content: "";
}

.ni-chevron-down-fill-c:before {
    content: "";
}

.ni-chevron-left-circle:before {
    content: "";
}

.ni-chevron-right-circle:before {
    content: "";
}

.ni-chevron-up-circle:before {
    content: "";
}

.ni-chevron-down-circle:before {
    content: "";
}

.ni-chevron-left-circle-fill:before {
    content: "";
}

.ni-chevron-right-circle-fill:before {
    content: "";
}

.ni-chevron-up-circle-fill:before {
    content: "";
}

.ni-chevron-down-circle-fill:before {
    content: "";
}

.ni-caret-left:before {
    content: "";
}

.ni-caret-right:before {
    content: "";
}

.ni-caret-up:before {
    content: "";
}

.ni-caret-down:before {
    content: "";
}

.ni-caret-left-fill:before {
    content: "";
}

.ni-caret-right-fill:before {
    content: "";
}

.ni-caret-up-fill:before {
    content: "";
}

.ni-caret-down-fill:before {
    content: "";
}

.ni-sort:before {
    content: "";
}

.ni-sort-up:before {
    content: "";
}

.ni-sort-down:before {
    content: "";
}

.ni-sort-fill:before {
    content: "";
}

.ni-sort-up-fill:before {
    content: "";
}

.ni-sort-down-fill:before {
    content: "";
}

.ni-sort-v:before {
    content: "";
}

.ni-swap-v:before {
    content: "";
}

.ni-swap:before {
    content: "";
}

.ni-arrow-left-round:before {
    content: "";
}

.ni-arrow-right-round:before {
    content: "";
}

.ni-arrow-up-round:before {
    content: "";
}

.ni-arrow-down-round:before {
    content: "";
}

.ni-arrow-left-round-fill:before {
    content: "";
}

.ni-arrow-right-round-fill:before {
    content: "";
}

.ni-arrow-up-round-fill:before {
    content: "";
}

.ni-arrow-down-round-fill:before {
    content: "";
}

.ni-arrow-left-c:before {
    content: "";
}

.ni-arrow-right-c:before {
    content: "";
}

.ni-arrow-up-c:before {
    content: "";
}

.ni-arrow-down-c:before {
    content: "";
}

.ni-arrow-left-fill-c:before {
    content: "";
}

.ni-arrow-right-fill-c:before {
    content: "";
}

.ni-arrow-up-fill-c:before {
    content: "";
}

.ni-arrow-down-fill-c:before {
    content: "";
}

.ni-arrow-left-circle:before {
    content: "";
}

.ni-arrow-right-circle:before {
    content: "";
}

.ni-arrow-up-circle:before {
    content: "";
}

.ni-arrow-down-circle:before {
    content: "";
}

.ni-arrow-left-circle-fill:before {
    content: "";
}

.ni-arrow-up-circle-fill:before {
    content: "";
}

.ni-arrow-down-circle-fill:before {
    content: "";
}

.ni-arrow-right-circle-fill:before {
    content: "";
}

.ni-chevrons-left:before {
    content: "";
}

.ni-chevrons-right:before {
    content: "";
}

.ni-chevrons-up:before {
    content: "";
}

.ni-chevrons-down:before {
    content: "";
}

.ni-first:before {
    content: "";
}

.ni-last:before {
    content: "";
}

.ni-back-ios:before {
    content: "";
}

.ni-forward-ios:before {
    content: "";
}

.ni-upword-ios:before {
    content: "";
}

.ni-downward-ios:before {
    content: "";
}

.ni-back-alt:before {
    content: "";
}

.ni-forward-alt:before {
    content: "";
}

.ni-upword-alt:before {
    content: "";
}

.ni-downward-alt:before {
    content: "";
}

.ni-back-alt-fill:before {
    content: "";
}

.ni-forward-alt-fill:before {
    content: "";
}

.ni-upword-alt-fill:before {
    content: "";
}

.ni-downward-alt-fill:before {
    content: "";
}

.ni-arrow-long-left:before {
    content: "";
}

.ni-arrow-long-right:before {
    content: "";
}

.ni-arrow-long-up:before {
    content: "";
}

.ni-arrow-long-down:before {
    content: "";
}

.ni-arrow-left:before {
    content: "";
}

.ni-arrow-right:before {
    content: "";
}

.ni-arrow-up:before {
    content: "";
}

.ni-arrow-down:before {
    content: "";
}

.ni-arrow-up-left:before {
    content: "";
}

.ni-arrow-up-right:before {
    content: "";
}

.ni-arrow-down-left:before {
    content: "";
}

.ni-arrow-down-right:before {
    content: "";
}

.ni-arrow-to-left:before {
    content: "";
}

.ni-arrow-to-right:before {
    content: "";
}

.ni-arrow-to-up:before {
    content: "";
}

.ni-arrow-to-down:before {
    content: "";
}

.ni-arrow-from-left:before {
    content: "";
}

.ni-arrow-from-right:before {
    content: "";
}

.ni-arrow-from-up:before {
    content: "";
}

.ni-arrow-from-down:before {
    content: "";
}

.ni-curve-down-left:before {
    content: "";
}

.ni-curve-up-right:before {
    content: "";
}

.ni-curve-up-left:before {
    content: "";
}

.ni-curve-down-right:before {
    content: "";
}

.ni-curve-left-up:before {
    content: "";
}

.ni-curve-right-up:before {
    content: "";
}

.ni-curve-left-down:before {
    content: "";
}

.ni-curve-right-down:before {
    content: "";
}

.ni-back-arrow:before {
    content: "";
}

.ni-forward-arrow:before {
    content: "";
}

.ni-back-arrow-fill:before {
    content: "";
}

.ni-forward-arrow-fill:before {
    content: "";
}

.ni-navigate:before {
    content: "";
}

.ni-navigate-up:before {
    content: "";
}

.ni-navigate-fill:before {
    content: "";
}

.ni-navigate-up-fill:before {
    content: "";
}

.ni-send:before {
    content: "";
}

.ni-send-alt:before {
    content: "";
}

.ni-unfold-less:before {
    content: "";
}

.ni-unfold-more:before {
    content: "";
}

.ni-exchange-v:before {
    content: "";
}

.ni-exchange:before {
    content: "";
}

.ni-expand:before {
    content: "";
}

.ni-shrink:before {
    content: "";
}

.ni-focus:before {
    content: "";
}

.ni-maximize:before {
    content: "";
}

.ni-minimize:before {
    content: "";
}

.ni-maximize-alt:before {
    content: "";
}

.ni-minimize-alt:before {
    content: "";
}

.ni-shuffle:before {
    content: "";
}

.ni-cross-sm:before {
    content: "";
}

.ni-cross:before {
    content: "";
}

.ni-cross-round:before {
    content: "";
}

.ni-cross-circle:before {
    content: "";
}

.ni-cross-c:before {
    content: "";
}

.ni-cross-round-fill:before {
    content: "";
}

.ni-cross-circle-fill:before {
    content: "";
}

.ni-cross-fill-c:before {
    content: "";
}

.ni-na:before {
    content: "";
}

.ni-check:before {
    content: "";
}

.ni-check-thick:before {
    content: "";
}

.ni-done:before {
    content: "";
}

.ni-check-round:before {
    content: "";
}

.ni-check-circle:before {
    content: "";
}

.ni-check-c:before {
    content: "";
}

.ni-check-round-fill:before {
    content: "";
}

.ni-check-circle-fill:before {
    content: "";
}

.ni-check-fill-c:before {
    content: "";
}

.ni-check-circle-cut:before {
    content: "";
}

.ni-check-round-cut:before {
    content: "";
}

.ni-bullet:before {
    content: "";
}

.ni-circle:before {
    content: "";
}

.ni-square:before {
    content: "";
}

.ni-square-c:before {
    content: "";
}

.ni-bullet-fill:before {
    content: "";
}

.ni-circle-fill:before {
    content: "";
}

.ni-square-fill:before {
    content: "";
}

.ni-square-fill-c:before {
    content: "";
}

.ni-plus-sm:before {
    content: "";
}

.ni-minus-sm:before {
    content: "";
}

.ni-plus:before {
    content: "";
}

.ni-minus:before {
    content: "";
}

.ni-plus-round:before {
    content: "";
}

.ni-minus-round:before {
    content: "";
}

.ni-plus-circle:before {
    content: "";
}

.ni-minus-circle:before {
    content: "";
}

.ni-plus-c:before {
    content: "";
}

.ni-minus-c:before {
    content: "";
}

.ni-plus-round-fill:before {
    content: "";
}

.ni-plus-circle-fill:before {
    content: "";
}

.ni-minus-round-fill:before {
    content: "";
}

.ni-minus-circle-fill:before {
    content: "";
}

.ni-plus-fill-c:before {
    content: "";
}

.ni-minus-fill-c:before {
    content: "";
}

.ni-plus-medi:before {
    content: "";
}

.ni-plus-medi-fill:before {
    content: "";
}

.ni-equal-sm:before {
    content: "";
}

.ni-equal:before {
    content: "";
}

.ni-calc:before {
    content: "";
}

.ni-search:before {
    content: "";
}

.ni-zoom-out:before {
    content: "";
}

.ni-zoom-in:before {
    content: "";
}

.ni-play:before {
    content: "";
}

.ni-play-fill:before {
    content: "";
}

.ni-play-circle:before {
    content: "";
}

.ni-play-circle-fill:before {
    content: "";
}

.ni-pause:before {
    content: "";
}

.ni-pause-fill:before {
    content: "";
}

.ni-pause-circle:before {
    content: "";
}

.ni-pause-circle-fill:before {
    content: "";
}

.ni-stop:before {
    content: "";
}

.ni-stop-fill:before {
    content: "";
}

.ni-stop-circle:before {
    content: "";
}

.ni-stop-circle-fill:before {
    content: "";
}

.ni-rewind:before {
    content: "";
}

.ni-forward:before {
    content: "";
}

.ni-rewind-fill:before {
    content: "";
}

.ni-forward-fill:before {
    content: "";
}

.ni-step-back:before {
    content: "";
}

.ni-step-forward:before {
    content: "";
}

.ni-vol-off:before {
    content: "";
}

.ni-vol-no:before {
    content: "";
}

.ni-vol-half:before {
    content: "";
}

.ni-vol:before {
    content: "";
}

.ni-mic:before {
    content: "";
}

.ni-mic-off:before {
    content: "";
}

.ni-video:before {
    content: "";
}

.ni-video-off:before {
    content: "";
}

.ni-video-fill:before {
    content: "";
}

.ni-loader:before {
    content: "";
}

.ni-power:before {
    content: "";
}

.ni-signout:before {
    content: "";
}

.ni-signin:before {
    content: "";
}

.ni-upload:before {
    content: "";
}

.ni-download:before {
    content: "";
}

.ni-alert-circle:before {
    content: "";
}

.ni-alert:before {
    content: "";
}

.ni-caution:before {
    content: "";
}

.ni-report:before {
    content: "";
}

.ni-alert-c:before {
    content: "";
}

.ni-alert-circle-fill:before {
    content: "";
}

.ni-alert-fill:before {
    content: "";
}

.ni-caution-fill:before {
    content: "";
}

.ni-report-fill:before {
    content: "";
}

.ni-alert-fill-c:before {
    content: "";
}

.ni-info-i:before {
    content: "";
}

.ni-info:before {
    content: "";
}

.ni-info-fill:before {
    content: "";
}

.ni-help:before {
    content: "";
}

.ni-help-fill:before {
    content: "";
}

.ni-archived:before {
    content: "";
}

.ni-archive:before {
    content: "";
}

.ni-unarchive:before {
    content: "";
}

.ni-archived-fill:before {
    content: "";
}

.ni-archive-fill:before {
    content: "";
}

.ni-unarchive-fill:before {
    content: "";
}

.ni-bag:before {
    content: "";
}

.ni-bag-fill:before {
    content: "";
}

.ni-bell:before {
    content: "";
}

.ni-bell-off:before {
    content: "";
}

.ni-bell-fill:before {
    content: "";
}

.ni-bell-off-fill:before {
    content: "";
}

.ni-wifi:before {
    content: "";
}

.ni-wifi-off:before {
    content: "";
}

.ni-live:before {
    content: "";
}

.ni-signal:before {
    content: "";
}

.ni-bluetooth:before {
    content: "";
}

.ni-blank-alt:before {
    content: "";
}

.ni-blank:before {
    content: "";
}

.ni-blank-fill:before {
    content: "";
}

.ni-blankf-fill:before {
    content: "";
}

.ni-block-over:before {
    content: "";
}

.ni-book-read:before {
    content: "";
}

.ni-book:before {
    content: "";
}

.ni-book-fill:before {
    content: "";
}

.ni-bulb-fill:before {
    content: "";
}

.ni-bulb:before {
    content: "";
}

.ni-calendar-alt-fill:before {
    content: "";
}

.ni-calendar-alt:before {
    content: "";
}

.ni-calendar-booking-fill:before {
    content: "";
}

.ni-calendar-booking:before {
    content: "";
}

.ni-calendar-check-fill:before {
    content: "";
}

.ni-calendar-check:before {
    content: "";
}

.ni-calendar-fill:before {
    content: "";
}

.ni-calendar:before {
    content: "";
}

.ni-calender-date-fill:before {
    content: "";
}

.ni-calender-date:before {
    content: "";
}

.ni-call:before {
    content: "";
}

.ni-call-alt:before {
    content: "";
}

.ni-call-alt-fill:before {
    content: "";
}

.ni-call-fill:before {
    content: "";
}

.ni-camera-fill:before {
    content: "";
}

.ni-camera:before {
    content: "";
}

.ni-capsule:before {
    content: "";
}

.ni-capsule-fill:before {
    content: "";
}

.ni-cards:before {
    content: "";
}

.ni-cards-fill:before {
    content: "";
}

.ni-cart:before {
    content: "";
}

.ni-cart-fill:before {
    content: "";
}

.ni-cc:before {
    content: "";
}

.ni-cc-alt:before {
    content: "";
}

.ni-cc-alt2:before {
    content: "";
}

.ni-cc-secure:before {
    content: "";
}

.ni-cc-new:before {
    content: "";
}

.ni-cc-off:before {
    content: "";
}

.ni-cc-fill:before {
    content: "";
}

.ni-cc-alt-fill:before {
    content: "";
}

.ni-cc-alt2-fill:before {
    content: "";
}

.ni-cc-secure-fill:before {
    content: "";
}

.ni-msg-circle:before {
    content: "";
}

.ni-chat-circle:before {
    content: "";
}

.ni-msg:before {
    content: "";
}

.ni-chat:before {
    content: "";
}

.ni-question-alt:before {
    content: "";
}

.ni-question:before {
    content: "";
}

.ni-msg-circle-fill:before {
    content: "";
}

.ni-chat-circle-fill:before {
    content: "";
}

.ni-msg-fill:before {
    content: "";
}

.ni-chat-fill:before {
    content: "";
}

.ni-clip-h:before {
    content: "";
}

.ni-clip-v:before {
    content: "";
}

.ni-clip:before {
    content: "";
}

.ni-link-alt:before {
    content: "";
}

.ni-unlink:before {
    content: "";
}

.ni-unlink-alt:before {
    content: "";
}

.ni-link-h:before {
    content: "";
}

.ni-link-v:before {
    content: "";
}

.ni-link:before {
    content: "";
}

.ni-clipboard:before {
    content: "";
}

.ni-clipboad-check:before {
    content: "";
}

.ni-clipboard-fill:before {
    content: "";
}

.ni-clipboad-check-fill:before {
    content: "";
}

.ni-clock:before {
    content: "";
}

.ni-clock-fill:before {
    content: "";
}

.ni-cloud:before {
    content: "";
}

.ni-upload-cloud:before {
    content: "";
}

.ni-download-cloud:before {
    content: "";
}

.ni-cloud-fill:before {
    content: "";
}

.ni-contact:before {
    content: "";
}

.ni-contact-fill:before {
    content: "";
}

.ni-coffee:before {
    content: "";
}

.ni-coffee-fill:before {
    content: "";
}

.ni-box-view:before {
    content: "";
}

.ni-col-view:before {
    content: "";
}

.ni-sidebar:before {
    content: "";
}

.ni-layout:before {
    content: "";
}

.ni-table-view:before {
    content: "";
}

.ni-layout2:before {
    content: "";
}

.ni-row-view:before {
    content: "";
}

.ni-dot-box:before {
    content: "";
}

.ni-layout-fill:before {
    content: "";
}

.ni-box-view-fill:before {
    content: "";
}

.ni-sidebar-fill:before {
    content: "";
}

.ni-table-view-fill:before {
    content: "";
}

.ni-dot-box-fill:before {
    content: "";
}

.ni-template:before {
    content: "";
}

.ni-browser:before {
    content: "";
}

.ni-toolbar:before {
    content: "";
}

.ni-browser-fill:before {
    content: "";
}

.ni-toolbar-fill:before {
    content: "";
}

.ni-template-fill:before {
    content: "";
}

.ni-box:before {
    content: "";
}

.ni-package:before {
    content: "";
}

.ni-layer:before {
    content: "";
}

.ni-layers:before {
    content: "";
}

.ni-panel:before {
    content: "";
}

.ni-server:before {
    content: "";
}

.ni-layer-fill:before {
    content: "";
}

.ni-layers-fill:before {
    content: "";
}

.ni-package-fill:before {
    content: "";
}

.ni-panel-fill:before {
    content: "";
}

.ni-server-fill:before {
    content: "";
}

.ni-color-palette:before {
    content: "";
}

.ni-color-palette-fill:before {
    content: "";
}

.ni-copy:before {
    content: "";
}

.ni-copy-fill:before {
    content: "";
}

.ni-crop-alt:before {
    content: "";
}

.ni-crop:before {
    content: "";
}

.ni-target:before {
    content: "";
}

.ni-crosshair:before {
    content: "";
}

.ni-crosshair-fill:before {
    content: "";
}

.ni-db-fill:before {
    content: "";
}

.ni-db:before {
    content: "";
}

.ni-hard-drive:before {
    content: "";
}

.ni-cpu:before {
    content: "";
}

.ni-disk:before {
    content: "";
}

.ni-pen:before {
    content: "";
}

.ni-edit-alt:before {
    content: "";
}

.ni-pen-fill:before {
    content: "";
}

.ni-edit-alt-fill:before {
    content: "";
}

.ni-pen-alt-fill:before {
    content: "";
}

.ni-edit-fill:before {
    content: "";
}

.ni-edit:before {
    content: "";
}

.ni-external-alt:before {
    content: "";
}

.ni-external:before {
    content: "";
}

.ni-eye-alt:before {
    content: "";
}

.ni-eye-alt-fill:before {
    content: "";
}

.ni-eye:before {
    content: "";
}

.ni-eye-fill:before {
    content: "";
}

.ni-eye-off:before {
    content: "";
}

.ni-eye-off-fill:before {
    content: "";
}

.ni-file:before {
    content: "";
}

.ni-file-minus:before {
    content: "";
}

.ni-file-plus:before {
    content: "";
}

.ni-file-remove:before {
    content: "";
}

.ni-file-check:before {
    content: "";
}

.ni-file-code:before {
    content: "";
}

.ni-file-docs:before {
    content: "";
}

.ni-file-img:before {
    content: "";
}

.ni-file-doc:before {
    content: "";
}

.ni-file-pdf:before {
    content: "";
}

.ni-file-xls:before {
    content: "";
}

.ni-file-zip:before {
    content: "";
}

.ni-file-download:before {
    content: "";
}

.ni-file-text:before {
    content: "";
}

.ni-files:before {
    content: "";
}

.ni-file-fill:before {
    content: "";
}

.ni-file-minus-fill:before {
    content: "";
}

.ni-file-plus-fill:before {
    content: "";
}

.ni-file-remove-fill:before {
    content: "";
}

.ni-file-check-fill:before {
    content: "";
}

.ni-file-text-fill:before {
    content: "";
}

.ni-files-fill:before {
    content: "";
}

.ni-folder:before {
    content: "";
}

.ni-folder-minus:before {
    content: "";
}

.ni-folder-plus:before {
    content: "";
}

.ni-folder-remove:before {
    content: "";
}

.ni-folder-check:before {
    content: "";
}

.ni-folder-list:before {
    content: "";
}

.ni-folders:before {
    content: "";
}

.ni-folder-fill:before {
    content: "";
}

.ni-folders-fill:before {
    content: "";
}

.ni-filter-alt:before {
    content: "";
}

.ni-sort-line:before {
    content: "";
}

.ni-filter-fill:before {
    content: "";
}

.ni-filter:before {
    content: "";
}

.ni-flag:before {
    content: "";
}

.ni-flag-fill:before {
    content: "";
}

.ni-notify:before {
    content: "";
}

.ni-dashboard:before {
    content: "";
}

.ni-dashboard-fill:before {
    content: "";
}

.ni-grid-sq:before {
    content: "";
}

.ni-grid:before {
    content: "";
}

.ni-grid-c:before {
    content: "";
}

.ni-grid-alt:before {
    content: "";
}

.ni-grid-plus:before {
    content: "";
}

.ni-grid-add-c:before {
    content: "";
}

.ni-grid-fill:before {
    content: "";
}

.ni-grid-fill-c:before {
    content: "";
}

.ni-grid-alt-fill:before {
    content: "";
}

.ni-grid-plus-fill:before {
    content: "";
}

.ni-grid-add-fill-c:before {
    content: "";
}

.ni-grid-box-alt-fill:before {
    content: "";
}

.ni-grid-box-alt:before {
    content: "";
}

.ni-grid-box:before {
    content: "";
}

.ni-grid-box-fill:before {
    content: "";
}

.ni-grid-line:before {
    content: "";
}

.ni-menu-alt-left:before {
    content: "";
}

.ni-menu-alt-r:before {
    content: "";
}

.ni-menu-alt:before {
    content: "";
}

.ni-menu-center:before {
    content: "";
}

.ni-menu-left:before {
    content: "";
}

.ni-menu-right:before {
    content: "";
}

.ni-menu:before {
    content: "";
}

.ni-trend-up:before {
    content: "";
}

.ni-trend-down:before {
    content: "";
}

.ni-line-chart-down:before {
    content: "";
}

.ni-line-chart-up:before {
    content: "";
}

.ni-line-chart:before {
    content: "";
}

.ni-bar-chart:before {
    content: "";
}

.ni-bar-chart-alt:before {
    content: "";
}

.ni-chart-up:before {
    content: "";
}

.ni-chart-down:before {
    content: "";
}

.ni-growth:before {
    content: "";
}

.ni-growth-fill:before {
    content: "";
}

.ni-bar-chart-fill:before {
    content: "";
}

.ni-bar-c:before {
    content: "";
}

.ni-bar-fill-c:before {
    content: "";
}

.ni-pie:before {
    content: "";
}

.ni-pie-alt:before {
    content: "";
}

.ni-pie-fill:before {
    content: "";
}

.ni-activity:before {
    content: "";
}

.ni-activity-alt:before {
    content: "";
}

.ni-activity-round:before {
    content: "";
}

.ni-activity-round-fill:before {
    content: "";
}

.ni-meter:before {
    content: "";
}

.ni-speed:before {
    content: "";
}

.ni-happy:before {
    content: "";
}

.ni-sad:before {
    content: "";
}

.ni-meh:before {
    content: "";
}

.ni-happy-fill:before {
    content: "";
}

.ni-happyf-fill:before {
    content: "";
}

.ni-sad-fill:before {
    content: "";
}

.ni-meh-fill:before {
    content: "";
}

.ni-home:before {
    content: "";
}

.ni-home-alt:before {
    content: "";
}

.ni-home-fill:before {
    content: "";
}

.ni-img:before {
    content: "";
}

.ni-img-fill:before {
    content: "";
}

.ni-inbox:before {
    content: "";
}

.ni-inbox-in:before {
    content: "";
}

.ni-inbox-out:before {
    content: "";
}

.ni-inbox-fill:before {
    content: "";
}

.ni-inbox-in-fill:before {
    content: "";
}

.ni-inbox-out-fill:before {
    content: "";
}

.ni-link-group:before {
    content: "";
}

.ni-lock:before {
    content: "";
}

.ni-lock-alt:before {
    content: "";
}

.ni-lock-fill:before {
    content: "";
}

.ni-lock-alt-fill:before {
    content: "";
}

.ni-unlock:before {
    content: "";
}

.ni-unlock-fill:before {
    content: "";
}

.ni-mail:before {
    content: "";
}

.ni-emails:before {
    content: "";
}

.ni-mail-fill:before {
    content: "";
}

.ni-emails-fill:before {
    content: "";
}

.ni-map-pin:before {
    content: "";
}

.ni-location:before {
    content: "";
}

.ni-map:before {
    content: "";
}

.ni-map-pin-fill:before {
    content: "";
}

.ni-list:before {
    content: "";
}

.ni-list-ol:before {
    content: "";
}

.ni-align-center:before {
    content: "";
}

.ni-align-justify:before {
    content: "";
}

.ni-align-left:before {
    content: "";
}

.ni-align-right:before {
    content: "";
}

.ni-list-check:before {
    content: "";
}

.ni-list-round:before {
    content: "";
}

.ni-card-view:before {
    content: "";
}

.ni-list-fill:before {
    content: "";
}

.ni-save:before {
    content: "";
}

.ni-save-fill:before {
    content: "";
}

.ni-move:before {
    content: "";
}

.ni-scissor:before {
    content: "";
}

.ni-text:before {
    content: "";
}

.ni-text-a:before {
    content: "";
}

.ni-bold:before {
    content: "";
}

.ni-italic:before {
    content: "";
}

.ni-underline:before {
    content: "";
}

.ni-percent:before {
    content: "";
}

.ni-at:before {
    content: "";
}

.ni-hash:before {
    content: "";
}

.ni-code:before {
    content: "";
}

.ni-code-download:before {
    content: "";
}

.ni-terminal:before {
    content: "";
}

.ni-cmd:before {
    content: "";
}

.ni-sun:before {
    content: "";
}

.ni-sun-fill:before {
    content: "";
}

.ni-moon-fill:before {
    content: "";
}

.ni-moon:before {
    content: "";
}

.ni-light:before {
    content: "";
}

.ni-light-fill:before {
    content: "";
}

.ni-more-v:before {
    content: "";
}

.ni-more-h:before {
    content: "";
}

.ni-more-h-alt:before {
    content: "";
}

.ni-more-v-alt:before {
    content: "";
}

.ni-music:before {
    content: "";
}

.ni-movie:before {
    content: "";
}

.ni-offer:before {
    content: "";
}

.ni-offer-fill:before {
    content: "";
}

.ni-opt-alt:before {
    content: "";
}

.ni-opt:before {
    content: "";
}

.ni-opt-dot-alt:before {
    content: "";
}

.ni-opt-dot:before {
    content: "";
}

.ni-opt-dot-fill:before {
    content: "";
}

.ni-opt-alt-fill:before {
    content: "";
}

.ni-user-alt:before {
    content: "";
}

.ni-user-alt-fill:before {
    content: "";
}

.ni-user:before {
    content: "";
}

.ni-users:before {
    content: "";
}

.ni-user-add:before {
    content: "";
}

.ni-user-remove:before {
    content: "";
}

.ni-user-check:before {
    content: "";
}

.ni-user-cross:before {
    content: "";
}

.ni-account-setting:before {
    content: "";
}

.ni-account-setting-alt:before {
    content: "";
}

.ni-user-list:before {
    content: "";
}

.ni-user-fill:before {
    content: "";
}

.ni-users-fill:before {
    content: "";
}

.ni-user-add-fill:before {
    content: "";
}

.ni-user-remove-fill:before {
    content: "";
}

.ni-user-check-fill:before {
    content: "";
}

.ni-user-cross-fill:before {
    content: "";
}

.ni-account-setting-fill:before {
    content: "";
}

.ni-user-list-fill:before {
    content: "";
}

.ni-user-circle:before {
    content: "";
}

.ni-user-circle-fill:before {
    content: "";
}

.ni-user-c:before {
    content: "";
}

.ni-user-fill-c:before {
    content: "";
}

.ni-user-round:before {
    content: "";
}

.ni-printer:before {
    content: "";
}

.ni-printer-fill:before {
    content: "";
}

.ni-laptop:before {
    content: "";
}

.ni-monitor:before {
    content: "";
}

.ni-tablet:before {
    content: "";
}

.ni-mobile:before {
    content: "";
}

.ni-undo:before {
    content: "";
}

.ni-redo:before {
    content: "";
}

.ni-reload-alt:before {
    content: "";
}

.ni-reload:before {
    content: "";
}

.ni-regen-alt:before {
    content: "";
}

.ni-regen:before {
    content: "";
}

.ni-invest:before {
    content: "";
}

.ni-history:before {
    content: "";
}

.ni-histroy:before {
    content: "";
}

.ni-update:before {
    content: "";
}

.ni-repeat:before {
    content: "";
}

.ni-repeat-v:before {
    content: "";
}

.ni-tranx:before {
    content: "";
}

.ni-reply-all:before {
    content: "";
}

.ni-reply:before {
    content: "";
}

.ni-reply-fill:before {
    content: "";
}

.ni-reply-all-fill:before {
    content: "";
}

.ni-notes:before {
    content: "";
}

.ni-note-add:before {
    content: "";
}

.ni-notes-alt:before {
    content: "";
}

.ni-article:before {
    content: "";
}

.ni-text-rich:before {
    content: "";
}

.ni-todo:before {
    content: "";
}

.ni-report-profit:before {
    content: "";
}

.ni-reports-alt:before {
    content: "";
}

.ni-reports:before {
    content: "";
}

.ni-task:before {
    content: "";
}

.ni-note-add-c:before {
    content: "";
}

.ni-task-c:before {
    content: "";
}

.ni-todo-fill:before {
    content: "";
}

.ni-note-add-fill-c:before {
    content: "";
}

.ni-task-fill-c:before {
    content: "";
}

.ni-scan-fill:before {
    content: "";
}

.ni-scan:before {
    content: "";
}

.ni-qr:before {
    content: "";
}

.ni-money:before {
    content: "";
}

.ni-coins:before {
    content: "";
}

.ni-coin:before {
    content: "";
}

.ni-coin-alt:before {
    content: "";
}

.ni-coin-alt-fill:before {
    content: "";
}

.ni-setting-alt-fill:before {
    content: "";
}

.ni-setting-alt:before {
    content: "";
}

.ni-setting-fill:before {
    content: "";
}

.ni-setting:before {
    content: "";
}

.ni-share-alt:before {
    content: "";
}

.ni-share-fill:before {
    content: "";
}

.ni-share:before {
    content: "";
}

.ni-network:before {
    content: "";
}

.ni-rss:before {
    content: "";
}

.ni-shield:before {
    content: "";
}

.ni-shield-star:before {
    content: "";
}

.ni-shield-check:before {
    content: "";
}

.ni-shield-alert:before {
    content: "";
}

.ni-shield-off:before {
    content: "";
}

.ni-security:before {
    content: "";
}

.ni-policy:before {
    content: "";
}

.ni-shield-alert-fill:before {
    content: "";
}

.ni-shield-check-fill:before {
    content: "";
}

.ni-shield-fill:before {
    content: "";
}

.ni-shield-half:before {
    content: "";
}

.ni-shield-star-fill:before {
    content: "";
}

.ni-policy-fill:before {
    content: "";
}

.ni-spark:before {
    content: "";
}

.ni-spark-off:before {
    content: "";
}

.ni-spark-fill:before {
    content: "";
}

.ni-spark-off-fill:before {
    content: "";
}

.ni-wallet:before {
    content: "";
}

.ni-wallet-alt:before {
    content: "";
}

.ni-wallet-in:before {
    content: "";
}

.ni-wallet-out:before {
    content: "";
}

.ni-wallet-saving:before {
    content: "";
}

.ni-wallet-fill:before {
    content: "";
}

.ni-star:before {
    content: "";
}

.ni-star-half:before {
    content: "";
}

.ni-star-half-fill:before {
    content: "";
}

.ni-star-fill:before {
    content: "";
}

.ni-star-round:before {
    content: "";
}

.ni-heart:before {
    content: "";
}

.ni-heart-fill:before {
    content: "";
}

.ni-swap-alt-fill:before {
    content: "";
}

.ni-swap-alt:before {
    content: "";
}

.ni-thumbs-down:before {
    content: "";
}

.ni-thumbs-up:before {
    content: "";
}

.ni-tag:before {
    content: "";
}

.ni-tag-alt:before {
    content: "";
}

.ni-tags:before {
    content: "";
}

.ni-tag-fill:before {
    content: "";
}

.ni-tag-alt-fill:before {
    content: "";
}

.ni-tags-fill:before {
    content: "";
}

.ni-bookmark:before {
    content: "";
}

.ni-bookmark-fill:before {
    content: "";
}

.ni-label:before {
    content: "";
}

.ni-label-fill:before {
    content: "";
}

.ni-priority:before {
    content: "";
}

.ni-piority:before {
    content: "";
}

.ni-priority-fill:before {
    content: "";
}

.ni-piority-fill:before {
    content: "";
}

.ni-label-alt:before {
    content: "";
}

.ni-label-alt-fill:before {
    content: "";
}

.ni-ticket-alt:before {
    content: "";
}

.ni-ticket:before {
    content: "";
}

.ni-ticket-minus:before {
    content: "";
}

.ni-ticket-plus:before {
    content: "";
}

.ni-ticket-alt-fill:before {
    content: "";
}

.ni-ticket-fill:before {
    content: "";
}

.ni-ticket-minus-fill:before {
    content: "";
}

.ni-ticket-plus-fill:before {
    content: "";
}

.ni-toggle-off:before {
    content: "";
}

.ni-toggle-on:before {
    content: "";
}

.ni-trash-alt:before {
    content: "";
}

.ni-trash-empty:before {
    content: "";
}

.ni-trash:before {
    content: "";
}

.ni-trash-fill:before {
    content: "";
}

.ni-trash-empty-fill:before {
    content: "";
}

.ni-delete-fill:before {
    content: "";
}

.ni-delete:before {
    content: "";
}

.ni-alarm-alt:before {
    content: "";
}

.ni-alarm:before {
    content: "";
}

.ni-bugs:before {
    content: "";
}

.ni-building:before {
    content: "";
}

.ni-building-fill:before {
    content: "";
}

.ni-headphone:before {
    content: "";
}

.ni-headphone-fill:before {
    content: "";
}

.ni-aperture:before {
    content: "";
}

.ni-help-alt:before {
    content: "";
}

.ni-award:before {
    content: "";
}

.ni-briefcase:before {
    content: "";
}

.ni-gift:before {
    content: "";
}

.ni-globe:before {
    content: "";
}

.ni-umbrela:before {
    content: "";
}

.ni-truck:before {
    content: "";
}

.ni-sign-usd:before {
    content: "";
}

.ni-sign-dollar:before {
    content: "";
}

.ni-sign-mxn:before {
    content: "";
}

.ni-sign-sgd:before {
    content: "";
}

.ni-sign-euro:before {
    content: "";
}

.ni-sign-eur:before {
    content: "";
}

.ni-sign-gbp:before {
    content: "";
}

.ni-sign-pound:before {
    content: "";
}

.ni-sign-thb:before {
    content: "";
}

.ni-sign-inr:before {
    content: "";
}

.ni-sign-jpy:before {
    content: "";
}

.ni-sign-yen:before {
    content: "";
}

.ni-sign-cny:before {
    content: "";
}

.ni-sign-kobo:before {
    content: "";
}

.ni-sign-chf:before {
    content: "";
}

.ni-sign-vnd:before {
    content: "";
}

.ni-sign-php:before {
    content: "";
}

.ni-sign-brl:before {
    content: "";
}

.ni-sign-idr:before {
    content: "";
}

.ni-sign-czk:before {
    content: "";
}

.ni-sign-hkd:before {
    content: "";
}

.ni-sign-kr:before {
    content: "";
}

.ni-sign-dkk:before {
    content: "";
}

.ni-sign-nok:before {
    content: "";
}

.ni-sign-sek:before {
    content: "";
}

.ni-sign-rub:before {
    content: "";
}

.ni-sign-myr:before {
    content: "";
}

.ni-sign-pln:before {
    content: "";
}

.ni-sign-try:before {
    content: "";
}

.ni-sign-waves:before {
    content: "";
}

.ni-waves:before {
    content: "";
}

.ni-sign-trx:before {
    content: "";
}

.ni-tron:before {
    content: "";
}

.ni-sign-xem:before {
    content: "";
}

.ni-nem:before {
    content: "";
}

.ni-sign-mxr:before {
    content: "";
}

.ni-monero:before {
    content: "";
}

.ni-sign-usdc:before {
    content: "";
}

.ni-sign-steller:before {
    content: "";
}

.ni-sign-steem:before {
    content: "";
}

.ni-sign-usdt:before {
    content: "";
}

.ni-tether:before {
    content: "";
}

.ni-sign-btc:before {
    content: "";
}

.ni-bitcoin:before {
    content: "";
}

.ni-sign-bch:before {
    content: "";
}

.ni-bitcoin-cash:before {
    content: "";
}

.ni-sign-bnb:before {
    content: "";
}

.ni-binance:before {
    content: "";
}

.ni-sign-ada:before {
    content: "";
}

.ni-sign-zcash:before {
    content: "";
}

.ni-sign-eth:before {
    content: "";
}

.ni-ethereum:before {
    content: "";
}

.ni-sign-dash:before {
    content: "";
}

.ni-dash:before {
    content: "";
}

.ni-sign-xrp-old:before {
    content: "";
}

.ni-ripple-old:before {
    content: "";
}

.ni-sign-eos:before {
    content: "";
}

.ni-eos:before {
    content: "";
}

.ni-sign-xrp:before {
    content: "";
}

.ni-ripple:before {
    content: "";
}

.ni-american-express:before {
    content: "";
}

.ni-jcb:before {
    content: "";
}

.ni-cc-jcb:before {
    content: "";
}

.ni-mc:before {
    content: "";
}

.ni-cc-mc:before {
    content: "";
}

.ni-discover:before {
    content: "";
}

.ni-cc-discover:before {
    content: "";
}

.ni-visa:before {
    content: "";
}

.ni-cc-visa:before {
    content: "";
}

.ni-cc-paypal:before {
    content: "";
}

.ni-cc-stripe:before {
    content: "";
}

.ni-amazon-pay:before {
    content: "";
}

.ni-amazon-pay-fill:before {
    content: "";
}

.ni-google-pay:before {
    content: "";
}

.ni-google-pay-fill:before {
    content: "";
}

.ni-apple-pay:before {
    content: "";
}

.ni-apple-pay-fill:before {
    content: "";
}

.ni-angular:before {
    content: "";
}

.ni-react:before {
    content: "";
}

.ni-laravel:before {
    content: "";
}

.ni-html5:before {
    content: "";
}

.ni-css3-fill:before {
    content: "";
}

.ni-css3:before {
    content: "";
}

.ni-js:before {
    content: "";
}

.ni-php:before {
    content: "";
}

.ni-python:before {
    content: "";
}

.ni-bootstrap:before {
    content: "";
}

.ni-ebay:before {
    content: "";
}

.ni-google-wallet:before {
    content: "";
}

.ni-google-drive:before {
    content: "";
}

.ni-google-play-store:before {
    content: "";
}

.ni-android:before {
    content: "";
}

.ni-blogger-fill:before {
    content: "";
}

.ni-blogger:before {
    content: "";
}

.ni-hangout:before {
    content: "";
}

.ni-apple-store:before {
    content: "";
}

.ni-apple-store-ios:before {
    content: "";
}

.ni-stripe:before {
    content: "";
}

.ni-apple:before {
    content: "";
}

.ni-microsoft:before {
    content: "";
}

.ni-windows:before {
    content: "";
}

.ni-amazon:before {
    content: "";
}

.ni-paypal-alt:before {
    content: "";
}

.ni-airbnb:before {
    content: "";
}

.ni-adobe:before {
    content: "";
}

.ni-mailchimp:before {
    content: "";
}

.ni-dropbox:before {
    content: "";
}

.ni-digital-ocean:before {
    content: "";
}

.ni-slack:before {
    content: "";
}

.ni-slack-hash:before {
    content: "";
}

.ni-stack-overflow:before {
    content: "";
}

.ni-soundcloud:before {
    content: "";
}

.ni-blackberry:before {
    content: "";
}

.ni-spotify:before {
    content: "";
}

.ni-kickstarter:before {
    content: "";
}

.ni-houzz:before {
    content: "";
}

.ni-vine:before {
    content: "";
}

.ni-yelp:before {
    content: "";
}

.ni-yoast:before {
    content: "";
}

.ni-envato:before {
    content: "";
}

.ni-wordpress:before {
    content: "";
}

.ni-wp:before {
    content: "";
}

.ni-wordpress-fill:before {
    content: "";
}

.ni-elementor:before {
    content: "";
}

.ni-joomla:before {
    content: "";
}

.ni-megento:before {
    content: "";
}

.ni-git:before {
    content: "";
}

.ni-github:before {
    content: "";
}

.ni-github-round:before {
    content: "";
}

.ni-github-circle:before {
    content: "";
}

.ni-dribbble:before {
    content: "";
}

.ni-dribbble-round:before {
    content: "";
}

.ni-behance:before {
    content: "";
}

.ni-behance-fill:before {
    content: "";
}

.ni-flickr:before {
    content: "";
}

.ni-flickr-round:before {
    content: "";
}

.ni-medium:before {
    content: "";
}

.ni-medium-round:before {
    content: "";
}

.ni-reddit:before {
    content: "";
}

.ni-reddit-round:before {
    content: "";
}

.ni-reddit-circle:before {
    content: "";
}

.ni-google:before {
    content: "";
}

.ni-facebook-f:before {
    content: "";
}

.ni-facebook-fill:before {
    content: "";
}

.ni-facebook-circle:before {
    content: "";
}

.ni-instagram:before {
    content: "";
}

.ni-instagram-round:before {
    content: "";
}

.ni-linkedin:before {
    content: "";
}

.ni-linkedin-round:before {
    content: "";
}

.ni-twitter:before {
    content: "";
}

.ni-twitter-round:before {
    content: "";
}

.ni-pinterest:before {
    content: "";
}

.ni-pinterest-round:before {
    content: "";
}

.ni-pinterest-circle:before {
    content: "";
}

.ni-tumblr:before {
    content: "";
}

.ni-tumblr-round:before {
    content: "";
}

.ni-skype:before {
    content: "";
}

.ni-viber:before {
    content: "";
}

.ni-whatsapp:before {
    content: "";
}

.ni-whatsapp-round:before {
    content: "";
}

.ni-snapchat:before {
    content: "";
}

.ni-snapchat-fill:before {
    content: "";
}

.ni-telegram:before {
    content: "";
}

.ni-telegram-circle:before {
    content: "";
}

.ni-youtube-line:before {
    content: "";
}

.ni-youtube:before {
    content: "";
}

.ni-youtube-fill:before {
    content: "";
}

.ni-youtube-round:before {
    content: "";
}

.ni-vimeo:before {
    content: "";
}

.ni-vimeo-fill:before {
    content: "";
}

/*nio icons ends here*/


