/* Minimizzazione non riuscita. Verrà restituito il contenuto non minimizzato.
(3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(56,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(137,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(142,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-table-head-fg-2'
(142,41): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black'
(149,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-table-head-bg'
(154,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(158,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(192,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-3'
(192,32): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(207,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(207,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(232,33): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(240,31): run-time error CSS1039: Token not allowed after unary operator: '-sh-warn'
(241,34): run-time error CSS1039: Token not allowed after unary operator: '-sh-warn'
(257,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-warn'
(262,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-warn-ink'
(267,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-hover'
(267,42): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(294,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-warn'
(295,23): run-time error CSS1039: Token not allowed after unary operator: '-sh-r-pill'
(296,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-warn-tint'
(297,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-warn-ink'
(298,19): run-time error CSS1039: Token not allowed after unary operator: '-sh-fs-micro'
(318,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-3'
(360,22): run-time error CSS1039: Token not allowed after unary operator: '-sh-field-edge'
(360,43): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(374,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color-2'
(375,15): run-time error CSS1039: Token not allowed after unary operator: '-text-muted-color'
(388,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(389,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(400,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(401,22): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(475,15): run-time error CSS1039: Token not allowed after unary operator: '-main-color-crm-hoover'
(488,22): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc'
(488,36): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(521,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(566,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-row-child-bg'
(566,43): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(567,33): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(567,48): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(571,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(571,48): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(580,33): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(580,48): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(584,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-hover'
(584,42): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(592,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-hover'
(592,42): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(597,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(597,43): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(629,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(640,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(653,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(1755,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(2215,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(2233,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3172,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3702,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3726,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3732,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3737,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3744,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3757,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3789,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(4278,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5230,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5271,17): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5291,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5298,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5342,22): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5346,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5738,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5984,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(6402,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(6411,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(7476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7478,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7489,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7491,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7493,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7494,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7495,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7496,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7499,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7500,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7501,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7502,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7503,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7504,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7505,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7506,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7507,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7524,22): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-1'
(7524,56): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-1'
(7524,90): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-2'
(7524,124): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-2'
(7528,30): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(7529,33): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(7535,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(7541,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(7772,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7816,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-3'
(7817,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7818,29): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7822,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-3'
(7826,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7827,29): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7835,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-3'
(7839,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7840,29): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7848,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color'
(7849,22): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7860,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color'
(7887,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color'
(7888,22): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7908,30): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7922,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(7923,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(7953,26): run-time error CSS1039: Token not allowed after unary operator: '-collabnoteimage'
(7966,33): run-time error CSS1039: Token not allowed after unary operator: '-collabnet'
(7972,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-dark'
(8049,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(8063,26): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(8071,15): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(8234,32): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black'
(8244,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-reject'
(8248,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(8252,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(8260,43): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(8261,28): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8289,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8298,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8307,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8326,20): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color-2'
(8377,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(8430,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-3'
(8434,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(8435,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(8436,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-3'
(8445,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-3'
(8449,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(8453,22): run-time error CSS1039: Token not allowed after unary operator: '-error-element-border'
(8455,26): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(8470,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-absence'
(8476,26): run-time error CSS1039: Token not allowed after unary operator: '-attendance-registry-overtime'
(8503,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color-2'
(8508,32): run-time error CSS1039: Token not allowed after unary operator: '-calendar-with-note'
(8512,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-2'
(8517,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-absence'
(8522,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-ordinary'
(8531,26): run-time error CSS1039: Token not allowed after unary operator: '-info-tooltip'
(8535,29): run-time error CSS1039: Token not allowed after unary operator: '-info-tooltip'
(8539,26): run-time error CSS1039: Token not allowed after unary operator: '-success-tooltip'
(8543,29): run-time error CSS1039: Token not allowed after unary operator: '-success-tooltip'
(8547,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-tooltip'
(8551,29): run-time error CSS1039: Token not allowed after unary operator: '-danger-tooltip'
(8555,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning-hoover'
(8559,29): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning-hoover'
(8571,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(8584,33): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(8591,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-element-circle'
(8642,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(8646,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(8650,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(8654,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(8658,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(8662,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(8710,15): run-time error CSS1039: Token not allowed after unary operator: '-text-muted-color'
(8715,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(8720,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8743,31): run-time error CSS1039: Token not allowed after unary operator: '-separator-color'
(8766,33): run-time error CSS1039: Token not allowed after unary operator: '-printable-hoover'
(8771,26): run-time error CSS1039: Token not allowed after unary operator: '-printable-hoover'
(8818,15): run-time error CSS1039: Token not allowed after unary operator: '-print-table-color'
(8837,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(8866,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color-2'
(8875,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(8888,26): run-time error CSS1039: Token not allowed after unary operator: '-report-no-hover-bg'
(8888,52): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8930,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(8936,27): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8969,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(8984,34): run-time error CSS1039: Token not allowed after unary operator: '-maps-content-editable'
(8987,15): run-time error CSS1039: Token not allowed after unary operator: '-maps-content-editable'
(9064,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(9070,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(9119,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9130,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9153,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(9166,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9240,33): run-time error CSS1039: Token not allowed after unary operator: '-separator-color'
(9245,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(9256,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9261,26): run-time error CSS1039: Token not allowed after unary operator: '-selected-bg-color'
(9301,32): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-ring'
(9308,48): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-ease'
(9330,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-4'
(9331,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color-4'
(9355,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc'
(9355,29): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(9360,19): run-time error CSS1039: Token not allowed after unary operator: '-sh-fs-title'
(9361,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(9368,19): run-time error CSS1039: Token not allowed after unary operator: '-sh-fs-body'
(9370,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(9375,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(9397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9399,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9400,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9409,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9413,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9418,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9420,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9421,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9456,22): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9550,22): run-time error CSS1039: Token not allowed after unary operator: '-switch-focus'
(9552,74): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-hoover-button'
(9553,66): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-hoover-button'
(9589,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9590,20): run-time error CSS1039: Token not allowed after unary operator: '-green-blue-crayola'
(9595,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9596,20): run-time error CSS1039: Token not allowed after unary operator: '-sky-blue'
(9601,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9602,20): run-time error CSS1039: Token not allowed after unary operator: '-mantis'
(9607,20): run-time error CSS1039: Token not allowed after unary operator: '-indian-yellow'
(9608,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9613,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9614,20): run-time error CSS1039: Token not allowed after unary operator: '-indian-red'
(9620,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(9653,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9654,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9655,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9656,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9657,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9658,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9659,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9660,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9661,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9662,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9664,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9665,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9666,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9668,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9669,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9671,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9672,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9673,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9674,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9675,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9676,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9677,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9678,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9679,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9681,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9684,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9716,31): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9725,37): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(9726,40): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(9727,32): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(9728,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9729,30): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9750,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9752,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9753,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9758,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9759,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9760,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9762,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9763,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9764,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9765,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9766,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9767,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9768,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9792,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(9963,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9964,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9965,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9966,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9994,31): run-time error CSS1039: Token not allowed after unary operator: '-main-color-2'
(10007,31): run-time error CSS1039: Token not allowed after unary operator: '-main-color-2'
(10009,34): run-time error CSS1039: Token not allowed after unary operator: '-main-color-2'
(10063,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10066,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(10074,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(10080,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10089,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10093,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10094,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10095,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10096,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10105,30): run-time error CSS1039: Token not allowed after unary operator: '-calendar-slidebox'
(10181,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10194,35): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10200,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-box-odd'
(10226,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10232,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-important-border'
(10235,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-warning-border'
(10238,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-info-border'
(10241,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(10244,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-success-border'
(10247,26): run-time error CSS1039: Token not allowed after unary operator: '-special-event-background'
(10248,26): run-time error CSS1039: Token not allowed after unary operator: '-special-event-border'
(10259,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(10263,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10266,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(10266,63): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(10266,98): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(10266,134): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(10269,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(10272,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(10275,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(10278,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(10281,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(10284,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(10287,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(10290,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-gray'
(10293,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10294,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(10297,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10301,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10302,20): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-2'
(10303,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10308,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10314,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10319,50): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10320,42): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10322,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10327,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10333,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-important-border'
(10337,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-info-border'
(10341,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-warning-border'
(10345,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(10349,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-success-border'
(10353,26): run-time error CSS1039: Token not allowed after unary operator: '-special-event-border'
(10367,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10370,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-unavailability-text'
(10374,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10377,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-unavailability-text'
(10382,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-deadline-completed-hoover'
(10386,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(10391,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10395,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(10399,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-deadline-completed'
(10402,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(10406,15): run-time error CSS1039: Token not allowed after unary operator: '-yellowgreen'
(10410,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-event-user-contract'
(10413,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(10417,15): run-time error CSS1039: Token not allowed after unary operator: '-platinum'
(10420,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(10428,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(10432,15): run-time error CSS1039: Token not allowed after unary operator: '-orange-peel'
(10436,15): run-time error CSS1039: Token not allowed after unary operator: '-orange-peel'
(10439,15): run-time error CSS1039: Token not allowed after unary operator: '-cadmium-orange'
(10443,15): run-time error CSS1039: Token not allowed after unary operator: '-chestnut'
(10447,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(10451,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(10455,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(10459,15): run-time error CSS1039: Token not allowed after unary operator: '-jonquil'
(10463,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color-2'
(10466,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color-2'
(10470,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-important-background'
(10473,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-important-background'
(10477,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-warning-background'
(10480,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-warning-background'
(10484,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-info-background'
(10487,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-info-background'
(10491,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10494,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10498,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-success-background'
(10501,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-success-background'
(10505,26): run-time error CSS1039: Token not allowed after unary operator: '-special-event-background'
(10508,26): run-time error CSS1039: Token not allowed after unary operator: '-special-event-background'
(10513,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10520,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10528,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10529,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10530,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10531,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10562,15): run-time error CSS1039: Token not allowed after unary operator: '-patriarch'
(10566,15): run-time error CSS1039: Token not allowed after unary operator: '-darkred'
(10570,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10575,15): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(10579,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-carmine'
(10583,26): run-time error CSS1039: Token not allowed after unary operator: '-brandy'
(10587,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-info'
(10591,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-info-hoover'
(10595,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning'
(10599,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning-hoover'
(10603,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-success'
(10607,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-success-hoover'
(10611,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-primary'
(10615,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-hoover-primary'
(10638,15): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(10641,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10649,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(10650,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10653,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(10654,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10657,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(10658,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10676,15): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(10679,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10687,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(10688,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10691,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(10692,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10695,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(10696,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10703,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(10704,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10707,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10713,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(10714,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10717,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10720,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(10721,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10724,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10727,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10728,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10729,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10730,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10750,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10753,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(10754,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10757,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(10765,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10770,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10775,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(10792,26): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10812,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10815,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color'
(10816,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(11109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11139,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11192,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(11193,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(11194,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(11200,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(11202,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(11242,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(11243,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11277,30): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(11307,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(11312,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med-2'
(11329,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11330,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color'
(11336,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11337,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11341,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11345,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11349,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11353,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11354,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11359,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11360,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11364,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11368,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11372,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11376,20): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11377,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11382,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11383,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11387,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11391,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11395,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11399,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11400,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11405,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11406,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11410,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11414,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11418,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11422,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11423,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11428,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11429,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(11433,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11437,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11441,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11445,20): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(11446,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11451,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11452,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11456,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11460,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11464,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11468,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11469,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11474,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11475,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11479,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11483,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11487,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11491,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11492,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11497,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(11498,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-8'
(11502,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11506,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11510,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11514,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-8'
(11515,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11520,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(11521,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-9'
(11525,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11529,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11533,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11537,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-9'
(11538,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11545,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-red'
(11549,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-red'
(11552,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(11555,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-red'
(11558,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-red'
(11559,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-red'
(11562,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-green'
(11566,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-green'
(11569,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(11572,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-green'
(11575,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-green'
(11576,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-green'
(11579,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-yellow'
(11583,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-yellow'
(11586,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(11589,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-yellow'
(11592,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-yellow'
(11593,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-yellow'
(11596,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-orange'
(11600,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-orange'
(11603,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(11606,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-orange'
(11609,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-orange'
(11610,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-orange'
(11613,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-blue'
(11617,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-blue'
(11620,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(11623,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-blue'
(11626,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-blue'
(11627,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-blue'
(11630,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-purple'
(11634,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-purple'
(11637,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(11640,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-purple'
(11643,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-purple'
(11644,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-purple'
(11647,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-black'
(11651,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-black'
(11654,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(11657,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-black'
(11660,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-black'
(11661,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-black'
(11664,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-pink'
(11668,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-pink'
(11671,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(11674,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-pink'
(11677,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-pink'
(11678,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-pink'
(11681,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-brown'
(11685,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-brown'
(11688,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(11691,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-brown'
(11694,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-brown'
(11695,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-brown'
(11712,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11713,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11714,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11715,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11721,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11724,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11738,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11751,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(11755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11759,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-notification-background'
(11763,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(11791,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(11859,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(11860,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(11892,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(11913,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(11975,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(11979,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(11980,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(11988,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12038,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(12039,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12044,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(12053,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(12064,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12065,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(12069,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12076,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12077,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12082,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12083,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(12087,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12092,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(12093,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(12097,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(12104,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(12105,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(12110,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(12111,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(12115,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12120,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12121,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(12125,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12132,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12133,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12138,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12139,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(12143,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12148,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12149,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(12153,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12160,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12161,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12166,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12167,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(12171,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12176,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(12177,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12181,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12188,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12189,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12194,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12195,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(12199,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(12200,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12204,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12211,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12212,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12217,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(12218,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(12222,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12227,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12228,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(12232,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12239,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12240,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12245,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12246,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(12250,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12255,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12256,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(12260,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12267,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12268,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12273,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12274,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(12278,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12283,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(12284,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(12288,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(12295,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(12296,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(12301,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(12302,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(12306,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12310,26): run-time error CSS1039: Token not allowed after unary operator: '-button-disabled-color'
(12311,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(12327,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-on-red'
(12331,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-red'
(12332,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-red'
(12335,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-red'
(12339,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-on-green'
(12343,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-green'
(12344,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-green'
(12347,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-green'
(12351,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-on-yellow'
(12355,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-yellow'
(12356,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-yellow'
(12359,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-yellow'
(12363,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-on-orange'
(12367,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-orange'
(12368,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-orange'
(12371,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-orange'
(12375,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-on-blue'
(12379,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-blue'
(12380,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-blue'
(12383,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-blue'
(12389,22): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-3'
(12390,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-card'
(12391,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(12394,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(12399,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12416,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12420,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(12421,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(12422,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(12426,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12427,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(12431,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12432,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(12436,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(12437,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(12441,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(12442,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(12446,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12447,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(12451,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12452,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(12456,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12457,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(12461,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12462,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(12466,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(12467,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12471,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(12472,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12476,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12477,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(12481,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12482,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(12486,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12487,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(12491,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12492,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(12496,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(12497,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(12498,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(12502,26): run-time error CSS1039: Token not allowed after unary operator: '-button-disabled-color'
(12503,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(12508,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(12509,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(12522,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12540,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(12541,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(12542,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12564,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12597,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(12601,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(12605,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(12641,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(12697,33): run-time error CSS1039: Token not allowed after unary operator: '-separator-color'
(12701,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(12729,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(12734,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(12753,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(12767,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(12771,26): run-time error CSS1039: Token not allowed after unary operator: '-modal-button-hover-bg'
(12771,55): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12811,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-muted-color'
(12830,20): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12832,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(12833,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(12844,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(12844,37): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(12845,30): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(12845,52): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12850,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(12850,32): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(12873,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(12878,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(12883,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12888,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(12893,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12898,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12903,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(12908,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12913,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12926,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(12930,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(12934,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(12938,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(12942,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(12946,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12950,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(12954,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(12960,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(12966,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12972,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(12978,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12984,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12990,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12996,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(13002,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(13007,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(13011,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(13015,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(13019,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(13023,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(13027,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(13031,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(13035,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(13079,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(13083,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-ink'
(13087,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(13091,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13096,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13101,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13106,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13111,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13116,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13121,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13126,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13131,15): run-time error CSS1039: Token not allowed after unary operator: '-light-gray'
(13135,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13139,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13143,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13147,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13151,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13155,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13159,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13163,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13170,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(13179,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(13196,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(13200,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(13204,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(13208,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(13212,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(13216,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(13220,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(13224,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(13237,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-5'
(13241,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(13244,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2-darker'
(13275,22): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(13285,34): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(13292,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(13293,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(13299,32): run-time error CSS1039: Token not allowed after unary operator: '-select-arrow'
(13328,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(13340,26): run-time error CSS1039: Token not allowed after unary operator: '-disabled-bg-color'
(13345,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(13367,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(13387,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(13450,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-alt'
(13454,26): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(13472,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(13476,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(13508,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(13532,15): run-time error CSS1039: Token not allowed after unary operator: '-default-label-color'
(13536,15): run-time error CSS1039: Token not allowed after unary operator: '-label-4-color'
(13552,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(13553,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(13613,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(13619,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13624,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(13631,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(13637,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13638,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13642,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13649,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13650,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(13655,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13656,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13660,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(13667,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13668,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13672,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13679,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13680,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(13685,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13686,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13690,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(13697,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13698,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13702,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13709,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13710,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(13715,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13716,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13720,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(13727,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13728,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13732,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13739,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13740,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13745,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13746,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13753,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13754,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13758,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13765,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13766,15): run-time error CSS1039: Token not allowed after unary operator: '-default-blue'
(13770,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13777,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13778,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13782,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13789,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13790,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13795,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13796,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13800,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13806,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13807,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13811,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13818,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13819,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(13824,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13825,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13829,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(13836,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13837,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13841,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13848,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13849,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13854,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13855,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13859,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(13864,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-pink'
(13865,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-pink'
(13869,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13876,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13877,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13882,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13883,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13887,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(13937,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(13952,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(14025,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(14037,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(14084,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14102,26): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(14136,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14142,20): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color'
(14227,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14239,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(14240,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(14247,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14248,15): run-time error CSS1039: Token not allowed after unary operator: '-detail-item-color'
(14249,33): run-time error CSS1039: Token not allowed after unary operator: '-detail-item-color'
(14254,15): run-time error CSS1039: Token not allowed after unary operator: '-detail-item-color'
(14265,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(14302,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(14324,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(14328,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(14332,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(14336,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(14340,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(14344,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(14348,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(14352,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(14356,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(14360,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(14365,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(14369,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(14403,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(14448,8): run-time error CSS1030: Expected identifier, found ':'
(14448,32): run-time error CSS1031: Expected selector, found ')'
(14448,32): run-time error CSS1025: Expected comma or open brace, found ')'
(14455,8): run-time error CSS1030: Expected identifier, found ':'
(14455,32): run-time error CSS1031: Expected selector, found ')'
(14455,32): run-time error CSS1025: Expected comma or open brace, found ')'
(14460,8): run-time error CSS1030: Expected identifier, found ':'
(14460,32): run-time error CSS1031: Expected selector, found ')'
(14460,32): run-time error CSS1025: Expected comma or open brace, found ')'
(14464,8): run-time error CSS1030: Expected identifier, found ':'
(14464,32): run-time error CSS1031: Expected selector, found ')'
(14464,32): run-time error CSS1025: Expected comma or open brace, found ')'
(14468,8): run-time error CSS1030: Expected identifier, found ':'
(14468,32): run-time error CSS1031: Expected selector, found ')'
(14468,32): run-time error CSS1025: Expected comma or open brace, found ')'
(14472,8): run-time error CSS1030: Expected identifier, found ':'
(14472,32): run-time error CSS1031: Expected selector, found ')'
(14472,32): run-time error CSS1025: Expected comma or open brace, found ')'
(14476,8): run-time error CSS1030: Expected identifier, found ':'
(14476,32): run-time error CSS1031: Expected selector, found ')'
(14476,32): run-time error CSS1025: Expected comma or open brace, found ')'
(14480,8): run-time error CSS1030: Expected identifier, found ':'
(14480,32): run-time error CSS1031: Expected selector, found ')'
(14480,32): run-time error CSS1025: Expected comma or open brace, found ')'
(14484,8): run-time error CSS1030: Expected identifier, found ':'
(14484,32): run-time error CSS1031: Expected selector, found ')'
(14484,32): run-time error CSS1025: Expected comma or open brace, found ')'
(14488,8): run-time error CSS1030: Expected identifier, found ':'
(14488,32): run-time error CSS1031: Expected selector, found ')'
(14488,32): run-time error CSS1025: Expected comma or open brace, found ')'
(14492,8): run-time error CSS1030: Expected identifier, found ':'
(14492,32): run-time error CSS1031: Expected selector, found ')'
(14492,32): run-time error CSS1025: Expected comma or open brace, found ')'
(14768,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(14772,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(14773,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(14815,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14816,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(14821,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14827,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14828,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(14832,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14839,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14840,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14845,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14846,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14850,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(14855,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14856,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(14860,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14867,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14868,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14873,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14874,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14878,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(14883,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14884,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(14888,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14895,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14896,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14901,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14902,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14906,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(14911,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14912,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(14916,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14923,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14924,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14929,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14930,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14934,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(14939,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14940,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14944,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14951,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14952,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14957,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14958,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14962,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(14963,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14967,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14974,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14975,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14980,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(14981,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14985,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(14990,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(14991,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(14995,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(15002,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(15003,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(15008,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(15009,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(15013,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(15018,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(15019,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(15023,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(15030,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(15031,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(15036,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(15037,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(15041,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(15046,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(15047,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(15051,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(15058,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(15059,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(15064,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(15065,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(15069,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(15073,26): run-time error CSS1039: Token not allowed after unary operator: '-button-disabled-color'
(15074,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(15096,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(15097,20): run-time error CSS1039: Token not allowed after unary operator: '-iride-switch-checked-before'
(15113,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color-2'
(15114,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(15122,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(15127,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15155,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15165,32): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15182,25): run-time error CSS1030: Expected identifier, found ':'
(15182,26): run-time error CSS1031: Expected selector, found 'not('
(15182,26): run-time error CSS1025: Expected comma or open brace, found 'not('
(15283,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(15290,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(15291,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(15295,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15296,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(15300,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15301,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(15305,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15306,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(15310,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(15344,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(15350,27): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(15391,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(15392,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(15424,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(15425,22): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(15458,47): run-time error CSS1030: Expected identifier, found '['
(15458,55): run-time error CSS1031: Expected selector, found '*='
(15458,55): run-time error CSS1025: Expected comma or open brace, found '*='
(15491,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-ink'
(15491,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15537,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(15537,32): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(15550,47): run-time error CSS1030: Expected identifier, found '['
(15550,55): run-time error CSS1031: Expected selector, found '*='
(15550,55): run-time error CSS1025: Expected comma or open brace, found '*='
(15555,47): run-time error CSS1030: Expected identifier, found '['
(15555,55): run-time error CSS1031: Expected selector, found '*='
(15555,55): run-time error CSS1025: Expected comma or open brace, found '*='
(15568,47): run-time error CSS1030: Expected identifier, found '['
(15568,55): run-time error CSS1031: Expected selector, found '*='
(15568,55): run-time error CSS1025: Expected comma or open brace, found '*='
(15572,47): run-time error CSS1030: Expected identifier, found '['
(15572,55): run-time error CSS1031: Expected selector, found '*='
(15572,55): run-time error CSS1025: Expected comma or open brace, found '*='
(15580,46): run-time error CSS1030: Expected identifier, found '.'
(15580,68): run-time error CSS1031: Expected selector, found ')'
(15580,68): run-time error CSS1025: Expected comma or open brace, found ')'
(15664,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15667,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(15806,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15837,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(15842,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15849,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(15850,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(15866,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15874,26): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15875,27): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15876,28): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15879,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(15903,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-gray'
(15925,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(15929,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(15933,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(15942,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(15943,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-ink'
(15944,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(15952,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(15953,15): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(15968,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(15971,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15982,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(15987,15): run-time error CSS1039: Token not allowed after unary operator: '-req-field-lbl-color'
(15991,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(16008,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(16014,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(16018,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(16049,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(16053,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(16063,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(16081,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(16086,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(16095,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(16104,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(16124,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(16135,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(16154,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(16155,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(16158,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(16159,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16160,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(16168,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(16204,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16233,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(16237,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(16246,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(16250,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(16254,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(16259,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(16268,26): run-time error CSS1039: Token not allowed after unary operator: '-default-bg-light-color'
(16280,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(16289,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(16293,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(16297,33): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(16301,30): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(16305,31): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(16309,32): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(16314,15): run-time error CSS1039: Token not allowed after unary operator: '-jstree-icon-color'
(16322,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(16359,101): run-time error CSS1030: Expected identifier, found '['
(16359,116): run-time error CSS1031: Expected selector, found ']'
(16359,116): run-time error CSS1025: Expected comma or open brace, found ']'
(16365,101): run-time error CSS1030: Expected identifier, found '['
(16365,116): run-time error CSS1031: Expected selector, found ']'
(16365,116): run-time error CSS1025: Expected comma or open brace, found ']'
(16379,16): run-time error CSS1039: Token not allowed after unary operator: '-sh-row-child-rail-row-x'
(16381,101): run-time error CSS1030: Expected identifier, found '['
(16381,116): run-time error CSS1031: Expected selector, found ']'
(16381,116): run-time error CSS1025: Expected comma or open brace, found ']'
(16396,29): run-time error CSS1039: Token not allowed after unary operator: '-sh-row-child-sub-x'
(16404,29): run-time error CSS1039: Token not allowed after unary operator: '-sh-row-child-step'
(16405,33): run-time error CSS1039: Token not allowed after unary operator: '-sh-row-child-step'
(16409,32): run-time error CSS1039: Token not allowed after unary operator: '-sh-row-child-step'
(16422,23): run-time error CSS1039: Token not allowed after unary operator: '-sh-r-pill'
(16423,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(16424,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(16439,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(16440,23): run-time error CSS1039: Token not allowed after unary operator: '-sh-r-pill'
(16450,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(16454,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(16460,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(16494,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(16494,32): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(16505,23): run-time error CSS1039: Token not allowed after unary operator: '-sh-r-ctl'
(16515,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(16515,30): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(16518,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-hover'
(16521,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-ink'
(16521,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16524,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-soft'
(16527,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-tint-hover'
(16545,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16548,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16550,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16551,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16557,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16558,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16560,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16561,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16562,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16569,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16578,22): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-shine'
(16589,22): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-ray'
(16595,27): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-ray'
(16612,30): run-time error CSS1039: Token not allowed after unary operator: '-i'
(16623,30): run-time error CSS1039: Token not allowed after unary operator: '-i'
(16658,19): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-facet'
(16666,28): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-wing'
(16695,33): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-depth'
(16699,33): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-depth'
(16699,67): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-tilt'
(16699,105): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-tilt'
(16703,33): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-depth'
(16703,72): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-tilt'
(16703,118): run-time error CSS1039: Token not allowed after unary operator: '-iriday-mark-tilt'
(16712,39): run-time error CSS1039: Token not allowed after unary operator: '-sh-font'
(16726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16738,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16750,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16752,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16753,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16790,15): run-time error CSS1039: Token not allowed after unary operator: '-text-iride-tooltip'
(16791,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(16801,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(16817,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(16859,17): run-time error CSS1039: Token not allowed after unary operator: '-sh-z-menu'
(16863,30): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(16905,49): run-time error CSS1030: Expected identifier, found '>'
(16905,58): run-time error CSS1031: Expected selector, found ')'
(16905,58): run-time error CSS1025: Expected comma or open brace, found ')'
(16923,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(16951,30): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(16979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16995,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17008,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17048,30): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(17048,52): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(17056,31): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(17056,53): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(17078,32): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(17078,54): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(17096,31): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(17096,53): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(17106,31): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(17106,53): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(17133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17152,33): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17153,45): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17157,15): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17169,33): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17170,45): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17174,15): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17180,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17181,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17182,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17186,33): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17187,45): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17191,15): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17198,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17203,33): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17204,45): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17208,15): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17220,33): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17221,45): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17225,15): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17233,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17237,33): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17238,45): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17242,15): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17248,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17250,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17254,33): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17255,45): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17259,15): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17271,33): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17272,45): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17276,15): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17288,33): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17289,45): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17293,15): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17297,15): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(17329,26): run-time error CSS1039: Token not allowed after unary operator: '-selected-bg-color'
(17336,20): run-time error CSS1039: Token not allowed after unary operator: '-bom-head-bg'
(17338,15): run-time error CSS1039: Token not allowed after unary operator: '-bom-head-fg'
(17339,26): run-time error CSS1039: Token not allowed after unary operator: '-bom-acc'
(17347,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(17359,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(17359,30): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2-darker'
(17405,31): run-time error CSS1039: Token not allowed after unary operator: '-bom-edge'
(17406,32): run-time error CSS1039: Token not allowed after unary operator: '-bom-edge'
(17407,33): run-time error CSS1039: Token not allowed after unary operator: '-bom-edge'
(17428,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(17452,26): run-time error CSS1039: Token not allowed after unary operator: '-bom-edge'
(17452,42): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(17491,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-blue'
(17491,35): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(17568,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(17568,48): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(17585,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(17585,43): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(17586,34): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-ink'
(17587,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(17637,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-3'
(17637,32): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(17645,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-3'
(17645,32): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(17653,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(17657,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-ink'
(17657,33): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(17680,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-card'
(17689,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(17700,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-card'
(17701,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(17702,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(17702,32): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(17711,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(17716,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(17716,32): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(17724,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(17769,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-ink'
(17769,33): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(17790,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(17798,33): run-time error CSS1039: Token not allowed after unary operator: '-sh-danger'
(17798,50): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(17799,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-danger'
(17799,32): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(17808,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(17892,54): run-time error CSS1030: Expected identifier, found '~'
(17892,56): run-time error CSS1030: Expected identifier, found '.'
(17892,77): run-time error CSS1031: Expected selector, found ')'
(17892,77): run-time error CSS1025: Expected comma or open brace, found ')'
(17899,54): run-time error CSS1030: Expected identifier, found '~'
(17899,56): run-time error CSS1030: Expected identifier, found '.'
(17899,77): run-time error CSS1031: Expected selector, found ')'
(17899,77): run-time error CSS1025: Expected comma or open brace, found ')'
(17915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17917,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17919,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-card'
(17924,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-soft'
(17929,22): run-time error CSS1039: Token not allowed after unary operator: '-bom-edge'
(17930,34): run-time error CSS1039: Token not allowed after unary operator: '-bom-mark'
(17936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17937,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17940,22): run-time error CSS1039: Token not allowed after unary operator: '-bom-acc'
(17945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17949,22): run-time error CSS1039: Token not allowed after unary operator: '-bom-acc'
(17954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17958,22): run-time error CSS1039: Token not allowed after unary operator: '-bom-acc'
(17963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17967,22): run-time error CSS1039: Token not allowed after unary operator: '-bom-acc'
(17972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17976,22): run-time error CSS1039: Token not allowed after unary operator: '-bom-acc'
(17981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17985,22): run-time error CSS1039: Token not allowed after unary operator: '-bom-acc'
(17990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17994,22): run-time error CSS1039: Token not allowed after unary operator: '-bom-acc'
(17999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18003,22): run-time error CSS1039: Token not allowed after unary operator: '-bom-acc'
(18008,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18012,22): run-time error CSS1039: Token not allowed after unary operator: '-bom-acc'
(18019,34): run-time error CSS1039: Token not allowed after unary operator: '-bom-ink'
(18019,49): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-ink'
(18019,73): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(18026,19): run-time error CSS1039: Token not allowed after unary operator: '-sh-fs-sm'
(18030,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(18035,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-3'
(18039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18040,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18041,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18043,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18044,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18054,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18057,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18058,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18077,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(18116,30): run-time error CSS1039: Token not allowed after unary operator: '-separator-color'
(18135,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color'
(18153,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-hoover-button'
(18183,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(18206,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(18215,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(18216,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-ink'
(18227,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(18242,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(18250,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(18272,33): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(18273,36): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(18274,28): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(18284,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(18310,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(18335,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(18344,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(18357,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(18358,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(18359,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(18361,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(18366,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(18374,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(18377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18382,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18387,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18388,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18389,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18393,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18394,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18395,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18399,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18400,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18489,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18491,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18493,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18494,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18495,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18496,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18499,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18500,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18501,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18502,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18503,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18504,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18505,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18506,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18507,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18508,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18515,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light'
(18870,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(18875,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med-2'
(18877,32): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med-2'
(18882,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(18887,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(18892,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(18897,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(18901,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(18905,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(18910,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-3'
(18911,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light'
(18912,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(18916,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(18917,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(18921,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(18925,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(18926,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-0'
(18930,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(18934,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-0'
(18938,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-0'
(18942,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(18947,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-1'
(18948,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(18949,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(18953,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(18957,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(18961,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(18965,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(18969,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(18974,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-2'
(18975,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(18976,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(18980,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(18984,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(18988,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(18992,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(18996,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(19001,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-3'
(19002,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(19003,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(19007,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(19011,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(19015,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(19019,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(19023,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(19028,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-4'
(19029,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(19030,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(19034,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(19038,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(19042,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(19046,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(19050,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(19055,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-5'
(19056,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(19057,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(19061,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(19065,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(19069,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(19073,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(19077,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(19082,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-6'
(19083,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(19084,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(19088,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(19092,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(19096,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(19100,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(19104,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(19109,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-7'
(19110,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(19111,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(19115,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(19119,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(19123,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(19127,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(19131,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(19138,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-red'
(19139,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-red'
(19143,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-red'
(19146,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-red'
(19149,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-green'
(19150,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-green'
(19154,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-green'
(19157,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-green'
(19160,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-yellow'
(19161,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-yellow'
(19165,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-yellow'
(19168,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-yellow'
(19171,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-orange'
(19172,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-orange'
(19176,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-orange'
(19179,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-orange'
(19182,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-blue'
(19183,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-blue'
(19187,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-blue'
(19190,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-blue'
(19193,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-purple'
(19194,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-purple'
(19198,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-purple'
(19201,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-purple'
(19204,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-black'
(19205,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-fill-black'
(19209,34): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-black'
(19212,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-ink-black'
(19215,22): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(19219,34): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-3'
(19222,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(19225,29): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(19228,22): run-time error CSS1039: Token not allowed after unary operator: '-sh-field-edge'
(19256,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19257,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19258,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19259,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19261,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19268,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19271,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19272,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19273,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19298,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(19299,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(19300,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(19301,30): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(19338,33): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(19387,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(19392,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(19394,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(19411,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(19416,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(19418,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(19451,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(19486,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(19507,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(19510,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(19513,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(19516,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(19519,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(19526,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(19564,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(19623,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(19690,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(19696,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(19732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19738,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19750,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19752,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19753,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19758,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19759,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19760,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19762,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19763,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19873,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-alt'
(20003,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(20044,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-alt'
(20069,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-5'
(20912,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(20917,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-hoover'
(20921,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(20929,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-hoover'
(20934,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-green'
(20938,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-green'
(20943,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-dark'
(20947,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-dark'
(20952,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-orange'
(20956,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-orange'
(20961,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(20965,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(20970,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(20974,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(20979,22): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(20983,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(20988,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(20992,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(20997,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(21001,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(21006,22): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(21010,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(21015,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(21019,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(21024,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(21028,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(21053,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(21057,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21058,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21163,19): run-time error CSS1039: Token not allowed after unary operator: '-login-form-font-size'
(21223,15): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(21229,15): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(21233,15): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(21238,15): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(21243,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21250,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21257,26): run-time error CSS1039: Token not allowed after unary operator: '-login-control-border-color'
(21277,26): run-time error CSS1039: Token not allowed after unary operator: '-login-control-border-color'
(21285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21289,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21298,22): run-time error CSS1039: Token not allowed after unary operator: '-login-control-border-color'
(21299,15): run-time error CSS1039: Token not allowed after unary operator: '-login-control-border-color'
(21306,33): run-time error CSS1039: Token not allowed after unary operator: '-login-control-border-color'
(21365,22): run-time error CSS1039: Token not allowed after unary operator: '-login-control-border-color'
(21399,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(21469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21499,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21505,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21506,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21534,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21535,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21538,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21539,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21540,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21541,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21542,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21544,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21545,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21550,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21551,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21552,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21553,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21554,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21555,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21556,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21557,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21558,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21560,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21561,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21562,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21563,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21564,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21565,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21566,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21567,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21568,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21569,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21570,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21571,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21572,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21573,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21582,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21583,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21584,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21585,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21586,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21587,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21588,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21589,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21593,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21594,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21595,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21597,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21598,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21599,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21600,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21601,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21602,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21603,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21605,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21606,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21607,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21615,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21616,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21617,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21618,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21619,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21620,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21621,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21622,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21665,54): run-time error CSS1039: Token not allowed after unary operator: '-login-wide-extra'
(21688,23): run-time error CSS1039: Token not allowed after unary operator: '-login-r-panel'
(21691,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink'
(21693,44): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-top'
(21693,71): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-top'
(21693,99): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-body'
(21693,128): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-body'
(21694,26): run-time error CSS1039: Token not allowed after unary operator: '-login-panel-line'
(21695,103): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-edge'
(21696,30): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-blur'
(21697,38): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-blur'
(21745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21765,36): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-px'
(21765,63): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reach'
(21765,95): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-lift'
(21765,124): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reach'
(21765,156): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-py'
(21765,183): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reach'
(21765,232): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-px'
(21765,259): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reach-r'
(21765,288): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-lift'
(21765,317): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reach-r'
(21775,72): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,108): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,154): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,190): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,237): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,273): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,317): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,348): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,387): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,423): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,469): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,505): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,551): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,587): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,632): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,668): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,712): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,748): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,856): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,892): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,939): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,975): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,1022): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,1058): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,1105): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,1141): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,1188): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,1224): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21775,1327): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex-ink'
(21775,1363): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-reflex'
(21780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21786,32): run-time error CSS1039: Token not allowed after unary operator: '-login-mo-glass-tilt'
(21790,36): run-time error CSS1039: Token not allowed after unary operator: '-login-mo-glass-sway'
(21797,105): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-edge-hover'
(21802,105): run-time error CSS1039: Token not allowed after unary operator: '-login-glass-edge-hover'
(21835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21836,51): run-time error CSS1039: Token not allowed after unary operator: '-login-welcome-hold'
(21836,143): run-time error CSS1039: Token not allowed after unary operator: '-login-welcome-hold'
(21888,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-strong'
(21909,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-3'
(21916,26): run-time error CSS1039: Token not allowed after unary operator: '-login-danger-line'
(21918,20): run-time error CSS1039: Token not allowed after unary operator: '-login-danger-bg'
(21919,15): run-time error CSS1039: Token not allowed after unary operator: '-login-danger'
(21926,22): run-time error CSS1039: Token not allowed after unary operator: '-login-info-line'
(21927,20): run-time error CSS1039: Token not allowed after unary operator: '-login-info-bg'
(21928,15): run-time error CSS1039: Token not allowed after unary operator: '-login-info'
(21960,20): run-time error CSS1039: Token not allowed after unary operator: '-login-divider'
(21972,26): run-time error CSS1039: Token not allowed after unary operator: '-login-note-line'
(21973,31): run-time error CSS1039: Token not allowed after unary operator: '-login-note'
(21974,23): run-time error CSS1039: Token not allowed after unary operator: '-login-r-ctl'
(21975,20): run-time error CSS1039: Token not allowed after unary operator: '-login-note-bg'
(21976,15): run-time error CSS1039: Token not allowed after unary operator: '-login-note'
(22003,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink'
(22017,26): run-time error CSS1039: Token not allowed after unary operator: '-login-field-line'
(22018,23): run-time error CSS1039: Token not allowed after unary operator: '-login-r-ctl'
(22019,20): run-time error CSS1039: Token not allowed after unary operator: '-login-field-bg'
(22020,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink'
(22029,20): run-time error CSS1039: Token not allowed after unary operator: '-login-field-solid'
(22030,22): run-time error CSS1039: Token not allowed after unary operator: '-login-focus'
(22031,30): run-time error CSS1039: Token not allowed after unary operator: '-login-focus-ring'
(22046,39): run-time error CSS1039: Token not allowed after unary operator: '-login-field-solid'
(22047,33): run-time error CSS1039: Token not allowed after unary operator: '-login-ink'
(22056,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-muted'
(22072,23): run-time error CSS1039: Token not allowed after unary operator: '-login-r-ctl'
(22074,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-muted'
(22080,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink'
(22081,20): run-time error CSS1039: Token not allowed after unary operator: '-login-hover-bg'
(22087,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink'
(22109,15): run-time error CSS1039: Token not allowed after unary operator: '-login-danger'
(22142,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-2'
(22150,15): run-time error CSS1039: Token not allowed after unary operator: '-login-link'
(22155,15): run-time error CSS1039: Token not allowed after unary operator: '-login-link-hover'
(22192,23): run-time error CSS1039: Token not allowed after unary operator: '-login-r-primary'
(22193,20): run-time error CSS1039: Token not allowed after unary operator: '-login-primary-bg'
(22240,88): run-time error CSS1039: Token not allowed after unary operator: '-login-sheen'
(22240,141): run-time error CSS1039: Token not allowed after unary operator: '-login-sheen'
(22240,191): run-time error CSS1039: Token not allowed after unary operator: '-login-sheen'
(22243,39): run-time error CSS1039: Token not allowed after unary operator: '-login-mo-sheen'
(22243,97): run-time error CSS1039: Token not allowed after unary operator: '-login-mo-sheen-wait'
(22268,23): run-time error CSS1039: Token not allowed after unary operator: '-login-primary-rest-weight'
(22271,31): run-time error CSS1039: Token not allowed after unary operator: '-login-hover-stroke'
(22275,29): run-time error CSS1039: Token not allowed after unary operator: '-login-hover-stroke'
(22304,25): run-time error CSS1039: Token not allowed after unary operator: '-login-r-ctl'
(22323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22326,32): run-time error CSS1039: Token not allowed after unary operator: '-sh-key-shift'
(22327,32): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-key'
(22327,56): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-ease'
(22332,35): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-key'
(22332,66): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-ease'
(22332,106): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-key'
(22332,137): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-ease'
(22342,31): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-key'
(22343,38): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-ease-pop'
(22347,28): run-time error CSS1039: Token not allowed after unary operator: '-sh-key-peek'
(22353,28): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-key-lag'
(22390,30): run-time error CSS1039: Token not allowed after unary operator: '-login-divider'
(22392,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-3'
(22397,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-soft'
(22565,44): run-time error CSS1039: Token not allowed after unary operator: '-login-wide-extra'
(22592,27): run-time error CSS1039: Token not allowed after unary operator: '-login-wide-extra'
(22707,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-motion-duration'
(22708,25): run-time error CSS1039: Token not allowed after unary operator: '-bg-motion-delay'
(22861,28): run-time error CSS1039: Token not allowed after unary operator: '-login-bg-video-fade-duration'
(22910,22): run-time error CSS1039: Token not allowed after unary operator: '-login-page-bg'
(22988,22): run-time error CSS1039: Token not allowed after unary operator: '-login-field-solid'
(23065,17): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-muted'
(23422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23441,28): run-time error CSS1039: Token not allowed after unary operator: '-login-quote-swap-duration'
(23441,101): run-time error CSS1039: Token not allowed after unary operator: '-login-quote-swap-duration'
(23441,170): run-time error CSS1039: Token not allowed after unary operator: '-login-quote-swap-duration'
(23463,28): run-time error CSS1039: Token not allowed after unary operator: '-login-bg-crossfade-duration'
(23572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23610,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-soft'
(23619,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink'
(23620,20): run-time error CSS1039: Token not allowed after unary operator: '-login-hover-bg'
(23678,23): run-time error CSS1039: Token not allowed after unary operator: '-login-r-ctl'
(23679,20): run-time error CSS1039: Token not allowed after unary operator: '-login-step-bg'
(23680,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-muted'
(23693,20): run-time error CSS1039: Token not allowed after unary operator: '-login-step-mark'
(23706,22): run-time error CSS1039: Token not allowed after unary operator: '-login-step-current-line'
(23707,20): run-time error CSS1039: Token not allowed after unary operator: '-login-step-current-bg'
(23708,15): run-time error CSS1039: Token not allowed after unary operator: '-login-step-current'
(23714,20): run-time error CSS1039: Token not allowed after unary operator: '-login-primary-bg'
(23718,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-2'
(23722,20): run-time error CSS1039: Token not allowed after unary operator: '-login-link'
(23734,26): run-time error CSS1039: Token not allowed after unary operator: '-login-note-line'
(23736,20): run-time error CSS1039: Token not allowed after unary operator: '-login-note-bg'
(23737,15): run-time error CSS1039: Token not allowed after unary operator: '-login-note'
(23746,15): run-time error CSS1039: Token not allowed after unary operator: '-login-link'
(23764,15): run-time error CSS1039: Token not allowed after unary operator: '-login-ink-muted'
(23781,26): run-time error CSS1039: Token not allowed after unary operator: '-login-meter-bg'
(23848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23865,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23868,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23871,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23872,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23873,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23874,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23925,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(23954,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(24014,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(24081,15): run-time error CSS1039: Token not allowed after unary operator: '-modal-button-neutral-ink'
(24081,47): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(24086,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(24091,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(24096,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(24101,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(24106,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(24111,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(24116,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(24122,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(24137,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(24160,26): run-time error CSS1039: Token not allowed after unary operator: '-modal-button-hover-bg'
(24160,55): run-time error CSS1039: Token not allowed after unary operator: '-hover-bg-color'
(24178,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(24182,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(24186,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(24190,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(24194,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(24198,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(24204,15): run-time error CSS1039: Token not allowed after unary operator: '-text-knockout-color'
(24268,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24284,31): run-time error CSS1039: Token not allowed after unary operator: '-delete-confirm-ink'
(24285,20): run-time error CSS1039: Token not allowed after unary operator: '-delete-confirm-tint'
(24286,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-confirm-ink'
(24287,31): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-k'
(24295,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(24296,31): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-k'
(24304,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-confirm-ink'
(24309,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-confirm-ink'
(24324,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(24325,23): run-time error CSS1039: Token not allowed after unary operator: '-sh-r-ctl'
(24326,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-field-bg'
(24327,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(24328,31): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-k'
(24334,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-3'
(24340,22): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-ink'
(24340,40): run-time error CSS1039: Token not allowed after unary operator: '-delete-confirm-ink'
(24350,20): run-time error CSS1039: Token not allowed after unary operator: '-delete-confirm-ink'
(24351,26): run-time error CSS1039: Token not allowed after unary operator: '-delete-confirm-progress'
(24361,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-confirm-ink'
(24375,22): run-time error CSS1039: Token not allowed after unary operator: '-delete-confirm-ink'
(24387,20): run-time error CSS1039: Token not allowed after unary operator: '-delete-confirm-ink'
(24387,46): run-time error CSS1039: Token not allowed after unary operator: '-sh-danger'
(24395,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-danger'
(24419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24420,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24421,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24429,23): run-time error CSS1039: Token not allowed after unary operator: '-sh-r-lg'
(24430,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-card'
(24431,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(24432,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-shadow-float'
(24437,34): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-slow'
(24437,59): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-ease'
(24442,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-scrim'
(24451,15): run-time error CSS1039: Token not allowed after unary operator: '-idle-ring'
(24452,16): run-time error CSS1039: Token not allowed after unary operator: '-idle-ring'
(24474,16): run-time error CSS1039: Token not allowed after unary operator: '-idle-track'
(24480,16): run-time error CSS1039: Token not allowed after unary operator: '-idle-ink'
(24483,37): run-time error CSS1039: Token not allowed after unary operator: '-idle-window'
(24484,27): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-slow'
(24489,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(24490,31): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-k'
(24494,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-slow'
(24500,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(24501,19): run-time error CSS1039: Token not allowed after unary operator: '-sh-fs-sm'
(24507,16): run-time error CSS1039: Token not allowed after unary operator: '-idle-warn'
(24511,15): run-time error CSS1039: Token not allowed after unary operator: '-idle-warn-ink'
(24517,31): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-k'
(24526,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(24527,19): run-time error CSS1039: Token not allowed after unary operator: '-sh-fs-body'
(24532,15): run-time error CSS1039: Token not allowed after unary operator: '-idle-warn-ink'
(24556,23): run-time error CSS1039: Token not allowed after unary operator: '-sh-r-primary'
(24557,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-primary'
(24557,38): run-time error CSS1039: Token not allowed after unary operator: '-idle-ink'
(24558,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-primary-on'
(24559,19): run-time error CSS1039: Token not allowed after unary operator: '-sh-fs-body'
(24568,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-primary-hover'
(24568,44): run-time error CSS1039: Token not allowed after unary operator: '-sh-primary'
(24568,62): run-time error CSS1039: Token not allowed after unary operator: '-idle-ink'
(24569,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-primary-on'
(24582,88): run-time error CSS1039: Token not allowed after unary operator: '-sh-primary-sheen'
(24582,152): run-time error CSS1039: Token not allowed after unary operator: '-sh-primary-sheen'
(24582,213): run-time error CSS1039: Token not allowed after unary operator: '-sh-primary-sheen'
(24585,39): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-primary-sheen'
(24585,109): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-primary-sheen-wait'
(24611,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(24612,19): run-time error CSS1039: Token not allowed after unary operator: '-sh-fs-body'
(24618,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(24622,27): run-time error CSS1039: Token not allowed after unary operator: '-idle-ink'
(24650,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-canvas'
(24650,37): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(24664,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text'
(24665,31): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-k'
(24689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24724,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24738,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24747,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24750,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24752,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24753,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24763,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(24856,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(24873,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(24900,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(24904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24905,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24907,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24911,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24917,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24924,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24926,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24931,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24933,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24940,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(24960,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(25027,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(25032,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(25056,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(25127,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(25133,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(25163,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(25179,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(25183,21): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(25572,17): run-time error CSS1039: Token not allowed after unary operator: '-reminder-modal-ink'
(25573,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(25844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25865,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25868,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25871,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25872,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25873,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25874,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25889,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(25894,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-info-background'
(25899,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-info-background'
(25904,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(25909,26): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(25914,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(25919,26): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(25924,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(25929,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(25934,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(25939,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(25944,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(25949,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(25954,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(25959,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(25964,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(25969,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(25974,26): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(25979,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(25984,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-4'
(25988,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(25993,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-5'
(26018,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(26023,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(26044,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(26064,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(26072,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(26077,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-info-background'
(26082,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(26087,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(26091,15): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(26095,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-4'
(26099,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(26103,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-5'
(26111,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(26134,15): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(26144,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(26149,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(26157,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color'
(26168,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color-2'
(26209,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color-2'
(26224,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(26281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26289,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26306,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26306,57): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26306,89): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26306,104): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26306,136): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26306,151): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26308,25): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26308,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26309,40): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26309,69): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26309,108): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26309,137): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26320,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26326,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26334,8): run-time error CSS1030: Expected identifier, found ':'
(26334,30): run-time error CSS1031: Expected selector, found ')'
(26334,30): run-time error CSS1025: Expected comma or open brace, found ')'
(26346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26347,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26348,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26349,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26350,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26351,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26354,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26354,57): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26354,89): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26354,104): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26354,136): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26354,151): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26356,25): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26356,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26357,40): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26357,73): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26357,107): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26357,140): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26357,174): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26357,207): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26358,41): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-spin'
(26365,35): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-spin'
(26370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26378,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26378,57): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26378,89): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26378,104): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26378,136): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26378,151): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26380,25): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26380,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26381,40): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26381,73): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26381,107): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26381,140): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26381,174): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26381,207): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26382,41): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-spin'
(26387,35): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-spin'
(26401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26409,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26409,57): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26409,89): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26409,104): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26409,136): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26409,151): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26411,25): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26411,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26412,40): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26412,73): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26412,107): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26412,140): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26412,174): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26412,207): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26413,41): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-spin'
(26419,35): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-spin'
(26425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26435,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26435,57): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26435,89): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26435,104): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26435,136): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26435,151): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26437,25): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26437,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26438,40): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26438,69): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26438,108): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26438,137): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26454,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26455,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26458,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26459,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26462,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26462,57): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26462,89): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26462,104): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26462,136): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26462,151): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26464,25): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26464,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26465,40): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26465,73): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26465,107): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26465,140): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26465,174): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26465,207): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26466,41): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-spin'
(26471,35): run-time error CSS1039: Token not allowed after unary operator: '-sh-mo-spin'
(26485,23): run-time error CSS1039: Token not allowed after unary operator: '-sh-r-lg'
(26486,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-card'
(26486,35): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(26487,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-shadow-float'
(26491,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26529,20): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26530,21): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26531,17): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26532,18): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26534,22): run-time error CSS1039: Token not allowed after unary operator: '-wait-1'
(26538,22): run-time error CSS1039: Token not allowed after unary operator: '-wait-2'
(26542,22): run-time error CSS1039: Token not allowed after unary operator: '-wait-3'
(26567,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26567,71): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26567,110): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26567,139): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26570,46): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26570,85): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26570,114): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26573,46): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26573,76): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26573,110): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26573,139): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26576,46): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26576,76): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26576,110): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26579,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26579,71): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26579,101): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26579,135): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26582,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26582,71): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26582,101): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26582,130): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26582,160): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26585,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26585,71): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26585,101): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26585,130): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26588,46): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26588,76): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26588,105): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26591,46): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26591,76): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26591,105): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26591,139): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26594,46): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26594,76): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26594,114): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26597,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26597,71): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26597,101): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26597,139): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26600,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26600,71): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26600,101): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26600,135): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26600,164): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26603,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26603,71): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26603,110): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26603,139): run-time error CSS1039: Token not allowed after unary operator: '-wait-cell'
(26608,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26608,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26608,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26608,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26608,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26608,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26611,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26611,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26611,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26611,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26611,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26611,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26614,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26614,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26614,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26614,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26614,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26614,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26617,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26617,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26617,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26617,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26617,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26617,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26620,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26620,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26620,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26620,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26620,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26620,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26623,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26623,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26623,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26623,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26623,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26623,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26626,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26626,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26626,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26626,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26626,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26626,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26629,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26629,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26629,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26629,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26629,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26629,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26632,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26632,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26632,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26632,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26632,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26632,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26635,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26635,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26635,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26635,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26635,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26635,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26638,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26638,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26638,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26638,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26638,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26638,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26641,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26641,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26641,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26641,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26641,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26641,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26644,42): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26644,75): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26644,109): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26644,142): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26644,176): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26644,209): run-time error CSS1039: Token not allowed after unary operator: '-wait-step'
(26808,26): run-time error CSS1039: Token not allowed after unary operator: '-spinner-background'
(26953,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26956,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26957,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26991,16): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(27005,20): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(27008,20): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(27011,20): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(27014,20): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(27017,16): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(27043,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(27046,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(27049,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27052,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(27069,23): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(27072,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black-1'
(27075,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black-2'
(27078,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black-2'
(27081,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(27084,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(27092,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(27104,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(27116,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(27128,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(27141,30): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(27144,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27145,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27153,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(27179,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-card'
(27220,31): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(27285,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27286,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27345,33): run-time error CSS1039: Token not allowed after unary operator: '-separator-color'
(27375,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27376,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27383,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27393,22): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(27397,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(27400,22): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27404,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27407,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(27410,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27419,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-bg-color-2'
(27423,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(27436,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(27439,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27477,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(27487,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(27497,26): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27500,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27500,73): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27503,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(27504,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27507,33): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27508,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27508,73): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27511,31): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27516,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-card'
(27521,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27526,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(27543,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(27546,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(27549,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27552,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(27555,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(27562,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(27565,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(27568,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(27590,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(27595,30): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27598,20): run-time error CSS1039: Token not allowed after unary operator: '-ar-expected-bg'
(27602,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27606,20): run-time error CSS1039: Token not allowed after unary operator: '-ar-expected-label-bg'
(27607,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(27610,20): run-time error CSS1039: Token not allowed after unary operator: '-ar-expected-label-bg'
(27611,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(27615,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(27648,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(27651,26): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27660,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(27661,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-card'
(27670,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-hover'
(27671,22): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27676,30): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27689,27): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(27693,27): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(27715,13): run-time error CSS1039: Token not allowed after unary operator: '-attendance-registry-subheader-top'
(27717,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(27718,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27724,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27727,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27731,77): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27754,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(27766,26): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27819,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(27829,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(27842,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(27846,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(27850,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(27875,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(27878,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(27881,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(27884,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27887,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(27890,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(27896,15): run-time error CSS1039: Token not allowed after unary operator: '-text-muted-color'
(27939,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(27942,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(27945,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(27948,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(27996,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(27999,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(28002,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(28005,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(28008,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(28011,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(28014,30): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(28029,13): run-time error CSS1039: Token not allowed after unary operator: '-sh-thead-top'
(28030,17): run-time error CSS1039: Token not allowed after unary operator: '-sh-z-row-head'
(28031,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-sunken'
(28032,35): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(28033,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(28041,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28054,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28057,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28058,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28072,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28106,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-switch-checked-before'
(28107,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(28157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28171,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28180,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28181,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28182,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28183,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28184,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28185,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28187,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28188,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28207,32): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(28212,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(28217,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(28222,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(28227,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(28232,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(28237,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(28242,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(28247,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(28252,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(28256,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28257,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28258,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28259,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28261,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28268,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28271,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28272,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28273,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28306,45): run-time error CSS1039: Token not allowed after unary operator: '-sh-card'
(28326,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-field-edge'
(28326,41): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(28327,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(28327,32): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(28332,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-soft'
(28332,45): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(28333,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-ink'
(28333,33): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(28334,22): run-time error CSS1039: Token not allowed after unary operator: '-sh-acc-ink'
(28334,40): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(28376,35): run-time error CSS1039: Token not allowed after unary operator: '-separator-color'
(28416,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-line-strong'
(28416,48): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(28417,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-card'
(28417,41): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(28422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28429,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28430,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28436,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28438,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28441,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28443,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28446,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28448,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28450,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28509,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(28515,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(28521,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(28527,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(28533,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(28539,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(28545,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-teal'
(28551,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-gray'
(28557,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(28563,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(28576,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(28587,28): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(28587,61): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(28587,94): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(28587,128): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(28595,38): run-time error CSS1030: Expected identifier, found '.'
(28595,50): run-time error CSS1031: Expected selector, found ')'
(28595,50): run-time error CSS1025: Expected comma or open brace, found ')'
(28603,38): run-time error CSS1030: Expected identifier, found '.'
(28603,50): run-time error CSS1031: Expected selector, found ')'
(28603,50): run-time error CSS1025: Expected comma or open brace, found ')'
(28610,38): run-time error CSS1030: Expected identifier, found '.'
(28610,50): run-time error CSS1031: Expected selector, found ')'
(28610,50): run-time error CSS1025: Expected comma or open brace, found ')'
(28614,38): run-time error CSS1030: Expected identifier, found '.'
(28614,50): run-time error CSS1031: Expected selector, found ')'
(28614,50): run-time error CSS1025: Expected comma or open brace, found ')'
(28619,38): run-time error CSS1030: Expected identifier, found '.'
(28619,50): run-time error CSS1031: Expected selector, found ')'
(28619,50): run-time error CSS1025: Expected comma or open brace, found ')'
(28623,32): run-time error CSS1030: Expected identifier, found '.'
(28623,44): run-time error CSS1031: Expected selector, found ')'
(28623,44): run-time error CSS1025: Expected comma or open brace, found ')'
(28631,32): run-time error CSS1030: Expected identifier, found '.'
(28631,44): run-time error CSS1031: Expected selector, found ')'
(28631,44): run-time error CSS1025: Expected comma or open brace, found ')'
(28635,32): run-time error CSS1030: Expected identifier, found '.'
(28635,44): run-time error CSS1031: Expected selector, found ')'
(28635,44): run-time error CSS1025: Expected comma or open brace, found ')'
(28639,32): run-time error CSS1030: Expected identifier, found '.'
(28639,44): run-time error CSS1031: Expected selector, found ')'
(28639,44): run-time error CSS1025: Expected comma or open brace, found ')'
(28648,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-field-edge'
(28651,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28652,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28653,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28654,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28655,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28656,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28657,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28658,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28659,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28660,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28661,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28662,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28664,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28665,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28666,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28668,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28669,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28671,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28672,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28673,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28674,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28675,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28676,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28677,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28678,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28679,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28681,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28725,27): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(28734,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(28784,33): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(28800,15): run-time error CSS1039: Token not allowed after unary operator: '-default-label-color'
(28806,15): run-time error CSS1039: Token not allowed after unary operator: '-default-label-color'
(28832,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(28859,32): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(28915,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(28926,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(28927,33): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(28932,15): run-time error CSS1039: Token not allowed after unary operator: '-detail-item-color'
(28956,30): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(28961,15): run-time error CSS1039: Token not allowed after unary operator: '-default-label-color'
(28970,15): run-time error CSS1039: Token not allowed after unary operator: '-shift-overtime'
(29021,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(29028,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(29042,27): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(29047,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-fill'
(29048,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(29081,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(29088,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(29090,15): run-time error CSS1039: Token not allowed after unary operator: '-default-label-color'
(29117,15): run-time error CSS1039: Token not allowed after unary operator: '-default-label-color'
(29126,15): run-time error CSS1039: Token not allowed after unary operator: '-default-label-color'
(29142,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(29147,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(29152,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(29154,15): run-time error CSS1039: Token not allowed after unary operator: '-shift-overtime'
(29229,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29233,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29236,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29240,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29241,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29242,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29243,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29245,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29248,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29250,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29251,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29253,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29254,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29255,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29256,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29257,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29258,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29259,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29280,20): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-3'
(29280,37): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29285,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-3'
(29285,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29286,22): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-3'
(29286,39): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29291,27): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29297,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(29298,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(29299,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(29301,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(29307,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(29316,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(29317,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(29318,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(29340,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(29350,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(29388,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(29392,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(29429,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(29444,26): run-time error CSS1039: Token not allowed after unary operator: '-sh-hover'
(29444,42): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(29493,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(29512,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29521,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(29534,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29548,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29602,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29627,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29655,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(29666,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29677,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29682,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(29757,30): run-time error CSS1039: Token not allowed after unary operator: '-sh-line'
(29763,15): run-time error CSS1039: Token not allowed after unary operator: '-sh-text-2'
(29800,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(29806,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(29810,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(29814,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(29818,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(29822,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(29826,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29834,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29841,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29894,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(29903,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(29908,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(29913,8): run-time error CSS1030: Expected identifier, found ':'
(29913,32): run-time error CSS1031: Expected selector, found ')'
(29913,32): run-time error CSS1025: Expected comma or open brace, found ')'
(29917,8): run-time error CSS1030: Expected identifier, found ':'
(29917,32): run-time error CSS1031: Expected selector, found ')'
(29917,32): run-time error CSS1025: Expected comma or open brace, found ')'
(29921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29924,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29926,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29931,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29933,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29937,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29939,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29940,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29951,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29979,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(29988,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-fill'
(30003,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(30005,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(30006,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(30021,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color-dark'
(30060,15): run-time error CSS1039: Token not allowed after unary operator: '-text-on-fill'
(30079,15): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(30081,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(30098,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(30113,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(30119,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(30207,26): run-time error CSS1039: Token not allowed after unary operator: '-cultured-light'
(30290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30317,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(30321,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(30333,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(30346,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(30375,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(30386,20): run-time error CSS1039: Token not allowed after unary operator: '-bottle-green-transparent'
(30521,20): run-time error CSS1039: Token not allowed after unary operator: '-cinnabar-transparent-2'
(30527,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(30531,30): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(30535,15): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(30563,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(30632,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(30644,31): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(30650,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(30716,20): run-time error CSS1039: Token not allowed after unary operator: '-darkturquoise-transparent'
(30717,22): run-time error CSS1039: Token not allowed after unary operator: '-darkturquoise'
(30726,15): run-time error CSS1039: Token not allowed after unary operator: '-darkturquoise'
(30745,27): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(30753,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(30758,27): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(30775,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(30784,15): run-time error CSS1039: Token not allowed after unary operator: '-chat-read-color'
(30807,15): run-time error CSS1039: Token not allowed after unary operator: '-cadmium-orange-2'
(30874,28): run-time error CSS1039: Token not allowed after unary operator: '-my-msg-bubble-color'
(30885,22): run-time error CSS1039: Token not allowed after unary operator: '-notification-1'
(30886,20): run-time error CSS1039: Token not allowed after unary operator: '-cinnabar-transparent'
(30895,28): run-time error CSS1039: Token not allowed after unary operator: '-notification-1'
(30899,27): run-time error CSS1039: Token not allowed after unary operator: '-notification-1'
(30913,20): run-time error CSS1039: Token not allowed after unary operator: '-my-msg-bubble-color'
(30914,22): run-time error CSS1039: Token not allowed after unary operator: '-my-msg-bubble-color'
(30920,26): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(30921,22): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(30922,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color-2'
(30949,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(30962,31): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(30963,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(30964,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(30984,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(31011,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-notification-background'
(31015,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(31025,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-4'
(31083,22): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(31084,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(31089,20): run-time error CSS1039: Token not allowed after unary operator: '-orange-web-transparent'
(31090,22): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(31096,20): run-time error CSS1039: Token not allowed after unary operator: '-ao-english-transparent'
(31097,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(31116,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(31119,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(31123,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(31146,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(31151,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(31172,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(31183,20): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(31196,20): run-time error CSS1039: Token not allowed after unary operator: '-light-cyan'
(31237,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(31248,54): run-time error CSS1030: Expected identifier, found ','
(31248,70): run-time error CSS1031: Expected selector, found ')'
(31248,70): run-time error CSS1025: Expected comma or open brace, found ')'
(31255,54): run-time error CSS1030: Expected identifier, found ','
(31255,70): run-time error CSS1031: Expected selector, found ')'
(31255,70): run-time error CSS1025: Expected comma or open brace, found ')'
(31282,27): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(31286,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-1'
(31295,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(31361,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(31369,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(31389,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(31393,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(31425,20): run-time error CSS1039: Token not allowed after unary operator: '-archive-file-color'
(31433,20): run-time error CSS1039: Token not allowed after unary operator: '-document-file-color'
(31446,20): run-time error CSS1039: Token not allowed after unary operator: '-excel-color'
(31454,20): run-time error CSS1039: Token not allowed after unary operator: '-presentation-file-color'
(31462,20): run-time error CSS1039: Token not allowed after unary operator: '-pdf-file-color'
(31475,20): run-time error CSS1039: Token not allowed after unary operator: '-text-file-color'
(31498,20): run-time error CSS1039: Token not allowed after unary operator: '-audio-file-color'
(31526,20): run-time error CSS1039: Token not allowed after unary operator: '-video-file-color'
(31553,20): run-time error CSS1039: Token not allowed after unary operator: '-image-file-color'
(31559,22): run-time error CSS1039: Token not allowed after unary operator: '-archive-file-color'
(31563,22): run-time error CSS1039: Token not allowed after unary operator: '-document-file-color'
(31568,22): run-time error CSS1039: Token not allowed after unary operator: '-text-file-color'
(31573,22): run-time error CSS1039: Token not allowed after unary operator: '-excel-color'
(31577,22): run-time error CSS1039: Token not allowed after unary operator: '-presentation-file-color'
(31581,22): run-time error CSS1039: Token not allowed after unary operator: '-pdf-file-color'
(31588,22): run-time error CSS1039: Token not allowed after unary operator: '-audio-file-color'
(31596,22): run-time error CSS1039: Token not allowed after unary operator: '-video-file-color'
(31604,22): run-time error CSS1039: Token not allowed after unary operator: '-image-file-color'
(31614,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-66'
(31632,26): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(31646,26): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(31658,20): run-time error CSS1039: Token not allowed after unary operator: '-attach-background'
(31677,20): run-time error CSS1039: Token not allowed after unary operator: '-attach-background'
(31712,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(31717,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(31722,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-2'
(31729,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(31747,31): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(31748,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(31755,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-ink'
(31781,20): run-time error CSS1039: Token not allowed after unary operator: '-attach-background'
(31793,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-41'
(31798,20): run-time error CSS1039: Token not allowed after unary operator: '-border-color-40'
(31827,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(31869,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(31938,15): run-time error CSS1039: Token not allowed after unary operator: '-chat-color-1'
(31940,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-2'
 */
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.accounting-doc {
  border: 1px solid var(--light-border-color);
}

.accounting-doc .modal {
  font-size: 14px;
}

/*.accounting-doc .header,
    .accounting-doc .body,
    .accounting-doc .footer {
        padding-left: 30px;
        padding-right: 30px;
    }*/
.accounting-doc .header {
  padding-top: 30px;
}

.accounting-doc .sub-section {
  border: 1px solid var(--light-border-color);
}

.accounting-doc .header .company-data .logo img {
  max-width: 150px;
  max-height: 150px;
  width: auto;
  height: auto;
}

.accounting-doc .header .company-data div {
  vertical-align: top;
}

.accounting-doc .header .company-data,
.accounting-doc .header .contact-data {
  font-size: 16px;
}

.accounting-doc .header .contact-data .contact-dsp-name {
  font-size: 30px;
}

.accounting-doc .header .contact-data .contact-info-data {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.accounting-doc .header .frame {
  margin-bottom: 10px;
}

.accounting-doc .footer {
  padding-bottom: 30px;
}

/*.accounting-doc .datetimepicker.no-time .flat-input {
    width: 150px;
}
*/
.accounting-doc .iCodeContent {
  width: 100%;
}

.accounting-doc .recipient .logo {
  display: none !important;
}

/*.accounting-doc .flat-input,
.accounting-doc .datetimepicker .flat-input,
.payment-deadlines-container .flat-input,
.payment-deadlines-container .datetimepicker .flat-input {
    border: 1px solid var(--light-border-color) !important;
}
*/
.accounting-doc .body {
  margin-top: 5px;
}

/*.accounting-doc:not(.is-fee) .cassa-previdenziale,*/
.accounting-doc.is-fee table th.unit-id,
.accounting-doc.is-fee table td.unit-id,
.accounting-doc.is-fee table th.unit-price,
.accounting-doc.is-fee table td.unit-price,
.accounting-doc.is-fee table th.qta,
.accounting-doc.is-fee table td.qta,
.accounting-doc.is-fee table th.discount,
.accounting-doc.is-fee table td.discount,
.accounting-doc.is-fee .shipping-costs,
.accounting-doc.is-fee .other-expenses,
.accounting-doc.is-fee .collection-fees,
.accounting-doc.is-fee .document-discount {
  display: none;
}

.accouting-doc table.accounting-rows {
  width: 100%;
}

.accounting-doc .accounting-rows {
  border: 1px solid var(--light-border-color);
  /*table-layout: fixed;*/
}

.accounting-doc .accounting-rows > thead > tr > th {
  color: var(--sh-table-head-fg-2, var(--transparent-smoke-black));
  text-transform: uppercase;
}

/* Nella V2 l'intestazione delle righe è quella degli elenchi: area incavata e testo secondario, ritoccabili dal Master
   (§203.13). */
.shell-v2-body .accounting-doc .accounting-rows > thead > tr > th {
  background: var(--sh-table-head-bg);
}

.accounting-doc .accounting-rows > thead > tr > th,
.accounting-doc .accounting-rows > tbody > tr > td {
  border-right: 1px solid var(--light-border-color);
}

.accounting-doc .accounting-rows > thead > tr > th {
  border-bottom: 1px solid var(--light-border-color);
}

.accounting-doc .accounting-rows > thead > tr > th,
.accounting-doc .accounting-rows > tbody > tr > td {
  vertical-align: top;
}

.accounting-doc .accounting-rows > thead > tr > th,
.accounting-doc .accounting-rows > tbody > tr > td {
  padding: 0 5px;
}

.accounting-doc .accounting-rows > tbody > tr > td.total-row,
.accounting-doc .accounting-rows > tbody > tr > td.total-vat {
  text-align: right;
}

.accounting-doc table.accounting-rows:not(.use-cost) > tr > td.use-cost,
.accounting-doc table.accounting-rows:not(.use-cost) > tr > th.use-cost {
  display: none;
}

/*
.accounting-doc table.accounting-rows {
    font-size: 16px;
}
*/
.accounting-doc table.accounting-rows > tbody > tr .delete-btn.disabled {
  pointer-events: none;
  cursor: default;
}

.accounting-doc table.accounting-rows tbody tr .delete-btn.disabled span {
  color: var(--sh-text-3, var(--text-light-color-2));
}

.accounting-doc table.accounting-rows > tbody > tr:first-child > tr > td {
  padding-top: 10px !important;
}

.accounting-doc table.accounting-rows > tbody > tr > td .row-control {
  text-align: center;
  padding: 5px;
}

.accounting-doc table.accounting-rows tbody td .row-control .up,
.accounting-doc table.accounting-rows tbody td .row-control .down {
  cursor: pointer;
  color: var(--sh-text-2, var(--theme-secondary-color));
}

.accounting-doc.has-active-column-filters table.accounting-rows tbody td .row-control .up,
.accounting-doc.has-active-column-filters table.accounting-rows tbody td .row-control .down,
#accounting-document-v2.has-active-column-filters .accounting-doc table.accounting-rows tbody td .row-control .up,
#accounting-document-v2.has-active-column-filters .accounting-doc table.accounting-rows tbody td .row-control .down {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}

.accounting-doc table.accounting-rows > tbody > tr:first-child td .row-control .up {
  opacity: 0;
  pointer-events: none;
}

.accounting-doc table.accounting-rows > tbody > tr:last-child td .row-control .down {
  opacity: 0;
  pointer-events: none;
}

.accounting-doc table.accounting-rows > tbody > tr > td {
  padding-top: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--sh-line, #ddd);
}

/*
    Evidenziazione minima delle righe modificate lato client.
    Usiamo un bordo sinistro leggero per non alterare il layout della tabella storica.
*/
.accounting-doc table.accounting-rows > tbody > tr.is-client-edited > td:first-child {
  border-left: 4px solid var(--sh-warn, #f3b35a) !important;
  box-shadow: inset 4px 0 0 var(--sh-warn, #f3b35a);
}

.accounting-doc table.accounting-rows > tbody > tr.is-client-edited > td.menu-cell,
.accounting-doc table.accounting-rows > tbody > tr.is-client-edited > td:first-child {
  position: relative;
}

.accounting-doc table.accounting-rows > tbody > tr.is-client-edited > td.menu-cell:before,
.accounting-doc table.accounting-rows > tbody > tr.is-client-edited > td:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: var(--sh-warn, #f3b35a);
  pointer-events: none;
}

.accounting-doc table.accounting-rows > tbody > tr.is-visual-order-only-dirty > td.visual-order-cell .row-number {
  color: var(--sh-warn-ink, #f3b35a) !important;
  font-weight: 700 !important;
}

.accounting-doc table.accounting-rows tbody tr:not(.no-hover):hover > td {
  background-color: var(--sh-hover, var(--text-light-color));
}

/*
    ANNULLATO, in documento, dettagli ed elenchi: una regola sola. La classica resta com'era. Nella V2 il bianco su
    #FF9800 stava a 2,16:1 in ogni tema: è una pastiglia di stato come `.shell-badge--warning` (tinta, inchiostro e filo
    dell'avviso), leggibile in tutti e due gli aspetti.
*/
body:not(.shell-v2-body) #index-table .cancelled-label,
body:not(.shell-v2-body) .accounting-doc table.accounting-rows > tbody > tr > td .cancelled-label {
  text-align: center;
  text-transform: uppercase;
  background: #FF9800;
  font-weight: bold;
  color: white;
  margin-top: 5px;
  padding: 0 5px;
}

/* Nel documento l'etichetta è un col-md-12, flottante e largo quanto la cella: qui torna una pastiglia. */
.shell-v2-body .cancelled-label,
.shell-v2-body #index-table .cancelled-label {
  display: inline-block;
  float: none;
  width: auto;
  margin-top: 5px;
  padding: 2px 8px;
  border: 1px solid var(--sh-warn);
  border-radius: var(--sh-r-pill);
  background: var(--sh-warn-tint);
  color: var(--sh-warn-ink);
  font-size: var(--sh-fs-micro);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

/*
    La riga annullata si può ripristinare e i suoi valori si leggono ancora. L'opacità resta alla classica: nella V2
    sbiadiva insieme testo e fondo dei campi (2,3-3,3:1), e il segno lo portano la pastiglia, il terzo inchiostro e la
    barratura. I testi della shell si ridicono sulla cella perché i campi li leggono da sé; il menu, da cui si ripristina,
    resta com'è.
*/
body:not(.shell-v2-body) .accounting-doc table.accounting-rows > tbody > tr.cancelled > td > *:not(.menu):not(.cancelled-label) {
  opacity: 0.4;
}

.shell-v2-body .accounting-doc table.accounting-rows > tbody > tr.cancelled > td:not(.menu-cell) {
  --sh-text: var(--sh-text-3);
  --sh-text-2: var(--sh-text-3);
  color: var(--sh-text-3);
}

.shell-v2-body .accounting-doc table.accounting-rows > tbody > tr.cancelled .article-code,
.shell-v2-body .accounting-doc table.accounting-rows > tbody > tr.cancelled [name=Description] {
  text-decoration: line-through;
}

.shell-v2-body .accounting-doc table.accounting-rows > tbody > tr.cancelled > td:not(.menu-cell) img {
  filter: grayscale(1);
}

.accounting-doc table.accounting-rows > tbody > tr:not(.cancelled) > td .cancelled-label,
.accounting-doc table.accounting-rows > tbody > tr:not(.cancelled) > td .menu .restore-row-btn,
.accounting-doc table.accounting-rows > tbody > tr.cancelled > td .menu .cancellation-btn {
  display: none;
}

.accounting-doc .accounting-rows > thead > th.desc {
  min-width: 250px;
}

.accounting-doc .search-form.new-row input {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  padding: 20px !important;
  text-align: center;
  font-weight: normal;
}

.accounting-rows tbody > tr .input-group textarea {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.accounting-doc .input-group.flat .input-group-addon,
.accounting-doc .input-group.flat .input-group-btn {
  border-color: var(--sh-field-edge, var(--text-light-color-2));
  /*padding: 0px 4px;*/
}

.accounting-doc .search-form.new-row .input-group.flat .input-group-addon {
  text-align: left;
  border: none;
}

.accounting-doc .search-form.new-row .input-group.flat .input-group-addon.filter {
  width: 20%;
}

.accounting-doc .search-form.new-row .input-group.flat .input-group-addon .button {
  border: 1px solid var(--light-border-color-2);
  color: var(--text-muted-color);
  padding: 5px;
  cursor: pointer;
  font-weight: bold;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently*/
}

.accounting-doc .search-form.new-row .input-group.flat .input-group-addon .button.active {
  color: var(--theme-secondary-ink) !important;
  border-color: var(--theme-secondary-color);
}

.accounting-doc .search-form.new-row .input-group.flat .input-group-addon .button:active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.accounting-doc .search-form.new-row .input-group.flat .input-group-addon .new-row {
  width: 100%;
  color: var(--generic-color-2) !important;
  border-color: var(--generic-color-2);
  border-radius: 0;
}

.accounting-doc .search-form.new-row input {
  border: 1px solid transparent !important;
}

.accounting-doc .search-form.new-row .button-autocomplete {
  top: 10px;
  right: 5px;
}

.accounting-doc .search-form.new-row {
  border-bottom: none;
}

.blurable {
  position: relative;
}

.blurable:hover .blur-content {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
  position: relative;
  transition: 0.3s;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently*/
}

.blur-text {
  opacity: 0;
  width: 0;
  height: 0;
}

.blurable:hover .blur-text {
  text-transform: uppercase;
  opacity: 1;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: opacity 0.2s;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently*/
}

.accounting-doc .remove-contact-btn {
  /*margin-bottom: 30px;*/
}

.accounting-doc .remove-contact-btn,
.accounting-doc .update-contact-btn {
  width: 100%;
}

.accounting-doc .remove-contact-btn:hover,
.accounting-doc .update-contact-btn:hover {
  color: var(--main-color-crm-hoover);
}

.accounting-doc textarea[name=ShippingNote],
.accounting-doc textarea[name=GoodsAppearanceNote] {
  border-top: 0px !important;
}

.accounting-doc input:focus,
.accounting-doc input.flat-input:focus,
.accounting-doc select:focus,
.accounting-doc textarea:focus {
  border: 1px solid !important;
  border-color: var(--sh-acc, var(--theme-secondary-color)) !important;
}

/*.accounting-doc textarea::-webkit-input-placeholder {*/ /* WebKit browsers */
/*font-size: 85% !important;
}

.accounting-doc textarea:-moz-placeholder {*/ /* Mozilla Firefox 4 to 18 */
/*font-size: 85% !important;
}

.accounting-doc textarea::-moz-placeholder {*/ /* Mozilla Firefox 19+ */
/*font-size: 85% !important;
}

.accounting-doc textarea:-ms-input-placeholder {*/ /* Internet Explorer 10+ */
/*font-size: 85% !important;
}*/
.accounting-doc .accounting-rows textarea.flat-input {
  height: 50px;
  min-height: 50px;
}

.accounting-doc .headframe-vat table th {
  padding-top: 5px;
  padding-bottom: 5px;
}

.accounting-doc .headframe-vat table th,
.accounting-doc .headframe-vat table td {
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  border: 1px solid var(--sh-line, #ddd);
}

.accounting-doc .headframe-vat table th.number,
.accounting-doc .headframe-vat table td.number {
  text-align: right;
  padding-right: 10px;
}

#CreateContact-modal #ContactType-EditButton {
  display: none;
}

.accounting-doc .accounting-rows > tbody > tr .generate-offer-article-btn,
.accounting-doc .accounting-rows > tbody > tr .generate-offer-article-by-production-btn,
.accounting-doc .accounting-rows > tbody > tr .edit-offer-article-btn,
.accounting-doc .accounting-rows > tbody > tr .disconnect-offer-article-btn,
.accounting-doc .accounting-rows > tbody > tr .detail-offer-btn,
.accounting-doc .accounting-rows > tbody > tr .offer-article-code {
  display: none;
}

.accounting-doc.offer[ledger-type=active] .accounting-rows > tbody > tr.valued-offer-article .offer-article-code {
  display: block;
}

.accounting-doc.offer[ledger-type=active] .accounting-rows > tbody > tr:not(.valued-offer-article) .generate-offer-article-btn,
.accounting-doc.offer[ledger-type=active] .accounting-rows > tbody > tr:not(.valued-offer-article) .generate-offer-article-by-production-btn,
.accounting-doc.offer[ledger-type=active] .accounting-rows > tbody > tr.valued-offer-article .edit-offer-article-btn,
.accounting-doc.offer[ledger-type=active] .accounting-rows > tbody > tr.valued-offer-article .disconnect-offer-article-btn {
  display: table-row;
}

.accounting-doc[ledger-type=active]:not(.offer) .accounting-rows > tbody > tr .unit-margin,
.accounting-doc[ledger-type=active]:not(.offer) .accounting-rows > tbody > tr .total-margin-wrp,
.accounting-doc[ledger-type=active].offer .accounting-rows > tbody > tr:not(.valued-offer-article) .unit-margin,
.accounting-doc[ledger-type=active].offer .accounting-rows > tbody > tr:not(.valued-offer-article) .total-margin-wrp {
  display: none;
}

.accounting-doc.offer[ledger-type=active] .accounting-rows > tbody > tr .detail-offer-btn {
  display: block;
}

.accounting-doc.offer[ledger-type=active] .offer-row {
  background: var(--sh-row-child-bg, var(--text-light-color));
  border-bottom: 1px solid var(--sh-line, var(--text-light-color-2));
}

.accounting-doc.offer[ledger-type=active] .article {
  border: 1px solid var(--sh-line-strong, var(--text-light-color-2));
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 10px;
}

.accounting-doc.offer[ledger-type=active] .article-stage {
  border-bottom: 1px solid var(--sh-line, var(--text-light-color-2));
}

.accounting-doc.offer[ledger-type=active] .article-stage:hover {
  background-color: var(--sh-hover, var(--background-color));
}

.accounting-doc.offer[ledger-type=active] .article .article-stage:last-child {
  border-bottom: none;
}

.accounting-doc.offer[ledger-type=active] .offer-row .buttons .modal-button:hover {
  background-color: var(--sh-hover, var(--background-color));
}

.accounting-doc[generate-production-order=true][ledger-type=active] .accounting-document-row[lot-type="2"]:not([bom-type="2"]) td.qta [name*=Quantity] {
  pointer-events: none;
  background-color: var(--sh-sunken, var(--text-light-color)) !important;
}

.accounting-doc .accounting-document-row .lot-group-wrap {
  font-size: 0px;
  margin-right: -2.5px;
  margin-left: -2.5px;
}

.accounting-doc .accounting-document-row .lot-group-wrap .lot-group-btn-wrap {
  display: inline-block;
  vertical-align: middle;
  padding-right: 2.5px;
  padding-left: 2.5px;
  font-size: 16px;
}

.accounting-doc .accounting-document-row .lot-group-wrap .lot-group-btn-wrap.serial-number-btn {
  width: 40%;
}

.accounting-doc .accounting-document-row .lot-group-wrap .lot-group-btn-wrap.lot-group-btn {
  width: 60%;
}

.accounting-doc .accounting-document-row .manage-btn[data-target="#lot-manager-modal"] .name,
.accounting-doc .accounting-document-row .manage-btn[data-target="#lot-group-manager-modal"] .name {
  min-width: 0;
  overflow-wrap: anywhere;
}

.accounting-doc .accounting-document-row .note-collapse-btn {
  border: 1px solid var(--default-line-color);
  margin-top: 5px;
  padding: 0px;
}

.accounting-doc .note-collapse-btn .title {
  padding: 2px 5px;
}

.accounting-doc .accounting-document-row .delivery-date-wrap {
  margin-top: 5px;
  border-top: 1px dashed var(--default-line-color);
}

.accounting-doc .note-collapse-btn textarea.flat-input.bordered {
  border: none;
  font-size: 85%;
}

.accounting-doc .accounting-document-row .note-collapse-btn textarea.flat-input.bordered,
.accounting-doc .accounting-document-row .po-generation-method-wrap,
.accounting-doc .accounting-document-row .prod-order-wrap,
.accounting-doc .accounting-document-row .delivery-date-wrap {
  margin-top: 5px;
  border-top: 1px dashed var(--default-line-color);
}

.accounting-doc .cached-picking-list {
  display: none;
}

[id*=picked-articles-SubItem].subitem-row > td {
  padding-left: 50px;
}

.picked-article-detail-tbl td .flex {
  align-items: center;
  justify-content: space-between;
}
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: var(--text-main-color-2);
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: var(--text-main-color-2);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: var(--text-main-color-2);
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: var(--text-main-color-2);
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: var(--text-main-color-2);
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: var(--text-main-color-2);
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: var(--text-main-color-2);
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: var(--text-main-color-2);
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: var(--text-main-color-2);
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: var(--text-main-color-2);
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: var(--text-main-color-2);
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: var(--text-main-color-2);
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: var(--text-main-color-2);
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: var(--text-main-color-2);
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: var(--text-main-color-2);
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: var(--text-main-color-2);
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: var(--text-main-color-2);
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: var(--text-main-color-2);
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: var(--text-main-color-2);
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-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-image:      -o-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-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);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-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-image:      -o-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-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);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-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-image:      -o-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-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);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-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-image:      -o-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-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);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-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-image:      -o-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-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);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: var(--text-main-color-2);
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: var(--text-main-color-2);
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: var(--text-main-color-2);
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*# sourceMappingURL=bootstrap.css.map */

/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:99999!important;border-radius:4px}.bootstrap-datetimepicker-widget.timepicker-sbs{width:600px}.bootstrap-datetimepicker-widget.bottom:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:7px}.bootstrap-datetimepicker-widget.bottom:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:8px}.bootstrap-datetimepicker-widget.top:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.top:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget .dow{width:14.2857%}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget td.cw{font-size:10px;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#777}.bootstrap-datetimepicker-widget td.today{position:relative}.bootstrap-datetimepicker-widget td.today:before{content:'';display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td span.old{color:#777}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget th.picker-switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-group.date .input-group-addon span{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td{padding:0!important}@media screen and (max-width:767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width:283px}}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

:root {
  --default-blue: #3498db;
  --default-red: #e74c3c;
  --default-yellow: #f1c40f;
  --main-background-color: #fff;
  --summary-errors: #B94A48;
}

/*CollabNet branding*/
img.lazyload {
  display: none;
}

.document-container .file-icon::before {
  border-color: var(--documentContainer-border-1) var(--documentContainer-border-1) var(--documentContainer-border-2) var(--documentContainer-border-2) !important;
}

#promo img {
  border-top: 5px solid var(--text-link-color-1);
  border-bottom: 5px solid var(--text-link-color-1);
  display: inline;
  padding: 0 !important;
}

button.glyphicon button[class*=mk-moon-] {
  color: var(--theme-item-color) !important;
}

.input-group-addon.btn,
.btn > .glyphicon,
.btn > [class*=mk-moon-] {
  color: var(--theme-item-color);
}

.clickable {
  cursor: pointer;
}

.btn-default.badge {
  background-color: #428bca !important;
}

.document-container {
  border: 1px solid #bdc3c7;
  background-color: #ecf0f1;
  padding: 0;
  margin-bottom: 20px;
  min-height: 171px;
}

.document-elm, .document-elm-upload {
  border-right: 1px solid #bdc3c7;
  margin: 7px 0 0 0;
  padding: 0;
}

.document:focus {
  background-color: #EBEBEB;
  font-weight: bold;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  /*width: 100%;*/
}

.gradient-background {
  background-repeat: repeat-x;
  background-size: contain;
  background-position: bottom center;
  color: white;
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  transition: opacity 0.5s;
}

.gradient-background[data-gradient-color=black] {
  background-image: url("Images/gradient-black.png");
}

.gradient-background[data-gradient-color=blue] {
  background-image: url("Images/gradient-blue.png");
}

.gradient-background:hover {
  opacity: 1;
}

.file-thumbnail {
  position: relative;
}

.file-thumbnail .file-name {
  position: absolute;
  bottom: 0;
  color: white;
  margin: 0 10px;
}

.file-btn {
  width: 33.3333333%;
  height: 50px;
  margin-left: 0 !important;
  top: 0;
  border-radius: 0;
}

.tier_0 {
  margin-left: 0;
}

.tier_1 {
  margin-left: 1.5em;
}

.tier_2 {
  margin-left: 3em;
}

.tier_3 {
  margin-left: 4.5em;
}

.tier_4 {
  margin-left: 6em;
}

.tier_5 {
  margin-left: 7.5em;
}

.tier_6 {
  margin-left: 9em;
}

.tier_7 {
  margin-left: 10.5em;
}

.tier_8 {
  margin-left: 12em;
}

.tier_9 {
  margin-left: 13.5em;
}

.tier_11 {
  margin-left: 15em;
}

.tier_12 {
  margin-left: 16.5em;
}

.level_0 {
  padding-left: 0;
}

.level_1 {
  padding-left: 1em;
}

.level_2 {
  padding-left: 2em;
}

.level_3 {
  padding-left: 3em;
}

.level_4 {
  padding-left: 4em;
}

.level_5 {
  padding-left: 5em;
}

.level_6 {
  padding-left: 6em;
}

.level_9 {
  padding-left: 7em;
}

.level_10 {
  padding-left: 8em;
}

.level_11 {
  padding-left: 9em;
}

.level_12 {
  padding-left: 10em;
}

/* additions specific to ReadySET */
tr ul, tr ol, tr p {
  margin-top: 0;
}

.IrirdeCrmLink {
  color: white;
  /*padding-left:40px;*/
}

.IrirdeCrmLink:hover, .IrirdeCrmLink:focus {
  /*background-color:#0066CC !important;
  color:white !important;
  text-decoration:none !important;

  background: url(Images/logo-iride-progetti-32px.png) left center no-repeat;*/
}

tr ul {
  margin-left: 0px;
  padding-left: 2em;
}

.sticky {
  padding: 3px;
  margin-right: 2px;
  margin-bottom: 3px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

.tip {
  padding: 3px;
  margin-right: 2px;
  margin-bottom: 3px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

.todo {
  padding: 3px;
  margin-right: 2px;
  margin-bottom: 3px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

#processimpact {
  border: 1px solid;
  padding: 3px;
  margin-right: 2px;
  margin-bottom: 2px;
}

.footnote {
  width: 80%;
  border-top: solid var(--text-secondary-color) 1px;
  font-size: x-small;
  padding-top: 3px;
  margin-top: 3em;
}

.reusablefragment {
  padding: 6px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.sample1, .sample2, .sample3, .sample4 {
  padding-right: 2px;
  margin-bottom: 4px;
}

.legal1 {
  border: 2px solid;
  padding: 3px;
  text-align: center !important;
  font-size: xx-large;
  font-weight: bold;
  display: none;
}

.linklist a {
  display: block;
}

.sub {
  padding-left: 1em;
}

:target {
  border: 2px solid red;
}

.footnote {
  /* To hide footnotes, change "block" to "none". */
  display: block;
}

.sticky {
  background: var(--background-color-3);
  border-right-color: var(--text-secondary-color);
  border-bottom-color: var(--text-secondary-color);
}

.tip {
  background: var(--background-color-3);
  background-image: url(http://www.readysetpro.com/css/tip.gif);
  background-repeat: no-repeat;
  background-position: top left;
  border-right-color: var(--text-secondary-color);
  border-bottom-color: var(--text-secondary-color);
  padding-left: 36px;
  min-width: 30px;
  min-height: 30px;
  /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tip.png',sizingMethod='scale'); */
}

.todo {
  background: var(--background-color-3);
  background-image: url(http://www.readysetpro.com/css/todo.gif);
  background-repeat: no-repeat;
  background-position: top left;
  border-right-color: var(--text-secondary-color);
  border-bottom-color: var(--text-secondary-color);
  padding-left: 36px;
  min-width: 30px;
  min-height: 30px;
  /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='todo.png',sizingMethod=scale); */
}

#processimpact {
  background: var(--neutral-bg-color);
  border-color: var(--text-secondary-color);
  background-image: url(http://www.readysetpro.com/css/gears.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 36px;
  min-width: 30px;
  min-height: 30px;
  /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gears.png',sizingMethod='scale'); */
}

.reusablefragment {
  background: var(--neutral-bg-color);
  border: 2px dashed;
}

.sample1 {
  border-right: 4px double #500;
}

.sample2 {
  border-right: 4px double #050;
}

.sample3 {
  border-right: 4px double #005;
}

.sample4 {
  border-right: 4px double #505;
}

a.def {
  text-decoration: none;
  border-bottom: dashed 1px blue;
  cursor: help;
}

.legal1 {
  background: var(--neutral-bg-color);
  border-color: var(--text-secondary-color);
}

#navcol div.body {
  background-image: none;
}

#navcol div.body {
  padding-bottom: 0.3em;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0;
}

#navcol div.body div {
  margin-top: 0.3em;
  padding-bottom: 0;
}

.navgroup .body {
  border-top: 1px solid var(--text-secondary-color);
}

.navgroup .body {
  padding: 0px;
  margin: 0em;
}

.navgroup .label {
  padding: 4px;
}

/* EyeBrowse message reader */
.tabset pre {
  background-color: var(--background-color);
  border: 1px solid var(--text-light-color-2);
  padding-left: 4px;
  padding-top: 4px;
}

/* Styles for message from CollabNet box */
#collabnote {
  text-align: right;
  padding-top: 0px;
  padding-bottom: 0px;
}

#collabnote table {
  border-bottom: none;
  padding: 0px;
  margin: 0px;
  margin-right: 6px;
}

#collabnote table td {
  padding-left: 10px;
}

.collabnoteimage {
  padding: 0px;
  margin: 0px;
  margin-bottom: -3px;
  margin-top: -1px;
  margin-right: -2px;
  margin-left: -2px;
  border: 2px solid var(--collabnoteimage);
}

#cnlogo {
  display: block;
  height: 14px;
  width: 188px;
  background: url(../images/product_logo.gif) no-repeat;
  border-bottom: none;
  vertical-align: top;
}

#collabnet {
  border-bottom: 1px solid var(--collabnet) !important;
  height: 5px !important;
}

div#collabnet {
  background: none !important;
  background-color: var(--background-color-dark) !important;
  padding-bottom: 12px;
  padding-top: 2px;
}

/* Some margin and padding hacks for IE 6.0 */
* html .collabnoteimage {
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

* html #toptabs {
  padding-top: 20px;
}

* html #banner #bannertable {
  position: relative;
  top: 10px;
}

* html div#collabnet {
  padding-bottom: 2px;
  padding-top: 2px;
}

/* IE 7 hack for padding for the top of the banner */
*:first-child + html #banner {
  padding-left: 8px;
  padding-top: 5px;
}

/**/
/* End styles for message from CollabNet box */
/* Project owner's message */
#ownermessage h2 {
  color: #000;
}

/*sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
body {
  padding-top: 50px;
  padding-bottom: 20px;
}

body .multiple-selection-box {
  /*Evita la selezione dell'html da parte dell'utente*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

body.application-body {
  position: absolute;
  width: 100%;
  height: 100%;
}

.application-footer {
  opacity: 0;
  transition: 0.3s all ease-out;
  height: 120px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

/* styles for validation helpers */
.field-validation-error {
  color: var(--validation-error);
}

.field-validation-valid {
  display: none;
}

input.input-validation-error,
textarea.flat-input.bordered.input-validation-error,
input.flat-input.bordered.input-validation-error,
select.flat-input.bordered.input-validation-error,
textarea.flat-input.input-validation-error,
input.flat-input.input-validation-error,
select.flat-input.input-validation-error {
  border: 1px solid var(--summary-errors) !important;
}

input[type=checkbox].input-validation-error {
  border: 0 none;
}

.validation-summary-errors {
  color: var(--summary-errors);
}

.validation-summary-valid {
  display: none;
}

@media screen and (max-width: 600px) {
  .visibleOver600 {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .visibleOver900 {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .visibleOver480 {
    display: none;
  }
}
.GiesseDetailsTable div {
  padding: 0px !important;
  margin: 0px !important;
  text-align: center;
  vertical-align: central;
}

.GiesseDetailsTable label {
  padding: 0px !important;
  margin: 0px !important;
  text-align: center;
  vertical-align: central;
}

.GiesseDetailsTable td {
  text-align: center;
  vertical-align: central;
}

/*Giesse*/
@media screen and (min-width: 1000px) {
  .tableUnder900 {
    padding: 0px !important;
    margin: 0px !important;
  }
}
/*Giesse*/
@media screen and (max-width: 1000px) {
  .body-content {
    padding: 0px;
    margin: 0px;
    width: 100%;
  }
  .hrUnder900 {
    padding: 0px !important;
    margin: 3px !important;
  }
  .paddingUnder900 {
    /*padding-left: 5px !important;*/
    /*padding-right: 5px !important;*/
    /*margin: 0px !important;*/
  }
  /*.paddingUnder900 div, .paddingUnder900 label {
          padding-left: 5px !important;
          padding-right: 5px !important;
          margin: 0px !important;
      }*/
  .smallerUnder900 {
    font-size: x-small !important;
  }
  .tableUnder900 {
    padding: 0px !important;
    margin: 0px !important;
    max-width: 100%;
  }
  .tableUnder900 {
    text-align: center;
    vertical-align: central;
  }
  .tableUnder900 td {
    max-width: 100px;
  }
  .tableUnder900 > thead > tr > th, .tableUnder900 > tbody > tr > td, .tableUnder900 > tbody > tr > td > div, .tableUnder900 > tbody > tr > td > div > div, .tableUnder900 > tbody > tr > td > div > label {
    padding: 0px !important;
    margin: 0px !important;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
  }
  .tableUnder900 > tbody > tr > td > div > label {
    font-size: xx-small;
    padding: 0px !important;
    margin: 0px !important;
  }
}
/*Per Tutti*/
@media (max-width: 1390px) {
  .container {
    width: 100%;
  }
  .container > div.navbar-collapse {
    font-size: small;
  }
}
.filterBox input.value {
  border: none;
  width: 100%;
  max-width: none;
  padding: 2px 5px;
}

.input-group-addon {
  width: fit-content;
}

#nav ul ul {
  left: 181px;
  top: -3px;
}

/* clearfix */
#nav:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#nav {
  display: inline-block;
}

html[xmlns] #nav {
  display: block;
}

html #nav {
  height: 1%;
}

ul.ui-autocomplete {
  max-height: 200px;
  overflow-y: scroll;
  z-index: 2147483647; /*Aggiunto per autocomplete nei modal*/
}

.SaveButton {
  color: #428bca;
  margin-top: 2px;
  margin-right: 2px;
}

#flag-wrapper {
  display: block !important;
  height: 1.5px;
  width: 100%;
  float: left;
  position: relative;
  top: 6px;
  box-shadow: 0 1.5px 3px var(--transparent-smoke-black);
}

#flag-wrapper div {
  height: 100%;
  width: 33.3%;
  float: left;
}

#flag-wrapper #r {
  background-color: var(--flag-reject);
}

#flag-wrapper #g {
  background-color: var(--flag-good);
}

#flag-wrapper #w {
  background-color: var(--background-color-light-alt);
}

div.loadMore {
  border-radius: 90px;
  font-size: x-large;
  height: 20px;
  margin: -1% 40% 0;
  background: none repeat scroll 0 0 var(--text-link-fill);
  border: medium none var(--text-main-color);
  min-width: 50px;
  opacity: 0.3;
  text-align: center;
  min-width: 100px;
}

div.loadMore:hover {
  opacity: 0.8;
}

span.loadMore {
  text-align: center;
  color: white;
  font-size: large;
  top: -33%;
}

.go-back-trash {
  padding-right: 10px;
  float: right;
}

.search-article-result[data-dismiss=modal] {
  cursor: pointer;
}

.search-article-result:hover {
  background-color: var(--filter-background);
}

/*Matteo Torta 30/10/2014 */
.search-technicalSpecification-result {
  cursor: pointer;
}

.search-technicalSpecification-result:hover {
  background-color: var(--filter-background);
}

/*Matteo Torta 10/11/2014 */
.search-genericItem-result {
  cursor: pointer;
}

.search-genericItem-result:hover {
  background-color: var(--filter-background);
}

span.input-group-btn span.icheck.btn.btn-default span.multiple-selection-box {
  height: 18px;
  width: 18px;
}

.list-group-item.notificationItem {
  /*border: none;*/
  /*border-bottom: 1px solid var(--light-border-color);*/
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 50px;
  /*max-height:50px;*/
  font-size: 12px;
}

.list-group-item.notificationItem:hover {
  background: var(--hover-bg-color-2) !important;
}

.list-group-item.notificationItem:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.popover.file-importer-popover {
  width: 700px;
  max-width: 700px;
}

.popover.file-importer-popover .file-importer-file.is-hidden {
  opacity: 0.3;
}

.popover.notification {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: auto;
  min-width: 400px;
  max-width: 500px;
}

.popover-content.notificationList {
  overflow: auto;
  max-height: 405px;
}

/*ul.list-group:empty:before{
    content:"Nessuna notifica";
    display:block;
    height:50px;
    font-size:20px;
}*/
.ajax-loader-forSubItem {
  margin-left: 5px;
  display: inline-flex;
  line-height: 18px;
  height: 18px;
  width: 18px;
}

@media (min-width: 1000px) and (max-width: 1200px) {
  /*.nav > li > a {
      padding: 10px 10px !important;
  }*/
}
.TraslationNotFound {
  color: var(--delete-exit-error-button);
  font-style: italic;
}

/*Estensione Bootstrap*/
.row-same-height {
  display: table;
  width: 100%;
}

.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}
/* firefox fix */
.img-responsive {
  width: 100%;
}

/* vertical alignment styles */
.col-top {
  vertical-align: top;
}

.col-middle {
  vertical-align: middle;
}

.col-bottom {
  vertical-align: bottom;
}

/*Sezione AttendanceRegistry*/
.AttendanceRegistryTable {
  border: 1px solid var(--generic-border-color-3) !important;
}

.AttendanceRegistryTable th {
  color: var(--text-on-fill);
  background-color: var(--text-link-fill);
  border: 1px solid var(--generic-border-color-3) !important;
  min-width: 45px;
}

.AttendanceRegistryCell {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid var(--generic-border-color-3) !important;
}

.errorMessagePopover {
  color: var(--delete-exit-error-button);
}

.errorElementPopover, .errorElementRegistry {
  border-color: var(--error-element-border);
  color: black !important;
  border: 1px solid var(--delete-exit-error-button);
}

.popoverAttendanceRegistryDetail {
  min-width: 450px;
  color: black;
}

popoverAttendanceRegistryDetail td {
  padding: 10px !important;
}

.AttendanceRegistryPopoverAbsence h3 {
  font-weight: bold;
  color: white;
  background-color: var(--calendar-absence);
}

.AttendanceRegistryPopoverOvertime h3 {
  font-weight: bold;
  color: white;
  background-color: var(--attendance-registry-overtime);
}

.popoverHour {
  width: 50px !important;
  height: 26px !important;
  text-align: center;
}

.popoverTextarea {
  width: 100% !important;
  min-width: 150px;
}

.popoverCausalDropdown {
  width: 100px !important;
  height: 26px !important;
}

.detailForDay_absence, .detailForDay_ordinary, .detailForDay_overtime {
  width: 100% !important;
  float: left !important;
  text-align: center;
  white-space: nowrap !important;
}

.detailForDay_absence:focus, .detailForDay_ordinary:focus, .detailForDay_overtime:focus {
  background-color: var(--hover-bg-color-2);
}

.withNote {
  padding-left: 5px !important;
  border-right: 5px solid var(--calendar-with-note) !important;
}

.Overtime {
  color: var(--generic-border-color-2);
  font-weight: bold;
}

.Absence {
  color: var(--calendar-absence);
  font-weight: bold;
}

.Ordinary {
  color: var(--calendar-ordinary);
  font-weight: bold;
}

/* Il colore sta sul TOOLTIP, e non si deduce dall'elemento che lo apre: il tooltip di una
   tabella si rende fuori dalla tabella (`iride-tooltip.js`, NOTES.md §121), e un selettore
   `.danger-tooltip + .tooltip` non lo raggiungerebbe più. La classe la mette il `data-template`
   di chi aggancia il tooltip (`TrainingRequirements\PartialList.cshtml`). */
.tooltip.info-tooltip > .tooltip-inner {
  background-color: var(--info-tooltip);
}

.tooltip.info-tooltip > .tooltip-arrow {
  border-bottom-color: var(--info-tooltip);
}

.tooltip.success-tooltip > .tooltip-inner {
  background-color: var(--success-tooltip);
}

.tooltip.success-tooltip > .tooltip-arrow {
  border-bottom-color: var(--success-tooltip);
}

.tooltip.danger-tooltip > .tooltip-inner {
  background-color: var(--danger-tooltip);
}

.tooltip.danger-tooltip > .tooltip-arrow {
  border-bottom-color: var(--danger-tooltip);
}

.tooltip.warning-tooltip > .tooltip-inner {
  background-color: var(--badge-warning-hoover);
}

.tooltip.warning-tooltip > .tooltip-arrow {
  border-bottom-color: var(--badge-warning-hoover);
}

.cal-month-day.cal-day-inmonth:hover .new-event {
  cursor: pointer;
}

.fixed {
  position: fixed;
}

.permanent-footer.fixed {
  background-color: var(--text-link-fill);
}

.relative {
  position: relative;
  background-color: transparent !important;
}

.itemChoice {
  padding-bottom: 5px;
  padding-top: 5px;
  display: flex;
  text-align: left !important;
  border-bottom: 1px solid var(--default-line-color);
}

.add-element-circle {
  padding: 10px;
  margin: 10px;
  border-radius: 100px;
  color: var(--reminder-element-circle);
}

.Deadline-type-list > .deadlineTypeItem {
  padding-top: 10px;
}

.Deadline-type-list > .deadlineTypeItem > div > .form-group {
  margin-bottom: 4px !important;
}

/*Estensione wizard boostrap*/ /*FABIO STRAPPATI 2015-08-05*/
.wizard-card-container {
  overflow-y: auto !important;
}

.wizard .wizard-steps {
  height: 90% !important;
}

.wizard-buttons-container {
  margin-bottom: 10px !important;
}

.modal {
  z-index: 25000;
}

/*START BUTTON TILE COLOR*/
#PrioritiesSelectedItemsModal .tile {
  margin: 7px;
  display: inline-block;
  cursor: pointer;
}

#PrioritiesSelectedItemsModal .tile.tile-sm {
  width: 40px;
  height: 40px;
}

#PrioritiesSelectedItemsModal .tile.tile-md {
  width: 70px !important;
  height: 70px !important;
}

#PrioritiesSelectedItemsModal .tile.tile-lg {
  width: 100px;
  height: 100px;
}

#PrioritiesSelectedItemsModal .tile.red {
  background-color: var(--ird-color-palette-red);
}

#PrioritiesSelectedItemsModal .tile.yellow {
  background-color: var(--ird-color-palette-yellow);
}

#PrioritiesSelectedItemsModal .tile.blue {
  background-color: var(--ird-color-palette-blue);
}

#PrioritiesSelectedItemsModal .tile.purple {
  background-color: var(--ird-color-palette-purple);
}

#PrioritiesSelectedItemsModal .tile.grey {
  background-color: var(--ird-color-palette-grey);
}

#PrioritiesSelectedItemsModal .tile.transparent {
  border: 1px solid var(--text-secondary-color);
  background-color: transparent;
}

/*END BUTTON TILE COLOR*/
.glyphicon {
  text-align: center !important;
}

/*REPORT CSS >>*/
.filter-field-selected .filters.form-group .filter {
  margin-bottom: 10px;
}

.filter-field-selected:first-child .decrement-btn {
  display: none;
}

.filter-field-selected:first-child .logical-operator-section {
  display: none;
}

.filter-field-selected:last-child .increment-btn {
  display: none;
}

.filter .logical-filter, .comparator-filter {
  padding-right: 0px;
}

.filter-field-selected .filters {
  margin-top: 15px;
  margin-left: 10px;
}

.filter-field-selected .filters .filter:first-child .logical-filter {
  display: none;
}

.filter-field-selected .filters .filter:first-child .remove-btn {
  display: none;
}

.filter-field-selected .filters .filter:first-child .row-buttons {
  margin-left: 8.33333333%; /*col-md-offset-1*/
}

.filter-field-selected .table-description {
  color: var(--text-muted-color);
  margin-left: 10px;
}

.filter-field-selected .info-label {
  color: var(--text-secondary-color);
  margin-left: 8px;
}

.diplay-filter-section {
  background-color: var(--filter-background);
  border-radius: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.printable .pattern, .table-pattern {
  visibility: hidden;
  opacity: 0;
  font-size: 0px !important;
  transition: visibility 0s, font-size 0.8s, opacity 0.5s ease;
  color: #bbb;
}

.printable-model {
  cursor: default;
}

.printable-model .copy-content .copy-btn {
  cursor: pointer;
}

.printable.printable-field {
  border-left: 1px solid var(--separator-color);
  padding-top: 5px;
}

.printable.printable-field:hover .pattern, .table-pattern {
  visibility: visible;
  opacity: 1;
  font-size: 1vw !important;
}

.printable.printable-table:hover .pattern, .table-pattern {
  visibility: visible;
  opacity: 1;
  font-size: 1vw !important;
}

.printable.printable-field .field {
  font-size: 1vw !important;
}

.printable-model {
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--printable-hoover);
  position: relative;
}

.printable.printable-field:hover {
  background-color: var(--printable-hoover);
  border-radius: 8px;
}

.printable {
  height: 56px;
  transition: background-color linear 0.2s;
  margin-bottom: 2px;
}

.printable.printable-field .copy-content {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, font-size 0.3s, opacity 0.2s ease;
  right: 1px;
  top: 3px;
}

.printable.printable-table .copy-content {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, font-size 0.3s, opacity 0.2s ease;
}

.printable-model .model {
  margin-bottom: 10px;
}

.printable:hover .copy-content {
  visibility: visible;
  opacity: 1;
}

.printable-model .copy-content div {
  opacity: 0.7;
}

.printable.printable-table {
  height: inherit;
  /*display: initial;*/
  margin-top: 10px;
  margin-left: 15px;
}

.printable.printable-table .printable-table-description, .copy-content {
  display: inline;
  COLOR: var(--print-table-color);
}

.font-md {
  font-size: 20px !important;
}

.font-bg {
  font-size: 30px !important;
}

/* Il filo sopra il netto a pagare, prima scritto nella view: in un foglio la shell lo può ridisegnare. */
.doc-totals__net {
  border-top: 1px solid #ccc;
}

/*<< REPORT CSS*/
.pipeline:before {
  content: " | ";
  color: var(--text-light-color);
}

.raised {
  /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.uppercase {
  text-transform: uppercase;
}

.strong {
  font-weight: bold;
}

/*Trainings*/
.training-users .filterBox {
  margin-bottom: 8px;
}

.training-users {
  width: 50%;
  float: left;
  padding: 5px;
}

.training-users h3 {
  padding: 5px;
  background-color: var(--neutral-bg-color-2);
  border-radius: 5px;
}

.training-users tr {
  cursor: pointer;
}

.training-users #InfiniteScrollContainer tr:hover, #SelectedContainer tr:hover {
  background-color: var(--hover-bg-color);
}

.training-users .table-scroll-container {
  overflow: auto;
  max-height: 300px;
}

.report-table tbody {
  overflow-x: auto;
}

.report-table.no-hover tr:hover {
  background-color: var(--report-no-hover-bg, var(--text-main-color)) !important;
}

/* «Senza passaggio» qui vuol dire ridipingere la riga col fondo: sullo scuro il chiaro dei temi la accendeva. */
:root[data-surface=dark] .shell-v2-body .report-table.no-hover {
  --report-no-hover-bg: var(--sh-card);
}

/*.modal-backdrop.in {
    display: none !important;
}

#GlobalLoadingDiv {
    background-color: rgba(0,0,0,.5);
}*/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: var(--text-light-color-2);
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: var(--text-main-color);
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

#recordFounded.iride-dialog {
  bottom: 20px;
  right: 63px;
  min-width: 120px;
  text-align: center;
}

.maps-row {
  padding: 0 4px;
  height: 25px;
  display: inline-block;
}

.maps-row.wide {
  display: block;
}

.maps-address-form-container {
  border: 1px solid var(--text-light-color-2);
  padding: 10px;
}

.maps-address-form-container .search-input-group .input-group-addon {
  width: 40px;
}

.div-maps-form-action {
  float: right;
  font-size: 16px;
}

.maps-content-editable {
  display: table-cell;
  border-bottom: dashed 1px var(--maps-content-editable);
  min-width: 0px;
  padding: 0px 3px;
  color: var(--maps-content-editable);
}

.pac-container {
  z-index: 99999 !important;
}

.maps-input-margin {
  margin-right: 5px;
  display: inline-block;
  min-width: 0px;
  visibility: hidden;
}

/*utilizzato per modellare l'immagine del pesce d' Aprile*/
div.fish {
  background-image: url(Images/fish.png);
  height: 289px;
  width: 338px;
  position: fixed;
  display: none;
  top: calc(50vh - 144px);
  left: calc(50vw - 169px);
  z-index: 2000;
}

.no-margin {
  margin: 0px !important;
}

.no-margin-left {
  margin-left: 0px !important;
}

.no-margin-top {
  margin-top: 0px !important;
}

.no-margin-right {
  margin-right: 0px !important;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}

.no-padding {
  padding: 0px !important;
}

.no-padding-left {
  padding-left: 0px !important;
}

.no-padding-top {
  padding-top: 0px !important;
}

.no-padding-right {
  padding-right: 0px !important;
}

.no-padding-bottom {
  padding-bottom: 0px !important;
}

#Index-Form {
  position: relative;
}

table th.center-cell,
table td.center-cell {
  text-align: center;
  vertical-align: middle !important;
}

.control-cell {
  background-color: var(--theme-secondary-fill);
  border: none !important;
  border-bottom: 1px solid transparent !important;
}

.control-cell a {
  color: var(--text-on-fill) !important;
  display: block;
  padding: 5px;
  text-decoration: none;
  cursor: pointer;
}

.create-div th .filter-label,
#filterRow th .filter-label {
  text-transform: uppercase;
}

.create-div .contact-col,
.create-div .article-col,
.create-div .destination-col,
#filterRow .contact-col,
#filterRow .article-col,
#filterRow .destination-col {
  width: 250px;
}

.create-div .diametro-col,
#filterRow .diametro-col {
  width: 150px;
}

.create-div .total-store-col,
.create-div .data-consegna-col,
.create-div .quantity-col,
.create-div .data-ordine-col,
#filterRow .total-store-col,
#filterRow .quantity-col,
#filterRow .data-ordine-col,
#filterRow .data-consegna-col {
  width: 115px;
}

.create-div table th,
#LcmOrderTable th {
  vertical-align: top;
}

.application-body #LcmOrderTable {
  margin-bottom: 130px;
}

#index-table[name=LcmOrderTable] > tbody:before {
  line-height: 10px;
  content: "-";
  color: var(--text-main-color);
  display: block;
}

#index-table[name=LcmOrderTable] #filterRow > th,
#index-table[name=LcmOrderTable] tr.row-lcm-order > td,
#index-table[name=LcmOrderTable] tr.row-lcm-order > th,
#index-table[name=LcmOrderTable] tr.subrow-lcm-order > td,
#index-table[name=LcmOrderTable] tr.subrow-lcm-order > th,
#index-table[name=LcmOrderTable] tr.subitem-row {
  vertical-align: top;
  border: 1px solid var(--light-border-color);
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#index-table[name=LcmOrderTable] tr.subrow-lcm-order > td,
#index-table[name=LcmOrderTable] tr.subrow-lcm-order > th {
  padding-top: 10px;
  padding-bottom: 10px;
}

#index-table[name=LcmOrderTable] tr.row-lcm-order > td,
#index-table[name=LcmOrderTable] tr.row-lcm-order > th {
  padding-top: 5px;
}

#index-table[name=LcmOrderTable] input[disabled] {
  /*opacity: .5;*/
}

#index-table[name=LcmOrderTable] tbody tr.row-lcm-order:hover {
  background-color: var(--hover-bg-color);
}

#filterRow th {
  padding-bottom: 5px !important;
}

.create-div table th {
  text-transform: uppercase;
}

.create-div table td,
.create-div table th {
  border: 1px solid var(--light-border-color);
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.create-div table td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#index-table[name=LcmOrderTable] th input::-webkit-input-placeholder,
#index-table[name=LcmOrderTable] td input::-webkit-input-placeholder {
  font-weight: normal;
}

#index-table[name=LcmOrderTable] th input::-moz-placeholder,
#index-table[name=LcmOrderTable] td input::-moz-placeholder {
  font-weight: normal;
}

#index-table[name=LcmOrderTable] th input:-ms-input-placeholder,
#index-table[name=LcmOrderTable] td input:-ms-input-placeholder {
  font-weight: normal;
}

/*.generic-filter{
    padding-top:20px;
}*/
.generic-filter #filterText:not(.flat-input) {
  width: 80% !important;
}

#index-table {
  /*position: absolute !important;*/
}

.po-table.index-table tr:not(.dirty) .dirty-cell {
  display: none !important;
}

.po-table.index-table tr.dirty .dirty-cell {
  display: table-cell;
}

.po-table.index-table tr.dirty .dirty-cell .icon {
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#CorrectionProducedQuantity-modal .pq-body,
#ProducedQuantity-modal .pq-body {
  text-align: left;
  margin-bottom: 15px;
}

#CorrectionProducedQuantity-modal .modal-body,
#ProducedQuantity-modal .modal-body {
  max-height: 400px;
  overflow-y: auto;
}

#CorrectionProducedQuantity-modal .rq-body,
#ProducedQuantity-modal .rq-body {
  display: table;
  width: 100%;
}

#CorrectionProducedQuantity-modal .modal-body .title,
#ProducedQuantity-modal .modal-body .title {
  font-size: 18px;
  display: block;
  padding: 5px;
  border-bottom: 1px solid var(--separator-color);
}

#CorrectionProducedQuantity-modal .rq-body .rej-causal:hover,
#ProducedQuantity-modal .rq-body .rej-causal:hover {
  background-color: var(--hover-bg-color);
}

.article-stage .qc-group .q-control.disabled,
#CreateStage-Form .qc-group .q-control.disabled,
#EditStage-Form .qc-group .q-control.disabled {
  color: #aaa !important;
}

#dynamicAttrTable .selected-rows,
#entitiesTable .selected-rows {
  border-bottom: 5px double var(--text-light-color-2);
}

#dynamicAttrTable .selected-rows tr,
#entitiesTable .selected-rows tr {
  background-color: var(--selected-bg-color);
}

/*******************************************/
.fade-in {
  animation-name: reset, fade-in;
  animation-duration: 2s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* --------------------------------------------------------------------------------
   Campo corretto in automatico
   --------------------------------------------------------------------------------
   Gli indirizzi di posta si salvano in minuscolo, e il campo si sistema da sé quando lo si lascia
   (Scripts\index.js). La velatura serve a dire che il testo è cambiato: senza, chi ha appena
   digitato col blocco maiuscole vede la propria scritta trasformarsi senza motivo apparente.

   È un anello e non un fondo perché il fondo del campo non lo conosciamo — cambia con il tema,
   con lo stato di validazione e con il contenitore — e riportarlo al suo colore a fine animazione
   vorrebbe dire scriverlo qui una seconda volta.

   Colore dall'accento della shell v2 quando c'è, con un ripiego per le pagine classiche, che i
   token --sh-* non li hanno. I 420ms non sono un numero a caso: sotto i 300 la velatura finisce
   prima che l'occhio, che sta già andando al campo successivo, torni indietro a guardare; sopra
   i 600 diventa una cosa che chiede attenzione, e qui non c'è niente da decidere.
   -------------------------------------------------------------------------------- */
@keyframes field-normalized-flash {
  from {
    box-shadow: 0 0 0 2px var(--sh-acc-ring, rgba(60, 130, 200, 0.48));
  }
  to {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
  }
}
.field-normalized {
  animation: field-normalized-flash 420ms var(--sh-mo-ease, ease-out);
}

@media (prefers-reduced-motion: reduce) {
  .field-normalized {
    animation: none;
  }
}
#client-tz {
  position: fixed;
  right: 5px;
  bottom: 5px;
  z-index: 99999999999;
  font-size: 80%;
}

.selected-sum {
  top: 0;
  right: 0;
  /* position: absolute; */
  font-size: 35px;
  padding: 0 25px;
  border: 2px solid var(--background-color-4) !important;
  color: var(--background-color-4) !important;
  text-align: right;
  margin-left: auto;
  margin-right: auto;
  border-radius: 1px;
  margin-bottom: 10px;
  font-weight: bold;
  display: inline-block;
}

/* Le pagine di stato: errore, «non trovato», testo non accettato, accesso negato (NOTES.md §344). Valgono nelle due
   interfacce: nella V2 prendono i token della shell (testo, accento, dimensione scelta), nella classica i ripieghi. */
.status-page {
  max-width: 640px;
  margin: 48px auto 24px;
  padding: 0 16px;
  text-align: center;
}

.status-page__mark {
  display: block;
  margin-bottom: 16px;
  font-size: 64px;
  line-height: 1;
  color: var(--sh-acc, var(--text-link-color-1));
}

.status-page__title {
  margin: 0 0 12px;
  font-size: var(--sh-fs-title, 26px);
  color: var(--sh-text, inherit);
}

.status-page__text,
.status-page__reference,
.status-page__hint {
  margin: 0 auto 12px;
  font-size: var(--sh-fs-body, 14px);
  line-height: 1.5;
  color: var(--sh-text-2, inherit);
}

/* Il numero della segnalazione si seleziona con un clic, per dettarlo o incollarlo all'assistenza. */
.status-page__reference strong {
  color: var(--sh-text, inherit);
  user-select: all;
}

.status-page__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}

.status-page__report {
  max-width: 640px;
  margin: 24px auto;
  padding: 0 16px;
}
.status-page__report textarea {
  width: 100%;
  margin-bottom: 8px;
}
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

/* ========================================================================
 * bootstrap-switch - v3.0.0
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
.bootstrap-switch {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: var(--text-light-color-2);
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  min-width: 100px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.bootstrap-switch.bootstrap-switch-mini {
  min-width: 71px;
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
}

.bootstrap-switch.bootstrap-switch-small {
  min-width: 79px;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
}

.bootstrap-switch.bootstrap-switch-large {
  min-width: 120px;
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
  margin-left: 0%;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
  margin-left: -50%;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
  cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-focused {
  border-color: var(--switch-focus);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--iride-filter-hoover-button);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--iride-filter-hoover-button);
}

.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  width: 150%;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
  width: 33.333333333%;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: var(--text-main-color);
  background: var(--green-blue-crayola);
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: var(--text-main-color);
  background: var(--sky-blue);
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: var(--text-main-color);
  background: var(--mantis);
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: var(--indian-yellow);
  color: var(--text-main-color);
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: var(--text-main-color);
  background: var(--indian-red);
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: var(--text-light-color);
}

.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  width: 33.333333333%;
  color: #333333;
  background: #ffffff;
}

.bootstrap-switch input[type=radio],
.bootstrap-switch input[type=checkbox] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

/* 
 * dragtable
 *
 * @Version 2.0.10
 *
 * default css
 *
 */
/* the dragtable stuff */
.dragtable-sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
}

.dragtable-sortable li {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 1em;
  background: white;
}

.dragtable-sortable th, .dragtable-sortable td {
  border-left: 0px;
}

.dragtable-sortable li:first-child th, .dragtable-sortable li:first-child td {
  border-left: 1px solid var(--text-light-color-2);
}

.ui-sortable-helper {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.ui-sortable-placeholder {
  -moz-box-shadow: 4px 5px 4px var(--box-shadow) inset;
  -webkit-box-shadow: 4px 5px 4px var(--box-shadow) inset;
  box-shadow: 4px 5px 4px var(--box-shadow) inset;
  border-bottom: 1px solid var(--text-light-color-2);
  border-top: 1px solid var(--text-light-color-2);
  visibility: visible !important;
  background: #EFEFEF !important;
  visibility: visible !important;
}

.ui-sortable-placeholder * {
  opacity: 0;
  visibility: hidden;
}
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

/*Calendar event elements style -->*/
/*WHITE*/
/*GREY*/
/*RED*/
/*GREEN*/
/*YELLOW*/
/*ORANGE*/
/*BLUE*/
/*PURPLE*/
/*BLACK*/
/*HEADER*/
/*HEADER*/
[class*=cal-cell] {
  float: left;
  margin-left: 0;
  min-height: 1px;
}
[class*=cal-cell]:hover {
  background-color: var(--background-color-light-alt);
}
[class*=cal-cell]:hover > .cal-month-day > .new-event-flag {
  opacity: 1;
}
[class*=cal-cell] > .cal-month-day > .new-event-flag {
  position: absolute;
  right: 0;
  transition: all 0.6s;
  opacity: 0;
  margin-top: 10px;
  margin-right: 5px;
}

.cal-row-fluid {
  width: 100%;
  *zoom: 1;
}
.cal-row-fluid:before {
  display: table;
  content: "";
  line-height: 0;
}
.cal-row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}
.cal-row-fluid [class*=cal-cell] {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 0%;
  *margin-left: -0.0521376434%;
}
.cal-row-fluid [class*=cal-cell]:first-child {
  margin-left: 0;
}
.cal-row-fluid .controls-row [class*=cal-cell] + [class*=cal-cell] {
  margin-left: 0%;
}
.cal-row-fluid .cal-cell7 {
  width: 100%;
  *width: 99.9466950959%;
}
.cal-row-fluid .cal-cell6 {
  width: 85.7142857143%;
  *width: 85.6609808102%;
}
.cal-row-fluid .cal-cell5 {
  width: 71.4285714286%;
  *width: 71.3752665245%;
}
.cal-row-fluid .cal-cell4 {
  width: 57.1428571429%;
  *width: 57.0895522388%;
}
.cal-row-fluid .cal-cell3 {
  width: 42.8571428571%;
  *width: 42.8038379531%;
}
.cal-row-fluid .cal-cell2 {
  width: 28.5714285714%;
  *width: 28.5181236674%;
}
.cal-row-fluid .cal-cell1 {
  width: 14.2857142857%;
  *width: 14.2324093817%;
  width: 14.2857142857%;
  *width: 14.2335766423%;
}
.cal-row-fluid .cal-offset7 {
  margin-left: 100%;
  *margin-left: 99.8933901919%;
}
.cal-row-fluid .cal-offset7:first-child {
  margin-left: 100%;
  *margin-left: 99.8933901919%;
}
.cal-row-fluid .cal-offset6 {
  margin-left: 85.7142857143%;
  *margin-left: 85.6076759062%;
}
.cal-row-fluid .cal-offset6:first-child {
  margin-left: 85.7142857143%;
  *margin-left: 85.6076759062%;
}
.cal-row-fluid .cal-offset5 {
  margin-left: 71.4285714286%;
  *margin-left: 71.3219616205%;
}
.cal-row-fluid .cal-offset5:first-child {
  margin-left: 71.4285714286%;
  *margin-left: 71.3219616205%;
}
.cal-row-fluid .cal-offset4 {
  margin-left: 57.1428571429%;
  *margin-left: 57.0362473348%;
}
.cal-row-fluid .cal-offset4:first-child {
  margin-left: 57.1428571429%;
  *margin-left: 57.0362473348%;
}
.cal-row-fluid .cal-offset3 {
  margin-left: 42.8571428571%;
  *margin-left: 42.750533049%;
}
.cal-row-fluid .cal-offset3:first-child {
  margin-left: 42.8571428571%;
  *margin-left: 42.750533049%;
}
.cal-row-fluid .cal-offset2 {
  margin-left: 28.5714285714%;
  *margin-left: 28.4648187633%;
}
.cal-row-fluid .cal-offset2:first-child {
  margin-left: 28.5714285714%;
  *margin-left: 28.4648187633%;
}
.cal-row-fluid .cal-offset1 {
  margin-left: 14.2857142857%;
  *margin-left: 14.1791044776%;
}
.cal-row-fluid .cal-offset1:first-child {
  margin-left: 14.2857142857%;
  *margin-left: 14.1791044776%;
}
.cal-row-fluid [class*=cal-cell].hide {
  display: none;
}
.cal-row-fluid [class*=cal-cell].pull-right {
  float: right;
}
.cal-row-fluid:hover {
  background-color: #fafafa;
}

.cal-week-box .cal-offset7 {
  margin-left: 100%;
  *margin-left: 99.8933901919%;
}
.cal-week-box .cal-offset6 {
  margin-left: 85.7142857143%;
  *margin-left: 85.6076759062%;
}
.cal-week-box .cal-offset5 {
  margin-left: 71.4285714286%;
  *margin-left: 71.3219616205%;
}
.cal-week-box .cal-offset4 {
  margin-left: 57.1428571429%;
  *margin-left: 57.0362473348%;
}
.cal-week-box .cal-offset3 {
  margin-left: 42.8571428571%;
  *margin-left: 42.750533049%;
}
.cal-week-box .cal-offset2 {
  margin-left: 28.5714285714%;
  *margin-left: 28.4648187633%;
}
.cal-week-box .cal-offset1 {
  margin-left: 14.2857142857%;
  *margin-left: 14.1791044776%;
}
.cal-week-box {
  position: relative;
  border-top: 1px solid var(--light-border-color);
  border-bottom: 1px solid var(--light-border-color);
  border-right: 1px solid var(--light-border-color);
  border-left: 1px solid var(--light-border-color);
  border-radius: 0px;
}
.cal-week-box [data-event-class] {
  white-space: nowrap;
  height: 30px;
  margin: 1px 1px;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 10px;
}
.cal-week-box .cal-column {
  position: absolute;
  height: 100%;
  z-index: -1;
}
.cal-week-box .arrow-before {
  position: relative;
}
.cal-week-box .arrow-before:before {
  content: "";
  position: absolute;
  top: 0px;
  width: 0;
  height: 0;
  left: 1px;
  border-top: 15px solid transparent;
  border-left: 8px solid var(--main-color-2);
  border-bottom: 15px solid transparent;
}
.cal-week-box .arrow-after {
  position: relative;
}
.cal-week-box .arrow-after:after {
  content: "";
  position: absolute;
  top: 0px;
  width: 0;
  height: 0;
  right: 0;
  border-top: 15px solid var(--main-color-2);
  border-left: 8px solid;
  border-bottom: 15px solid var(--main-color-2);
}

[class*=cal-cell].hide {
  display: none;
}

[class*=cal-cell].pull-right {
  float: right;
}

.cal-row-head [class*=cal-cell]:first-child {
  min-height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bolder;
  text-align: center;
  border: 0px solid;
  padding: 5px 0;
}
.cal-row-head [class*=cal-cell] {
  min-height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bolder;
  text-align: center;
  border: 0px solid;
  padding: 5px 0;
}
.cal-row-head [class*=cal-cell] small {
  font-weight: normal;
}

.cal-events-num {
  margin-top: 20px;
}

.cal-month-day {
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
}

#cal-day-tick {
  position: absolute;
  right: 50%;
  bottom: -21px;
  padding: 0px 5px;
  cursor: pointer;
  z-index: 5;
  text-align: center;
  width: 26px;
  margin-right: -17px;
  border: 1px solid var(--light-border-color);
  border-top: 0px solid;
  border-radius: 0 0 5px 5px;
  background-color: var(--background-color-light-alt);
  text-align: center;
}

.cal-year-box #cal-day-tick {
  margin-right: -7px;
}
.cal-year-box .row-fluid:hover {
  background-color: var(--background-color-light-alt);
}
.cal-year-box .row-fluid [class*=""]:last-child {
  border-right: 0px;
}
.cal-year-box .row-fluid {
  border-bottom: 1px solid var(--light-border-color);
  margin-left: 0px;
  margin-right: 0px;
}
.cal-year-box .row-fluid:last-child {
  border-bottom: 0px;
}
.cal-year-box [class*=""] {
  min-height: 100px;
  border-right: 1px solid var(--light-border-color);
  position: relative;
}
.cal-year-box {
  border-top: 1px solid var(--light-border-color);
  border-bottom: 1px solid var(--light-border-color);
  border-right: 1px solid var(--light-border-color);
  border-left: 1px solid var(--light-border-color);
  border-radius: 0px;
}
.cal-year-box [class*=span] {
  min-height: 60px;
}

#cal-slide-box {
  position: relative;
  border-top: 0px solid var(--calendar-slidebox);
}

#cal-slide-tick {
  position: absolute;
  width: 16px;
  margin-left: -7px;
  height: 9px;
  top: -1px;
  z-index: 1;
  background-image: url("Images/tick.png?2") !important;
}

#cal-slide-tick.tick-month1 {
  left: 12.5%;
}

#cal-slide-tick.tick-month2 {
  left: 37.5%;
}

#cal-slide-tick.tick-month3 {
  left: 62.5%;
}

#cal-slide-tick.tick-month4 {
  left: 87.5%;
}

#cal-slide-tick.tick-day1 {
  left: 7.1428571429%;
}

#cal-slide-tick.tick-day2 {
  left: 21.4285714286%;
}

#cal-slide-tick.tick-day3 {
  left: 35.7142857143%;
}

#cal-slide-tick.tick-day4 {
  left: 50%;
}

#cal-slide-tick.tick-day5 {
  left: 64.2857142857%;
}

#cal-slide-tick.tick-day6 {
  left: 78.5714285714%;
}

#cal-slide-tick.tick-day7 {
  left: 92.8571428571%;
}

.events-list {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  max-height: 47px;
  padding-left: 5px;
}
.events-list > a:hover {
  text-decoration: none !important;
}

#cal-slide-content ul.unstyled {
  margin-bottom: 0;
}
#cal-slide-content:hover {
  background-color: transparent;
}
#cal-slide-content a.event.event-item {
  color: var(--transparent-black);
  font-weight: normal;
  line-height: 22px;
}

#cal-day-box {
  text-wrap: none;
}
#cal-day-box .cal-day-hour-part {
  height: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: thin dashed var(--light-border-color);
}
#cal-day-box .cal-day-hour .day-highlight {
  height: 30px;
}
#cal-day-box .cal-day-hour:nth-child(odd) {
  background-color: var(--calendar-box-odd);
}
#cal-day-box .cal-hours {
  font-weight: bolder;
}
#cal-day-box #cal-day-panel {
  position: relative;
  padding-left: 60px;
}
#cal-day-box #cal-day-panel-hour {
  position: absolute;
  width: 100%;
  margin-left: -60px;
}
#cal-day-box .day-event {
  position: relative;
  /*max-width: 200px;*/
  overflow: hidden;
}
#cal-day-box .day-highlight {
  line-height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid var(--day-highlight);
  margin: 1px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#cal-day-box .day-highlight.dh-event-important {
  border: 1px solid var(--highlight-event-important-border);
}
#cal-day-box .day-highlight.dh-event-warning {
  border: 1px solid var(--highlight-event-warning-border);
}
#cal-day-box .day-highlight.dh-event-info {
  border: 1px solid var(--highlight-event-info-border);
}
#cal-day-box .day-highlight.dh-event-inverse {
  border: 1px solid var(--highlight-inverse-border);
}
#cal-day-box .day-highlight.dh-event-success {
  border: 1px solid var(--highlight-event-success-border);
}
#cal-day-box .day-highlight.dh-event-special {
  background-color: var(--special-event-background);
  border: 1px solid var(--special-event-border);
}

#cal-day-panel .day-highlight {
  position: absolute;
}

.calendar .cal-event-list li {
  padding: 5px;
}
.calendar .event.event-reminder {
  color: var(--text-link-color-1);
  transform: rotate(5deg);
}
.calendar .event.color-0 {
  color: var(--text-main-color) !important;
}
.calendar .event.event-reminder.color-0 {
  text-shadow: -1px 0 var(--text-secondary-color), 0 1px var(--text-secondary-color), 1px 0 var(--text-secondary-color), 0 -1px var(--text-secondary-color);
}
.calendar .event.color-1 {
  color: var(--reminder-background-color-1) !important;
}
.calendar .event.color-2 {
  color: var(--generic-color-2) !important;
}
.calendar .event.color-3 {
  color: var(--reminder-background-color-3) !important;
}
.calendar .event.color-4 {
  color: var(--reminder-background-color-4) !important;
}
.calendar .event.color-5 {
  color: var(--text-link-color-1) !important;
}
.calendar .event.color-6 {
  color: var(--reminder-background-color-6) !important;
}
.calendar .event.color-7 {
  color: var(--reminder-background-color-7) !important;
}
.calendar .badge {
  background-color: var(--reminder-gray) !important;
}
.calendar .cal-day-today {
  border: 1px solid var(--theme-secondary-color);
  color: var(--theme-secondary-ink);
}
.calendar .cal-day-today #cal-day-tick {
  border-color: var(--theme-secondary-color);
}
.calendar #cal-slide-content {
  padding: 20px;
  color: var(--transparent-black) !important;
  background: var(--documentContainer-border-2) !important;
  border: 1px solid var(--theme-secondary-color);
}
.calendar .cal-row-head .cal-cell1 {
  text-align: left !important;
  padding-left: 5px;
  color: var(--transparent-black);
  text-transform: uppercase;
}

.event {
  display: block;
  background-color: var(--day-highlight);
  width: 17px;
  height: 17px;
  margin-right: 2px;
  margin-bottom: 2px;
  -webkit-box-shadow: inset 0px 0px 5px 0px var(--transparent-black);
  box-shadow: inset 0px 0px 5px 0px var(--transparent-black);
  border-radius: 100px;
  border: 1px solid var(--text-main-color);
}

.event.event-block {
  display: block;
  background-color: var(--day-highlight);
  width: 20px;
  height: 100%;
}

.event.event-important {
  background-color: var(--highlight-event-important-border);
}

.event.event-info {
  background-color: var(--highlight-event-info-border);
}

.event.event-warning {
  background-color: var(--highlight-event-warning-border);
}

.event.event-inverse {
  background-color: var(--highlight-inverse-border);
}

.event.event-success {
  background-color: var(--highlight-event-success-border);
}

.event.event-special {
  background-color: var(--special-event-border);
}

.custom-event {
  background-size: 100% auto !important;
  background-color: transparent !important;
  border-radius: 0px !important;
  border-color: transparent !important;
  box-shadow: none !important;
  font-size: 15px;
  text-decoration: none !important;
}

.event.event-user-unavailability:hover {
  color: var(--delete-exit-error-button) !important;
}
.event.event-user-unavailability {
  color: var(--calendar-unavailability-text);
}

.event.event-machine-unavailability:hover {
  color: var(--delete-exit-error-button) !important;
}
.event.event-machine-unavailability {
  color: var(--calendar-unavailability-text);
}

.event.event-maintenance-session:hover,
.event.event-deadline-completed:hover {
  color: var(--calendar-deadline-completed-hoover);
}
.event.event-maintenance-session,
.event.event-deadline-completed {
  color: var(--generic-color-2) !important;
}

.event.event-planned-maintenance:hover,
.event.event-deadline-notcompleted:hover {
  color: var(--delete-exit-error-button) !important;
}
.event.event-planned-maintenance,
.event.event-deadline-notcompleted {
  color: var(--reminder-background-color-1) !important;
}

.event.event-ticket {
  color: var(--calendar-deadline-completed);
}
.event.event-ticket:hover {
  color: var(--generic-color-2);
}

.event.event-reminder:hover {
  color: var(--yellowgreen);
}

.event.event-user-contract:hover {
  color: var(--calendar-event-user-contract);
}
.event.event-user-contract {
  color: var(--text-main-color-dark);
}

.event.event-contract-for-role:hover {
  color: var(--platinum);
}
.event.event-contract-for-role {
  color: var(--text-main-color-dark);
}

.event.event-birthday {
  color: darkred;
}

.event.event-course {
  color: var(--text-link-color-1);
}

.event.event-holiday {
  color: var(--orange-peel);
}

.event.event-company-unavailability {
  color: var(--orange-peel);
}
.event.event-company-unavailability:hover {
  color: var(--cadmium-orange);
}

.event.event-order {
  color: var(--chestnut);
}

.event.event-production-order {
  color: var(--text-link-color-1);
}

.event.event-production-order.closed {
  color: var(--text-main-color-dark);
}

.event.event-production-order.on-execution {
  color: var(--generic-color-2);
}

.event.event-production-order.on-pause {
  color: var(--jonquil);
}

.day-highlight:hover {
  background-color: var(--hover-bg-color-2);
}
.day-highlight {
  background-color: var(--neutral-bg-color-2);
}

.day-highlight.dh-event-important:hover {
  background-color: var(--highlight-event-important-background);
}
.day-highlight.dh-event-important {
  background-color: var(--highlight-event-important-background);
}

.day-highlight.dh-event-warning:hover {
  background-color: var(--highlight-event-warning-background);
}
.day-highlight.dh-event-warning {
  background-color: var(--highlight-event-warning-background);
}

.day-highlight.dh-event-info:hover {
  background-color: var(--highlight-event-info-background);
}
.day-highlight.dh-event-info {
  background-color: var(--highlight-event-info-background);
}

.day-highlight.dh-event-inverse:hover {
  background-color: var(--day-highlight);
}
.day-highlight.dh-event-inverse {
  background-color: var(--day-highlight);
}

.day-highlight.dh-event-success:hover {
  background-color: var(--highlight-event-success-background);
}
.day-highlight.dh-event-success {
  background-color: var(--highlight-event-success-background);
}

.day-highlight.dh-event-special:hover {
  background-color: var(--special-event-background);
}
.day-highlight.dh-event-special {
  background-color: var(--special-event-background);
}

.cal-month-box [class*=cal-cell] {
  min-height: 100px;
  border-right: 1px solid var(--light-border-color);
  position: relative;
}
.cal-month-box .cal-row-fluid [class*=cal-cell]:last-child {
  border-right: 0px;
}
.cal-month-box .cal-row-fluid {
  border-bottom: 1px solid var(--light-border-color);
  margin-left: 0px;
  margin-right: 0px;
}
.cal-month-box .cal-row-fluid:last-child {
  border-bottom: 0px;
}
.cal-month-box {
  border-top: 1px solid var(--light-border-color);
  border-bottom: 1px solid var(--light-border-color);
  border-right: 1px solid var(--light-border-color);
  border-left: 1px solid var(--light-border-color);
  border-radius: 0px;
}
.cal-month-box .cal-day-today [data-cal-date] {
  font-size: 1.9em;
}

[data-cal-date] {
  font-size: 1.2em;
  font-weight: normal;
  opacity: 0.5;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
[data-cal-date]:hover {
  opacity: 1;
}

.cal-day-outmonth {
  opacity: 0.6;
}
.cal-day-outmonth [data-cal-date] {
  opacity: 0.2;
  cursor: default;
}

.cal-day-holiday [data-cal-date] {
  color: var(--patriarch);
}

.cal-day-weekend [data-cal-date] {
  color: var(--darkred);
}

.cal-column {
  border-left: 1px solid var(--light-border-color);
}

a.cal-event-week {
  text-decoration: none;
  color: var(--highlight-inverse-border);
}

.badge-danger {
  background-color: var(--medium-carmine);
  cursor: pointer;
}
.badge-danger:hover {
  background-color: var(--brandy);
}

.badge-info {
  background-color: var(--badge-info);
  cursor: pointer;
}
.badge-info:hover {
  background-color: var(--badge-info-hoover);
}

.badge-warning {
  background-color: var(--badge-warning);
  cursor: pointer;
}
.badge-warning:hover {
  background-color: var(--badge-warning-hoover);
}

.badge-success {
  background-color: var(--badge-success);
  cursor: pointer;
}
.badge-success:hover {
  background-color: var(--badge-success-hoover);
}

.badge-primary {
  background-color: var(--badge-primary);
  cursor: pointer;
}
.badge-primary:hover {
  background-color: var(--badge-hoover-primary);
}

.calendar-header {
  padding: 0;
}
.calendar-header .navigation-controller {
  text-align: right;
  padding: 0;
}
.calendar-header .navigation-controller .button {
  width: 120px;
  display: block;
  padding: 10px;
  min-height: 60px;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  cursor: pointer;
  border-radius: 1px;
  text-transform: uppercase;
  overflow: hidden;
  margin: 10px 0;
  color: var(--button-color) !important;
  transition: 0.5s all;
  display: inline-block;
  border: 1px solid var(--theme-secondary-color);
}
.calendar-header .navigation-controller .button span {
  display: block;
  margin-top: 5px;
  min-height: 16px;
}
.calendar-header .navigation-controller .button:active {
  background-color: var(--theme-secondary-fill);
  color: var(--text-on-fill) !important;
}
.calendar-header .navigation-controller .button:hover {
  background-color: var(--theme-secondary-fill);
  color: var(--text-on-fill) !important;
}
.calendar-header .navigation-controller .button.active {
  background-color: var(--theme-secondary-fill);
  color: var(--text-on-fill) !important;
}
.calendar-header .view-controller {
  padding: 0;
}
.calendar-header .view-controller .button {
  width: 120px;
  display: block;
  padding: 10px;
  min-height: 60px;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  cursor: pointer;
  border-radius: 1px;
  text-transform: uppercase;
  overflow: hidden;
  margin: 10px 0;
  color: var(--button-color) !important;
  transition: 0.5s all;
  display: inline-block;
  border: 1px solid var(--theme-secondary-color);
}
.calendar-header .view-controller .button span {
  display: block;
  margin-top: 5px;
  min-height: 16px;
}
.calendar-header .view-controller .button:active {
  background-color: var(--theme-secondary-fill);
  color: var(--text-on-fill) !important;
}
.calendar-header .view-controller .button:hover {
  background-color: var(--theme-secondary-fill);
  color: var(--text-on-fill) !important;
}
.calendar-header .view-controller .button.active {
  background-color: var(--theme-secondary-fill);
  color: var(--text-on-fill) !important;
}
.calendar-header .calendar-focus {
  padding: 0;
}

.calendar-container .scopes-controller .scope:hover {
  background-color: var(--theme-secondary-fill);
  color: var(--text-on-fill) !important;
}
.calendar-container .scopes-controller .scope:hover .icon {
  color: var(--text-on-fill) !important;
}
.calendar-container .scopes-controller .scope:hover .calendar-event-title {
  display: inline-block;
}
.calendar-container .scopes-controller .scope:active:hover {
  background-color: var(--theme-secondary-fill);
  color: var(--text-on-fill) !important;
}
.calendar-container .scopes-controller .scope:active:hover .icon {
  color: var(--text-on-fill) !important;
}
.calendar-container .scopes-controller .scope:active {
  background-color: var(--theme-secondary-fill);
  color: var(--text-on-fill) !important;
}
.calendar-container .scopes-controller .scope:active .icon {
  color: var(--text-on-fill) !important;
}
.calendar-container .scopes-controller .scope .icon {
  color: var(--icon-color) !important;
  color: var(--icon-color) !important;
  color: var(--icon-color) !important;
  color: var(--icon-color) !important;
  font-size: 25px;
  height: 25px;
}
.calendar-container .scopes-controller .scope div {
  display: inline-block;
  vertical-align: text-bottom;
}
.calendar-container .scopes-controller .scope .calendar-event-title {
  display: none;
  padding-left: 5px;
}
.calendar-container .scopes-controller .scope {
  display: inline-block;
  padding: 10px;
  margin-bottom: 5px;
  cursor: pointer;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54) !important;
  transition: 0.5s all;
  border: 1px solid var(--theme-secondary-color);
}
.calendar-container .scopes-controller .scope.active {
  background-color: var(--theme-secondary-fill);
  color: var(--text-on-fill) !important;
}
.calendar-container .scopes-controller .scope.active .icon {
  color: var(--text-on-fill) !important;
}
.calendar-container .scopes-controller {
  padding: 0px;
}
.calendar-container .calendar {
  padding: 0px;
  padding-top: 5px;
  border-top: 1px solid var(--light-border-color);
}
.calendar-container {
  padding: 0px;
  padding-top: 5px;
  border-top: 1px solid var(--light-border-color);
}

.calendar-focus {
  font-size: 30px;
  color: var(--theme-secondary-ink);
  text-transform: uppercase;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 49px;
  text-align: left;
}

#cal-week-box {
  display: none !important;
}

.box-tri {
  width: 30px;
  height: 30px;
  background-color: var(--delete-exit-error-button);
}

[class*=cal-week-box] > .cal-row-head > .cal-cell1:hover > .new-event-flag {
  opacity: 1;
}
[class*=cal-week-box] > .cal-row-head > .cal-cell1 {
  position: relative;
}
[class*=cal-week-box] > .cal-row-head > .cal-cell1 > .new-event-flag {
  position: absolute;
  right: 0;
  opacity: 0;
  transition: all 0.6s;
}

.week-number {
  width: 30px;
  position: absolute;
  left: -30px;
  border: 1px solid var(--light-border-color);
  top: -1px;
  padding: 5px;
  background-color: var(--neutral-bg-color);
  color: var(--theme-secondary-ink);
  text-align: center;
}

@media all and (max-width: 763px) {
  .calendar-header {
    padding: 10px;
    height: inherit;
    margin-bottom: initial;
  }
  .calendar-header .view-controller .button {
    display: none;
    width: 90px;
  }
  .calendar-header .view-controller {
    position: relative !important;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  .calendar-header .navigation-controller {
    display: block;
    width: 100%;
    position: relative;
    position: relative !important;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  .calendar-header .navigation-controller .button {
    width: 90px;
  }
  .calendar-container .scopes-controller {
    padding: 10px;
    position: relative !important;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  .calendar-container .scopes-controller .scope {
    display: inline-block;
    min-width: 0px;
    width: auto !important;
    min-height: 0px !important;
  }
  .calendar-container .scopes-controller .scope .calendar-event-title {
    display: none;
  }
  .calendar-container .scopes-controller .button {
    width: 90px;
  }
  .calendar-focus {
    padding: 10px;
    justify-content: center;
    font-size: 18px;
  }
  .calendar {
    padding: 10px;
  }
  .navigation-controller .button {
    margin: 0px;
  }
  .navigation-controller .button .title {
    display: none;
  }
}
@media (max-width: 1600px) and (orientation: landscape) {
  .calendar-focus {
    justify-content: center;
  }
  .calendar-container .scopes-controller .scope {
    display: inline-block !important;
  }
  .calendar-container .calendar {
    width: 100%;
  }
}
@media (max-width: 1000px) and (orientation: landscape) {
  .calendar-container .scopes-controller {
    margin-bottom: 10px;
  }
  .calendar-container .scopes-controller .scope {
    display: inline-block;
    min-width: 0px;
    width: auto !important;
    min-height: 0px !important;
  }
  .calendar-container .scopes-controller .scope .calendar-event-title {
    display: none;
  }
  .calendar-container .scopes-controller {
    margin: auto;
  }
  .calendar-header .view-controller .button {
    display: none;
  }
  .calendar-header .view-controller {
    display: inline-block;
    position: relative;
  }
  .calendar-header .navigation-controller {
    display: inline-block;
    position: relative;
  }
  .calendar-header {
    height: inherit;
    margin-bottom: initial;
  }
}
/* WIZARD GENERAL */
.wizard {
	display:none;	
}

.wizard-dialog {}
.wizard-content {}

.wizard-body {
	padding: 0;
	margin: 0;
}

/* WIZARD HEADER */
.wizard-header {
	padding: 9px 15px;
	border-bottom: 0;
}

.wizard-header h3 {
	margin: 0;
	line-height: 35px;
	display: inline;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-family: inherit;
	font-weight: bold;
	text-rendering: optimizelegibility;
	color: rgb(51, 51, 51);
}

.wizard-subtitle {
	font-weight:bold;
	color:#AFAFAF;
	padding-left:20px;
}


/* WIZARD NAVIGATION */
.wizard-steps {
	width: 28%;
	background-color: #f5f5f5;
	border-bottom-left-radius: 6px;
	position: relative;
}

.wizard-nav-container {
	padding-bottom: 30px;
}

.wizard-nav-list {
	margin-bottom: 0;
}

.wizard-nav-link .glyphicon-chevron-right {
	float:right;
	margin-top:12px;
	margin-right:-6px;
	opacity:.25;
}

li.wizard-nav-item.active .glyphicon-chevron-right {
	opacity:1;
}

li.wizard-nav-item {
	line-height:40px;
}

.wizard-nav-list > li > a {
	background-color:#f5f5f5;
	padding:3px 15px 3px 20px;
	cursor:default;
	color:#B4B4B4;
}

.wizard-nav-list > li > a:hover {
	background-color: transparent;
}

.wizard-nav-list > li.already-visited > a.wizard-nav-link {
	color:#08C;
	cursor:pointer;
}

.wizard-nav-list > li.active > a.wizard-nav-link {
	color:white;
}

.wizard-nav-item .already-visited .active {
	background-color:#08C;
}

.wizard-nav-list li.active > a {
	background-color:#08C;
}


/* WIZARD CONTENT */
.wizard-body form {
	padding: 0;
	margin: 0;
}

/* WIZARD PROGRESS BAR */
.wizard-progress-container {
	margin-top: 20px;
	padding: 15px;
	width: 100%;
	position: absolute;
	bottom: 0;
}

.wizard-card-container {
	margin-left: 28%;
}

/* WIZARD CARDS */
.wizard-error,
.wizard-failure,
.wizard-success,
.wizard-loading,
.wizard-card {
	border-top: 1px solid #EEE;
	display:none;
	padding:35px;
	padding-top:20px;
	overflow-y:auto;
	
	/*
	position:relative;
	height:300px;
	margin-right: 5px;
	*/
}

.wizard-card-overlay {
	overflow-y: initial;
}

.wizard-card > h3 {
	margin-top:0;
	margin-bottom:20px;
	font-size:21px;
	line-height:40px;
	font-weight:normal;
}

/* WIZARD FOOTER */
.wizard-footer {
	padding:0;
}

.wizard-buttons-container {
	padding:20px;
}

.wizard-cancel {
	margin-left: 12px;
}

/* Inner Card */
.wizard-input-section {
	margin-bottom:20px;
}

.wizard-dialog .popover.error-popover {
	background-color:#F2DEDE;
	color:#B94A48;
	border-color:#953B39;
}

.wizard-dialog .popover.error-popover .arrow::after {
	border-right-color:#F2DEDE;
}

.wizard-dialog .popover.error-popover .popover-title {
	display:none;
}

.wizard-dialog .popover.error-popover .arrow {
	border-right-color:#953B39;
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

/*CSS dei post-it*/
/*Sezione base*/
.post-it-section {
  position: fixed;
  bottom: 85px;
  height: 0;
  z-index: 1000;
}

/*Contentitore post-it*/
.post-its {
  z-index: 1010;
  position: relative;
  bottom: 200px;
  transition: opacity 0.3s linear;
  opacity: 1;
  width: 100%;
}

.post-its.no-visible {
  opacity: 0;
  height: 0px;
  overflow: hidden;
}

.post-its.no-visible * {
  opacity: 0;
  height: 0px !important;
}

.post-it.no-visible {
  opacity: 0;
  height: 0px;
  overflow: hidden;
}

/* Contenitore bottoni */
.button-container {
  display: block;
  top: 35px;
  position: relative;
  z-index: 1010;
}

.button-container .post-it-counter {
  position: absolute;
  top: -5px;
  right: -10px;
  /* border-radius: 2px; */
  background: var(--background-color);
  color: var(--theme-secondary-ink);
  border: 1px solid var(--theme-secondary-color);
  font-size: 80%;
}

/* Stile post-it base - bianco */
.post-it {
  background-color: var(--background-color-light-alt);
  border-radius: 2px;
  color: var(--reminder-color-0);
  width: 180px;
  height: 200px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  margin: 0px;
  transition: all 0.3s ease-in;
  transform: rotate(5deg);
  /* Testata e piè di pagina occupano quel che serve, il corpo prende il resto. Con le
     altezze fisse di prima il contenuto misurava 209 px dentro un foglietto di 200: la
     riga di data e autore restava visibile per un pixel, e bastava un carattere più
     alto perché uscisse dal foglietto. */
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.post-it .body-post-it {
  margin-top: 5px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  flex: 1 1 auto;
  min-height: 0;
}

.post-it .body-post-it .body-content-post-it {
  /* Erano 165 px in una colonna larga 160: cinque px uscivano di lato. */
  width: 100%;
  height: 100%;
  min-height: 0; /* annulla il `min-height: 30px` di iride-graphic-elements.css */
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 12px;
  background-color: transparent;
  border: none;
  resize: none;
}

.post-it .header-post-it {
  background-color: var(--background-color-med);
  color: var(--text-light-color);
  min-height: 20px;
  padding: 5px;
  height: 30px;
}

.post-it .header-post-it .title {
  display: inline-block;
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  font-weight: bold;
  max-width: 140px;
  height: 20px;
  line-height: 20px;
}

/* `iride-graphic-elements.css` dà a ogni input della pagina `min-height: 30px`:
   dieci px più della riga che lo ospita, e il titolo si vedeva tagliato a metà
   perché `.title` ha `overflow: hidden`. Qui il campo è alto quanto la riga.
   `padding: 0` allinea la versione scrivibile (input) a quella in sola lettura
   (div), che di suo non ha rientro. */
.post-it .header-post-it .title .title-content-post-it {
  background-color: transparent;
  border: none;
  min-height: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  line-height: inherit;
}

.post-it .footer-post-it .footer-content {
  width: 100%;
  border-top: 1px solid var(--background-color-med);
  margin: auto;
  text-align: center;
}

.post-it .footer-post-it i {
  display: block;
  padding-top: 2px;
  padding-right: 5px;
  text-align: right;
}

.post-it .footer-post-it {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 8px;
  font-size: 11px;
}

.post-it .header-post-it .title .title-content-post-it:focus,
.body-content-post-it:focus {
  outline: 0 !important;
}

.body-content-post-it::-webkit-scrollbar {
  width: 10px;
}

.body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--background-color-med);
  border-radius: 10px;
}

.body-content-post-it::-webkit-scrollbar-track {
  border: 0px var(--background-color-med-2) solid;
  border-radius: 2px;
  /* Qui c'era `-webkit-box-shadow: 0 0 px ...`: valore senza unità, dichiarazione
     scartata dal browser da sempre. Tolta invece che corretta, perché l'unica forma
     valida che le somigli (`0 0 0`) non disegna nulla. */
  opacity: 0;
}

/*Pulsante di selezione colore*/
.selection-color-post-it {
  margin-bottom: 5px;
  width: 18px;
  height: 18px;
  border-radius: 100%;
}

.selection-color-post-it.color-0 {
  border: 1px solid var(--text-secondary-color);
  background-color: var(--neutral-bg-color);
}

/*Colori*/
/*Rosso*/
.post-it.color-1 {
  color: var(--text-light-color);
  background-color: var(--reminder-background-color-1);
}

.post-it.color-1 .header-post-it {
  background-color: var(--reminder-border-color-1);
}

.post-it.color-1 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-1);
}

.post-it.color-1 .footer-post-it .footer-content {
  border-top: 1px solid var(--reminder-border-color-1);
}

.selection-color-post-it.color-1 {
  background: var(--reminder-background-color-1);
  border: 1px solid var(--reminder-border-color-1);
}

/*Verde*/
.post-it.color-2 {
  color: var(--text-light-color);
  background-color: var(--generic-color-2);
}

.post-it.color-2 .header-post-it {
  background-color: var(--reminder-border-color-2);
}

.post-it.color-2 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-2);
}

.post-it.color-2 .footer-post-it .footer-content {
  border-top: 1px solid var(--reminder-border-color-2);
}

.selection-color-post-it.color-2 {
  background: var(--generic-color-2);
  border: 1px solid var(--reminder-border-color-2);
}

/*Giallo*/
.post-it.color-3 {
  color: var(--text-light-color);
  background-color: var(--reminder-background-color-3);
}

.post-it.color-3 .header-post-it {
  background-color: var(--reminder-border-color-3);
}

.post-it.color-3 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-3);
}

.post-it.color-3 .footer-post-it .footer-content {
  border-top: 1px solid var(--reminder-border-color-3);
}

.selection-color-post-it.color-3 {
  background: var(--reminder-background-color-3);
  border: 1px solid var(--reminder-border-color-3);
}

/*Arancione*/
.post-it.color-4 {
  color: var(--text-light-color);
  background-color: var(--reminder-background-color-4);
}

.post-it.color-4 .header-post-it {
  background-color: var(--reminder-border-color-4);
}

.post-it.color-4 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-4);
}

.post-it.color-4 .footer-post-it .footer-content {
  border-top: 1px solid var(--reminder-border-color-4);
}

.selection-color-post-it.color-4 {
  background: var(--reminder-background-color-4);
  border: 1px solid var(--reminder-border-color-4);
}

/*Blu*/
.post-it.color-5 {
  color: var(--text-light-color);
  background-color: var(--text-link-fill);
}

.post-it.color-5 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-5);
}

.post-it.color-5 .header-post-it {
  background-color: var(--reminder-border-color-5);
}

.post-it.color-5 .footer-post-it .footer-content {
  border-top: 1px solid var(--reminder-border-color-5);
}

.selection-color-post-it.color-5 {
  background: var(--text-link-fill);
  border: 1px solid var(--reminder-border-color-5);
}

/*Viola*/
.post-it.color-6 {
  color: var(--text-light-color);
  background-color: var(--reminder-background-color-6);
}

.post-it.color-6 .header-post-it {
  background-color: var(--reminder-border-color-6);
}

.post-it.color-6 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-6);
}

.post-it.color-6 .footer-post-it .footer-content {
  border-top: 1px solid var(--reminder-border-color-6);
}

.selection-color-post-it.color-6 {
  background: var(--reminder-background-color-6);
  border: 1px solid var(--reminder-border-color-6);
}

/*Nero*/
.post-it.color-7 {
  color: var(--text-light-color);
  background-color: var(--reminder-background-color-7);
}

.post-it.color-7 .header-post-it {
  background-color: var(--reminder-border-color-7);
}

.post-it.color-7 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-7);
}

.post-it.color-7 .footer-post-it .footer-content {
  border-top: 1px solid var(--reminder-border-color-7);
}

.selection-color-post-it.color-7 {
  background: var(--reminder-background-color-7);
  border: 1px solid var(--reminder-border-color-7);
}

/*Rosa*/
.post-it.color-8 {
  color: var(--text-on-fill) !important;
  background-color: var(--reminder-color-8);
}

.post-it.color-8 .header-post-it {
  background-color: var(--reminder-background-color-8);
}

.post-it.color-8 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--reminder-background-color-8);
}

.post-it.color-8 .footer-post-it .footer-content {
  border-top: 1px solid var(--reminder-background-color-8);
}

.selection-color-post-it.color-8 {
  background: var(--reminder-color-8);
  border: 1px solid var(--reminder-background-color-8);
}

/*Rosa*/
.post-it.color-9 {
  color: var(--text-on-fill) !important;
  background-color: var(--reminder-color-9);
}

.post-it.color-9 .header-post-it {
  background-color: var(--reminder-background-color-9);
}

.post-it.color-9 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--reminder-background-color-9);
}

.post-it.color-9 .footer-post-it .footer-content {
  border-top: 1px solid var(--reminder-background-color-9);
}

.selection-color-post-it.color-9 {
  background: var(--reminder-color-9);
  border: 1px solid var(--reminder-background-color-9);
}

/* Sullo scuro (NOTES.md §245) il foglietto pieno era la superficie più accesa della pagina: diventa la tinta della
   tavolozza sulla card, e il colore resta nella fascia in testa e nei segni, scritti nell'inchiostro. Il testo resta
   quello del foglietto, chiaro, che sulla tinta sta fra 6 e 14:1. */
:root[data-surface=dark] .shell-v2-body .post-it.color-1 {
  background-color: var(--ird-fill-red);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-1 .header-post-it {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-red);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-1 .footer-post-it .footer-content {
  border-top-color: var(--sh-line);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-1 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-red);
}
:root[data-surface=dark] .shell-v2-body .selection-color-post-it.color-1 {
  border-color: var(--ird-ink-red);
  background: var(--ird-fill-red);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-2 {
  background-color: var(--ird-fill-green);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-2 .header-post-it {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-green);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-2 .footer-post-it .footer-content {
  border-top-color: var(--sh-line);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-2 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-green);
}
:root[data-surface=dark] .shell-v2-body .selection-color-post-it.color-2 {
  border-color: var(--ird-ink-green);
  background: var(--ird-fill-green);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-3 {
  background-color: var(--ird-fill-yellow);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-3 .header-post-it {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-yellow);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-3 .footer-post-it .footer-content {
  border-top-color: var(--sh-line);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-3 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-yellow);
}
:root[data-surface=dark] .shell-v2-body .selection-color-post-it.color-3 {
  border-color: var(--ird-ink-yellow);
  background: var(--ird-fill-yellow);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-4 {
  background-color: var(--ird-fill-orange);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-4 .header-post-it {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-orange);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-4 .footer-post-it .footer-content {
  border-top-color: var(--sh-line);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-4 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-orange);
}
:root[data-surface=dark] .shell-v2-body .selection-color-post-it.color-4 {
  border-color: var(--ird-ink-orange);
  background: var(--ird-fill-orange);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-5 {
  background-color: var(--ird-fill-blue);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-5 .header-post-it {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-blue);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-5 .footer-post-it .footer-content {
  border-top-color: var(--sh-line);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-5 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-blue);
}
:root[data-surface=dark] .shell-v2-body .selection-color-post-it.color-5 {
  border-color: var(--ird-ink-blue);
  background: var(--ird-fill-blue);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-6 {
  background-color: var(--ird-fill-purple);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-6 .header-post-it {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-purple);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-6 .footer-post-it .footer-content {
  border-top-color: var(--sh-line);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-6 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-purple);
}
:root[data-surface=dark] .shell-v2-body .selection-color-post-it.color-6 {
  border-color: var(--ird-ink-purple);
  background: var(--ird-fill-purple);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-7 {
  background-color: var(--ird-fill-black);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-7 .header-post-it {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-black);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-7 .footer-post-it .footer-content {
  border-top-color: var(--sh-line);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-7 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-black);
}
:root[data-surface=dark] .shell-v2-body .selection-color-post-it.color-7 {
  border-color: var(--ird-ink-black);
  background: var(--ird-fill-black);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-8 {
  background-color: var(--ird-fill-pink);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-8 .header-post-it {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-pink);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-8 .footer-post-it .footer-content {
  border-top-color: var(--sh-line);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-8 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-pink);
}
:root[data-surface=dark] .shell-v2-body .selection-color-post-it.color-8 {
  border-color: var(--ird-ink-pink);
  background: var(--ird-fill-pink);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-9 {
  background-color: var(--ird-fill-brown);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-9 .header-post-it {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-brown);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-9 .footer-post-it .footer-content {
  border-top-color: var(--sh-line);
}
:root[data-surface=dark] .shell-v2-body .post-it.color-9 .body-content-post-it::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-brown);
}
:root[data-surface=dark] .shell-v2-body .selection-color-post-it.color-9 {
  border-color: var(--ird-ink-brown);
  background: var(--ird-fill-brown);
}

/*Post-it in attivo e in primo piano*/
.post-it.post-it-active {
  z-index: 500000 !important;
  transform: scale(1.3);
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  .post-it-section {
    display: none;
  }
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

/*span[class*="mk-moon-"],
span[class*="ird-"] {
    color: var(--theme-secondary-color)
}*/
[class^=mk-moon-].pointer, [class*=" mk-moon-"].pointer {
  color: var(--theme-link-color);
}

:root {
  --badge-notification-background: var(--theme-secondary-color) ;
}

#notificationNumber {
  background-color: var(--badge-notification-background);
}

a {
  color: var(--theme-link-color);
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  z-index: 999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.toast-top-right-iride {
  top: 60px;
  right: 20px;
}

.iride-tooltip.accounting-document-warning-icon .it-content .ac-warning-wrp {
  overflow: auto;
  max-height: 400px;
}

.iride-tooltip.accounting-document-warning-icon .it-content .ac-warning-wrp .warning-row {
  border-bottom: 1px solid var(--default-tbl-line-color);
  padding: 5px 0px;
}

.flex:not(.hide) {
  display: flex;
}

.inline-block:not(.hide) {
  display: inline-block !important;
}

.table-cell:not(.hide) {
  display: table-cell !important;
}

.font-italic {
  font-style: italic !important;
}

.mirror {
  display: block !important;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.flipH {
  -moz-transform: scaleX(-1); /* Gecko */
  -o-transform: scaleX(-1); /* Opera */
  -webkit-transform: scaleX(-1); /* Webkit */
  transform: scaleX(-1); /* Standard */
  filter: FlipH; /* IE 6/7/8 */
}

@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway/Raleway-Regular.ttf"), url("../fonts/raleway-regular.eot"); /* IE */
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway/Raleway-Bold.ttf");
  font-weight: bold;
}
/* Il carattere del marchio IRIDay, Poppins, qualunque sia quello del tema e anche nella pagina di accesso
   (committente, 2026-10-15; NOTES.md §203.14): «IRI» a 700, «Day» a 300. Sta qui perché questo foglio lo caricano
   tutte e due, la V2 e l'accesso. Una famiglia con un nome suo: il carattere scelto per un tema non la tocca, e lei
   non tocca il tema; i file sono quelli che il catalogo dei caratteri serve già (stessi indirizzi, una copia sola
   nella cache se un tema usa Poppins). `block` e non `swap`: un marchio che nasce in un altro carattere e cambia
   sotto gli occhi è peggio di un istante senza nome, e succede solo alla prima visita. */
@font-face {
  font-family: "IRIDay Poppins";
  src: url("../fonts/Poppins/poppins-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "IRIDay Poppins";
  src: url("../fonts/Poppins/poppins-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
.manage-btn {
  cursor: pointer;
  border: 1px solid var(--btn-icon-color);
  color: var(--btn-icon-color);
  display: flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.manage-btn .button-text {
  text-transform: uppercase;
}

.manage-btn.disabled {
  border-color: #aaa;
  color: #aaa;
  pointer-events: none;
}

.manage-btn .name {
  display: none;
}

.manage-btn.assigned .name {
  display: block;
}

.manage-btn.assigned .button-text {
  display: none;
}

.manage-btn:hover,
.manage-btn:active {
  background-color: var(--background-color-light-alt);
}

.container.body-content {
  min-height: 85%;
}

body.application-body {
  font-family: Raleway;
}

.blockable-icon {
  position: relative;
}

.blockable-icon.blocked .blocked-icon {
  display: inline-block;
}

.blockable-icon .blocked-icon {
  position: absolute;
  color: var(--validation-error);
  z-index: 1000000;
  display: none;
}

.blockable-icon.font-sm .blocked-icon {
  font-size: 8px;
  bottom: 0;
  right: -4px;
}

.blockable-icon.font-md .blocked-icon {
  font-size: 10px;
  bottom: 0;
  right: -4px;
}

.blockable-icon.font-bg .blocked-icon {
  font-size: 16px;
  bottom: 0;
  right: -4px;
}

.blockable-icon .icon {
  position: relative;
}

/*********** Effetti **(AS)*********/
.cal-context [class*=mk-moon]:hover {
  transition: all 0.2s ease-in-out;
  transform: scale(1.3);
}

a.iconzocial:hover, a.iconzocial:focus {
  /*color: #2a6496;*/
  text-decoration: none;
}

a.icon.zoom:hover {
  transform: scale(1.5) !important;
  transition: all 0.2s ease-in-out;
}

a span.icon.zoom:hover {
  transform: scale(1.5) !important;
  transition: all 0.2s ease-in-out;
}

/*********************************/
/*Bottoni rotondi >>*/
/*Base color: GREY*/
.btn.flat:hover {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.no-border:hover {
  box-shadow: none;
}

.btn.round-btn {
  border-radius: 100%;
  color: var(--text-on-fill);
  margin: 0px 3px 0px 3px;
  padding: 8px 8px 8px 8px;
  line-height: 1em;
  background-color: var(--background-color-med);
  border: solid 1px var(--medium-border-color-2);
  width: 32px;
  height: 32px;
  display: inline-block;
}

.btn.circle-btn.flat.bordered .icon,
.btn.round-btn > .icon {
  color: var(--text-on-fill);
}

.btn.round-btn.font-md {
  padding: 6px;
}

.btn.round-btn.btn:active,
.btn.round-btn.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.round-btn.btn.unclickable {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.round-btn.flat {
  background-color: transparent;
  border: 0px;
}

.btn.round-btn.small {
  font-size: 9px !important;
  margin: 4px 1.5px 0px 1.5px;
  padding: 2px 0px 2px 0px;
  width: 16px;
  height: 16px;
}

.btn.round-btn.big {
  font-size: 30px !important;
  margin: 0px 1.5px 0px 1.5px;
  padding-top: 15px;
  width: 64px;
  height: 64px;
}

.btn.round-btn.medium {
  font-size: 25px !important;
  margin: 0px 1.5px 0px 1.5px;
  padding-top: 12px;
  width: 48px;
  height: 48px;
}

.btn.round-btn.flat.bordered {
  border: 1px solid var(--text-main-color);
  color: var(--text-on-fill);
}

.btn.round-btn.flat.bordered:hover {
  border: none;
  background-color: var(--background-color);
  color: rgba(0, 0, 0, 0.3);
}

.btn.circle-btn.flat.bordered:hover .icon {
  color: rgba(0, 0, 0, 0.3);
}

.btn.round-btn.color-0 {
  background-color: var(--background-color);
  border: solid 1px rgba(0, 0, 0, 0.8);
  color: rgba(0, 0, 0, 0.8);
}

.btn.round-btn.color-0 .icon {
  color: rgba(0, 0, 0, 0.8);
}

/*RED*/
.btn.round-btn.color-1 {
  background-color: var(--reminder-background-color-1);
  border: solid 1px var(--reminder-border-color-1);
}

.btn.round-btn.color-1.flat {
  color: var(--reminder-background-color-1);
  background-color: transparent;
  border: none;
}

.btn.round-btn.color-1.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-background-color-1);
  color: var(--reminder-background-color-1);
}

.btn.round-btn.color-1.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-background-color-1);
  color: var(--text-secondary-color);
}

.btn.round-btn.color-1.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*GREEN*/
.btn.round-btn.color-2 {
  background-color: var(--generic-color-2);
  border: solid 1px var(--reminder-border-color-2);
}

.btn.round-btn.color-2.flat {
  color: var(--generic-color-2);
  background-color: transparent;
  border: none;
}

.btn.round-btn.color-2.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--generic-color-2);
  color: var(--generic-color-2);
}

.btn.round-btn.color-2.flat.bordered:hover {
  border: none;
  background-color: var(--generic-color-2);
  color: var(--text-secondary-color);
}

.btn.round-btn.color-2.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*YELLOW*/
.btn.round-btn.color-3 {
  background-color: var(--reminder-background-color-3);
  border: solid 1px var(--reminder-border-color-3);
}

.btn.round-btn.color-3.flat {
  color: var(--reminder-background-color-3);
  background-color: transparent;
  border: none;
}

.btn.round-btn.color-3.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-background-color-3);
  color: var(--reminder-background-color-3);
}

.btn.round-btn.color-3.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-background-color-3);
  color: var(--text-secondary-color);
}

.btn.round-btn.color-3.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*ORANGE*/
.btn.round-btn.color-4 {
  background-color: var(--reminder-background-color-4);
  border: solid 1px var(--reminder-border-color-4);
}

.btn.round-btn.color-4.flat {
  color: var(--reminder-background-color-4);
  background-color: transparent;
  border: none;
}

.btn.round-btn.color-4.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-background-color-4);
  color: var(--reminder-background-color-4);
}

.btn.round-btn.color-4.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-background-color-4);
  color: var(--text-secondary-color);
}

.btn.round-btn.color-4.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*BLUE*/
.btn.round-btn.color-5 {
  background-color: var(--ird-color-palette-blue);
  border: solid 1px var(--reminder-border-color-5);
}

.btn.round-btn.color-5.flat {
  color: var(--reminder-border-color-5);
  background-color: transparent;
  border: none;
}

.btn.round-btn.color-5.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-border-color-5);
  color: var(--reminder-border-color-5);
}

.btn.round-btn.color-5.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-border-color-5);
  color: var(--text-secondary-color);
}

.btn.round-btn.color-5.light {
  background-color: var(--text-link-fill);
  border: solid 1px var(--reminder-border-color-5);
}

.btn.round-btn.color-5.light.flat {
  color: var(--text-link-color-1);
  background-color: transparent;
  border: none;
}

.btn.round-btn.color-5.light.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--text-link-color-1);
  color: var(--text-link-color-1);
}

.btn.round-btn.color-5.light.flat.bordered:hover {
  border: none;
  background-color: var(--text-link-fill);
  color: var(--text-secondary-color);
}

.btn.round-btn.color-5.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*PURPLE*/
.btn.round-btn.color-6 {
  background-color: var(--reminder-background-color-6);
  border: solid 1px var(--reminder-border-color-6);
}

.btn.round-btn.color-6.flat {
  color: var(--reminder-background-color-6);
  background-color: transparent;
  border: none;
}

.btn.round-btn.color-6.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-background-color-6);
  color: var(--reminder-background-color-6);
}

.btn.round-btn.color-6.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-background-color-6);
  color: var(--text-secondary-color);
}

.btn.round-btn.color-6.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*Midnight*/
.btn.round-btn.color-7 {
  background-color: var(--reminder-background-color-7);
  border: solid 1px var(--reminder-border-color-7);
}

.btn.round-btn.color-7.flat {
  color: var(--reminder-background-color-7);
  background-color: transparent;
  border: none;
}

.btn.round-btn.color-7.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-background-color-7);
  color: var(--reminder-background-color-7);
}

.btn.round-btn.color-7.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-background-color-7);
  color: var(--text-secondary-color);
}

.btn.round-btn.color-7.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*BLACK*/
.btn.round-btn.color-8 {
  background-color: var(--transparent-black-2);
  border: solid 1px var(--reminder-border-color-7);
}

.btn.round-btn.color-8.flat {
  color: var(--transparent-black-2);
  background-color: transparent;
  border: none;
}

.btn.round-btn.color-8.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--transparent-black-2);
  color: var(--transparent-black-2);
}

.btn.round-btn.color-8.flat.bordered:hover {
  border: none;
  background-color: var(--transparent-black-2);
  color: var(--text-secondary-color);
}

.btn.round-btn.color-8.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

.btn.round-btn.disabled {
  background-color: var(--button-disabled-color) !important;
  border: solid 1px var(--medium-border-color-2) !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

.btn.round-btn.flat.disabled {
  background-color: transparent !important;
  border: transparent !important;
}

/*Bottoni rotondi <<*/
/* I cerchi di stato della cronologia e dei controlli qualità (`.unclickable`, NOTES.md §245): un disco pieno con
   l'icona nel colore del testo, bianca o argento, che sul giallo e sul verde non si leggeva e sullo scuro era la
   macchia più accesa della pagina. Nella V2 l'icona prende il colore calcolato per quella tinta; sullo scuro il
   disco diventa la tinta sulla card, con icona e anello nell'inchiostro. */
.shell-v2-body .btn.round-btn.unclickable.color-1 > .icon {
  color: var(--ird-on-red);
}

:root[data-surface=dark] .shell-v2-body .btn.round-btn.unclickable.color-1 {
  border-color: var(--ird-ink-red);
  background-color: var(--ird-fill-red);
}
:root[data-surface=dark] .shell-v2-body .btn.round-btn.unclickable.color-1 > .icon {
  color: var(--ird-ink-red);
}

.shell-v2-body .btn.round-btn.unclickable.color-2 > .icon {
  color: var(--ird-on-green);
}

:root[data-surface=dark] .shell-v2-body .btn.round-btn.unclickable.color-2 {
  border-color: var(--ird-ink-green);
  background-color: var(--ird-fill-green);
}
:root[data-surface=dark] .shell-v2-body .btn.round-btn.unclickable.color-2 > .icon {
  color: var(--ird-ink-green);
}

.shell-v2-body .btn.round-btn.unclickable.color-3 > .icon {
  color: var(--ird-on-yellow);
}

:root[data-surface=dark] .shell-v2-body .btn.round-btn.unclickable.color-3 {
  border-color: var(--ird-ink-yellow);
  background-color: var(--ird-fill-yellow);
}
:root[data-surface=dark] .shell-v2-body .btn.round-btn.unclickable.color-3 > .icon {
  color: var(--ird-ink-yellow);
}

.shell-v2-body .btn.round-btn.unclickable.color-4 > .icon {
  color: var(--ird-on-orange);
}

:root[data-surface=dark] .shell-v2-body .btn.round-btn.unclickable.color-4 {
  border-color: var(--ird-ink-orange);
  background-color: var(--ird-fill-orange);
}
:root[data-surface=dark] .shell-v2-body .btn.round-btn.unclickable.color-4 > .icon {
  color: var(--ird-ink-orange);
}

.shell-v2-body .btn.round-btn.unclickable.color-5 > .icon {
  color: var(--ird-on-blue);
}

:root[data-surface=dark] .shell-v2-body .btn.round-btn.unclickable.color-5 {
  border-color: var(--ird-ink-blue);
  background-color: var(--ird-fill-blue);
}
:root[data-surface=dark] .shell-v2-body .btn.round-btn.unclickable.color-5 > .icon {
  color: var(--ird-ink-blue);
}

/* Il pulsante tondo color-0 è il disco della carta (anche «Fase completata»): sullo scuro bordo e glifo neri
   sparivano. Il glifo può essere l'elemento stesso (`span.btn.glyphicon.round-btn`), quindi anche `color`. */
:root[data-surface=dark] .shell-v2-body .btn.round-btn.color-0 {
  border-color: var(--sh-text-3);
  background-color: var(--sh-card);
  color: var(--sh-text-2);
}
:root[data-surface=dark] .shell-v2-body .btn.round-btn.color-0 > .icon {
  color: var(--sh-text-2);
}

/*/*IRIDE-TAG*/
.iride-tag {
  color: var(--text-on-fill);
  border-radius: 10px;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  vertical-align: middle;
  margin: 4px 2px !important;
  display: inline-block;
  table-layout: fixed;
  word-wrap: break-word !important;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

.iride-tag:hover {
  color: var(--text-on-fill);
}

.iride-tag.color-0 {
  background-color: var(--background-color);
  border: solid 1px var(--reminder-color-0);
  color: var(--reminder-color-0) !important;
}

.iride-tag.color-0.selected {
  background-color: var(--reminder-background-color-7);
  border: solid 1px var(--reminder-border-color-7);
}

.iride-tag.color-1 {
  background-color: var(--reminder-background-color-1);
  border: solid 1px var(--reminder-border-color-1);
}

.iride-tag.color-1.selected {
  background-color: var(--reminder-background-color-2);
  border: solid 1px var(--reminder-border-color-2);
}

.iride-tag.color-2 {
  background-color: var(--reminder-background-color-2);
  border: solid 1px var(--reminder-border-color-2);
}

.iride-tag.color-2.selected {
  background-color: var(--reminder-background-color-1);
  border: solid 1px var(--reminder-border-color-1);
}

.iride-tag.color-3 {
  background-color: var(--reminder-background-color-3);
  border: solid 1px var(--reminder-border-color-3);
}

.iride-tag.color-3.selected {
  background-color: var(--reminder-background-color-6);
  border: solid 1px var(--reminder-border-color-6);
}

.iride-tag.color-4 {
  background-color: var(--reminder-background-color-4);
  border: solid 1px var(--reminder-border-color-4);
}

.iride-tag.color-4.selected {
  background-color: var(--text-link-fill);
  border: solid 1px var(--reminder-border-color-5);
}

.iride-tag.color-5 {
  background-color: var(--theme-secondary-fill);
  border: solid 1px var(--reminder-border-color-5);
}

.iride-tag.color-5.selected {
  background-color: var(--reminder-background-color-4);
  border: solid 1px var(--reminder-border-color-4);
}

.iride-tag.color-6 {
  background-color: var(--reminder-background-color-6);
  border: solid 1px var(--reminder-border-color-6);
}

.iride-tag.color-6.selected {
  background-color: var(--reminder-background-color-3);
  border: solid 1px var(--reminder-border-color-3);
}

.iride-tag.color-7 {
  background-color: var(--reminder-background-color-7);
  border: solid 1px var(--reminder-border-color-7);
}

.iride-tag.color-7.selected {
  background-color: var(--background-color);
  border: solid 1px var(--reminder-color-0);
  color: var(--reminder-color-0) !important;
}

.iride-tag.disabled {
  background-color: var(--button-disabled-color);
  border: solid 1px var(--medium-border-color-2);
  cursor: not-allowed;
}

.iride-tag.disabled.selected {
  background-color: var(--medium-border-color-2);
  border: solid 1px var(--medium-border-color-2);
  cursor: not-allowed;
}

.iride-tag.text-inset {
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.46), -1px -1px 0px rgba(0, 0, 0, 0.29);
}

.iride-tag.inset {
  box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.46), -1px -1px 0px rgba(0, 0, 0, 0.29);
}

.iride-tag > .glyphicon.glyphicon-remove {
  color: var(--text-on-fill) !important;
}

/*SELECT CUSTOM >>*/
/**/
select::-ms-expand {
  display: none;
}

/*<< SELECT CUSTOM*/
/*TRASH LABEL >>*/
color .trash-label.hide {
  display: inline-block !important;
  visibility: hidden;
  opacity: 0;
}

.additional-header-info {
  color: var(--text-on-fill);
  background-color: var(--text-link-fill);
  border: solid 1px var(--reminder-border-color-5);
  font-size: 25px;
  visibility: visible;
  opacity: 1;
  float: right;
  margin-top: 10px;
  padding: 0px 5px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

/*<< TRASH LABEL*/
.index-header {
  /*margin-bottom: 15px;
  margin-top: 15px;*/
}

.index-header .index-title {
  font-size: 30px;
  border-bottom: 1px solid var(--light-border-color);
  display: inline-block;
  padding-top: 15px;
}

.index-header .index-subheading {
  display: block;
  padding: 0px 0px 10px 15px;
  font-size: 18px;
}

.sub-heading {
  display: block;
  padding: 0px 0px 10px 15px;
  font-size: 18px;
}

.flat.datetimepicker .input-group-addon {
  /*background-color: transparent;
      padding: 0;
      margin: 0;
      border: none;*/
}

.flat.datetimepicker:not(.bordered) .text-box {
  background-color: transparent;
  border: none;
  padding: 0px;
  margin: 0px;
}

.datetimepicker.invalid-date input {
  text-align: center;
  color: var(--alert-danger);
}

.datetimepicker.invalid-date .input-group-addon a {
  color: var(--alert-danger) !important;
}

.datetimepicker.invalid-date .input-group-addon a span {
  color: var(--alert-danger) !important;
}

textarea.flat, input.flat {
  background-color: transparent;
  border: none;
  padding-left: 5px;
  width: 100%;
  max-width: none;
}

textarea.flat[disabled], input.flat[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.datetimepicker.flat.disabled input {
  cursor: not-allowed;
  opacity: 0.5;
}

.datetimepicker.flat.disabled .input-group-addon,
.datetimepicker.flat.disabled .input-group-btn {
  cursor: not-allowed;
  opacity: 0.5;
}

.datetimepicker.flat.disabled {
  pointer-events: none;
}

.datetimepicker.flat .input-group-addon {
  cursor: pointer;
}

.datetimepicker.flat .input-group-addon span {
  color: var(--btn-icon-color);
}

textarea.flat::-webkit-input-placeholder, input.flat::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  /*color: var(--light-border-color);*/
}

textarea.flat::-webkit-input-placeholder, input.flat::-moz-placeholder { /* Firefox 18- */
  /*color: var(--light-border-color);*/
}

textarea.flat::-webkit-input-placeholder, input.flat::-moz-placeholder { /* Firefox 19+ */
  /*color: var(--light-border-color);*/
}

textarea.flat::-webkit-input-placeholder, input.flat::-ms-input-placeholder { /* IE 10+ */
  /*color: var(--light-border-color);*/
}

textarea.flat::-webkit-input-placeholder, input.flat::-ms-input-placeholder { /* Edge */
  /*color: var(--light-border-color);*/
}

table.layout-fixed {
  table-layout: fixed;
}

/* NEW TABLE INDEX -->*/
table.flat.table-bordered td,
table.flat.table-bordered th {
  padding: 2px 10px !important;
}

table.flat {
  width: 100%;
}

table.flat tr th {
  height: 51px;
}

table.flat tr th, table.flat tr td {
  padding: 2px 0px;
  text-align: left;
}

table.flat tr td {
  height: 45px;
}

table.flat.slim tr th,
table.flat.slim tr td {
  height: auto;
}

table.flat tr th, table.flat tr:not(:last-child) td {
  border-bottom: 1px solid var(--separator-color);
}

table.flat thead.floating-header tr th {
  border-bottom: 1px solid var(--theme-main-color);
}

table.flat tr th:not(.number):not(.cell-control):not(.text-center),
table.flat td:not(.number):not(.cell-control):not(.text-center) {
  padding-left: 10px;
}

table.flat tr th.number, table.flat tr td.number {
  text-align: right;
  padding-right: 10px;
}

table.flat tr th.date,
table.flat tr td.date {
  width: 150px;
}

table.flat tr th.number:last-child, table.flat tr td.number:last-child {
  padding-right: 10px;
}

table.flat tr th:first-child, table.flat tr td:first-child {
  padding-left: 10px;
}

table.flat tr th,
table.flat tr th label {
  color: var(--iride-filterbox-scope-link-text);
  font-weight: 400;
}

table.flat th > a {
  color: var(--iride-filterbox-scope-link-text);
  text-decoration: none;
}

table.flat th > a:hover {
  transition: ease-out 0.3s;
  color: rgba(0, 0, 0, 0.87);
}

table.flat .order-arrow {
  color: rgba(0, 0, 0, 0.26);
}

table.flat tr td {
  vertical-align: middle;
}

table.flat tr td a {
  padding: 0px 2px;
  color: var(--theme-link-color);
}

table.flat tr td a:hover {
  transition: ease-out 0.3s;
  /*transform: scale(1.2);*/
}

table.flat tbody.no-border tr td {
  border: none;
}

table.flat tbody tr:not(.sub-row-wrap):not(.sub-sub-row):not(.subitem-row):not(.no-hover):hover {
  transition: ease-out 0.3s;
  background-color: var(--hover-bg-color);
}

table.flat tbody tr:not(.sub-row-wrap):not(.sub-sub-row):not(.subitem-row):not(.no-hover):hover .modal-button:hover {
  background-color: var(--modal-button-hover-bg, var(--light-border-color));
}

table.flat .cell-control {
  width: 60px !important;
  max-width: 60px !important;
  text-align: center;
}

table.flat th.xs-cell,
table.flat td.xs-cell {
  width: 40px;
}

table.flat th.remove-cell.xs-cell,
table.flat td.remove-cell.xs-cell {
  padding: 0px;
  text-align: center;
}

table.flat .img-cell {
  text-align: center;
  width: 80px;
  max-width: 80px;
  padding: 0px !important;
}

table.flat .selection-cell,
table.flat .cell-ctrl,
table.flat .cell-icon {
  width: 40px !important;
  max-width: 40px !important;
  text-align: center;
}

table.flat a {
  cursor: pointer;
}

table.flat .index-icon {
  color: var(--icon-muted-color);
  padding: 3px 3px 6px 3px !important;
  text-decoration: none !important;
  cursor: pointer;
}

.iride-tooltip .index-icon {
  width: 40px;
  text-align: center;
}

table.flat td.color-cell,
table.flat th.color-cell {
  width: 15px !important;
}

table.flat tr.sorting-group-row th,
table.flat tr.sorting-group-row td {
  /*        background: rgba(238, 238, 238, 0.4);*/
  background: var(--light-border-color);
  font-weight: bold !important;
  background: var(--theme-lighter-color);
  color: var(--theme-secondary-ink);
  border-bottom: 1px solid;
  height: 30px;
}

/* Riga di riepilogo di un gruppo, quella che il server genera con `Views\Shared\PartialIndexGroupRow`
   e che porta anche il totale (`.sorting-group-row` da sola è quella che intercala il JavaScript
   condiviso, e ha la sola etichetta). Eredita da lì l'aspetto che i raggruppamenti hanno in tutti
   gli elenchi; qui si fissano solo la superficie — in modo che valga uguale nella shell classica e
   nella V2 — e il peso dell'etichetta, perché a contare sono la chiave e il totale. */
#index-table .index-group-row > td {
  background: var(--sh-sunken, var(--theme-lighter-color));
  border-top: 1px solid var(--sh-line-strong, var(--light-border-color));
}

/* Giorno della settimana e conteggio sono contorno. */
#index-table .index-group-row .index-group-note {
  color: var(--sh-text-2, var(--text-secondary-color));
  font-weight: 400;
}

/* Dove la riga è allineata dal browser (elenchi a colonne variabili) chiave e nota stanno nella
   stessa cella, e senza questo vanno a toccarsi. */
#index-table .index-group-row .index-group-label .index-group-note {
  margin-left: 0.75em;
}

/* I due pezzi della didascalia non si spezzano dentro: «Data emissione: 13/05/2026» su tre righe
   fa una riga di riepilogo alta il triplo delle altre, e in un elenco è l'altezza a dire il ritmo
   (segnalato dal committente il 2026-09-06).
   ⚠ Il `nowrap` sta sui PEZZI, non sulla cella. Fra chiave e nota un capo resta possibile, ed è
   quello giusto quando lo spazio non basta davvero; sulla cella impedirebbe anche quello, e su un
   elenco stretto la didascalia allargherebbe le colonne che attraversa — che è esattamente il
   difetto per cui questa regola esiste. */
#index-table .index-group-row .index-group-label > span {
  white-space: nowrap;
}

/*<-- NEW TABLE INDEX */
.icheck.flat {
  color: var(--theme-item-color);
}

/*icheck flat*/
.icheck.flat.color-0 span {
  color: var(--text-main-color);
}

/*RED*/
.icheck.flat.color-1 span {
  color: var(--reminder-background-color-1);
}

/*GREEN*/
.icheck.flat.color-2 span {
  color: var(--reminder-background-color-2);
}

/*YELLOW*/
.icheck.flat.color-3 span {
  color: var(--reminder-background-color-3);
}

/*ORANGE*/
.icheck.flat.color-4 span {
  color: var(--reminder-background-color-4);
}

/*BLUE*/
.icheck.flat.color-5 span {
  color: var(--reminder-background-color-5);
}

/*PURPLE*/
.icheck.flat.color-6 span {
  color: var(--reminder-background-color-6);
}

/*BLACK*/
.icheck.flat.color-7 span {
  color: var(--reminder-background-color-7);
}

.icheck.flat span {
  transition: color 0.5s;
}

.icheck.flat span:active {
  transition: 0.5s;
  opacity: 0.5;
}

.icheck.flat.color-0 span:hover {
  color: var(--reminder-color-0) !important;
}

.icheck.flat.color-1 span:hover {
  color: var(--reminder-border-color-1) !important;
}

.icheck.flat.color-2 span:hover {
  color: var(--reminder-border-color-2) !important;
}

.icheck.flat.color-3 span:hover {
  color: var(--reminder-border-color-3) !important;
}

.icheck.flat.color-4 span:hover {
  color: var(--reminder-border-color-4) !important;
}

.icheck.flat.color-5 span:hover {
  color: var(--reminder-border-color-5) !important;
}

.icheck.flat.color-6 span:hover {
  color: var(--reminder-border-color-6) !important;
}

.icheck.flat.color-7 span:hover {
  color: var(--reminder-border-color-7) !important;
}

/*ANCHOR -->*/
h1.color-0, h1.color-0, h2.color-0, h3.color-0, h4.color-0, h5.color-0, h6.color-0,
a.color-0 {
  color: var(--text-main-color);
  transition: color 0.5s;
}

h1.color-1, h1.color-1, h2.color-1, h3.color-1, h4.color-1, h5.color-1, h6.color-1,
a.color-1 {
  color: var(--reminder-background-color-1);
  transition: color 0.5s;
}

h1.color-2, h1.color-2, h2.color-2, h3.color-2, h4.color-2, h5.color-2, h6.color-2,
a.color-2 {
  color: var(--generic-color-2);
  transition: color 0.5s;
}

h1.color-3, h1.color-3, h2.color-3, h3.color-3, h4.color-3, h5.color-3, h6.color-3,
a.color-3 {
  color: var(--reminder-background-color-3);
  transition: color 0.5s;
}

h1.color-4, h1.color-4, h2.color-4, h3.color-4, h4.color-4, h5.color-4, h6.color-4,
a.color-4 {
  color: var(--reminder-background-color-4);
  transition: color 0.5s;
}

h1.color-5, h1.color-5, h2.color-5, h3.color-5, h4.color-5, h5.color-5, h6.color-5,
a.color-5 {
  color: var(--text-link-color-1);
  transition: color 0.5s;
}

h1.color-6, h1.color-6, h2.color-6, h3.color-6, h4.color-6, h5.color-6, h6.color-6,
a.color-6 {
  color: var(--reminder-background-color-6);
  transition: color 0.5s;
}

h1.color-7, h1.color-7, h2.color-7, h3.color-7, h4.color-7, h5.color-7, h6.color-7,
a.color-7 {
  color: var(--reminder-background-color-7) !important;
  transition: color 0.5s;
}

a.color-0:hover {
  color: var(--reminder-color-0) !important;
}

a.color-1:hover {
  color: var(--reminder-border-color-1) !important;
}

a.color-2:hover {
  color: var(--reminder-border-color-2) !important;
}

a.color-3:hover {
  color: var(--reminder-border-color-3) !important;
}

a.color-4:hover {
  color: var(--reminder-border-color-4) !important;
}

a.color-5:hover {
  color: var(--reminder-border-color-5) !important;
}

a.color-6:hover {
  color: var(--reminder-border-color-6) !important;
}

a.color-7:hover {
  color: var(--reminder-border-color-7) !important;
}

a.color-0:active {
  transition: 0.5s;
  opacity: 0.5;
}

a.color-1:active {
  transition: 0.5s;
  opacity: 0.5;
}

a.color-2:active {
  transition: 0.5s;
  opacity: 0.5;
}

a.color-3:active {
  transition: 0.5s;
  opacity: 0.5;
}

a.color-4:active {
  transition: 0.5s;
  opacity: 0.5;
}

a.color-5:active {
  transition: 0.5s;
  opacity: 0.5;
}

a.color-6:active {
  transition: 0.5s;
  opacity: 0.5;
}

a.color-7:active {
  transition: 0.5s;
  opacity: 0.5;
}

span.color-item {
  color: var(--theme-item-color);
}

span.color-tmc {
  color: var(--theme-main-ink);
}

span.color-tsc {
  color: var(--theme-secondary-ink);
}

span.color-0 {
  color: var(--text-main-color) !important;
}

/*RED*/
span.color-1 {
  color: var(--ird-color-palette-red) !important;
}

/*GREEN*/
span.color-2 {
  color: var(--ird-color-palette-green) !important;
}

/*YELLOW*/
span.color-3 {
  color: var(--ird-color-palette-yellow) !important;
}

/*ORANGE*/
span.color-4 {
  color: var(--ird-color-palette-orange) !important;
}

/*BLUE*/
span.color-5 {
  color: var(--ird-color-palette-blue) !important;
}

/*PURPLE*/
span.color-6 {
  color: var(--ird-color-palette-purple) !important;
}

/*BLACK*/
span.color-7 {
  color: var(--ird-color-palette-black) !important;
}

/*LIGHT GRAY*/
span.color-9 {
  color: var(--light-gray) !important;
}

.jstree-icon.color-1 {
  color: var(--ird-color-palette-red) !important;
}

.jstree-icon.color-2 {
  color: var(--ird-color-palette-red) !important;
}

.jstree-icon.color-3 {
  color: var(--ird-color-palette-red) !important;
}

.jstree-icon.color-4 {
  color: var(--ird-color-palette-red) !important;
}

.jstree-icon.color-5 {
  color: var(--ird-color-palette-red) !important;
}

.jstree-icon.color-6 {
  color: var(--ird-color-palette-red) !important;
}

.jstree-icon.color-6 {
  color: var(--ird-color-palette-red) !important;
}

.jstree-icon.color-6 {
  color: var(--ird-color-palette-red) !important;
}

/*<-- ANCHOR*/
/*iride-progress-bar -->*/
.iride-progress-bar .progress {
  height: 3px;
  background-color: var(--light-border-color);
  margin-bottom: 10px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* Nella V2 il binario è il filo tenue della superficie, nei due aspetti (NOTES.md §245): il colore dei bordi
   chiari, che leggeva prima, sullo scuro era una striscia d'argento più chiara del riempimento. */
.shell-v2-body .iride-progress-bar .progress {
  background-color: var(--sh-line);
}

.iride-progress-bar .progress .progress-bar {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.iride-progress-bar .percent {
  font-size: 12px;
}

.iride-progress-bar .percent.font-md {
  font-size: inherit;
}

.iride-progress-bar.color-0 .progress .progress-bar {
  background-color: var(--background-color);
}

.iride-progress-bar.color-1 .progress .progress-bar {
  background-color: var(--reminder-background-color-1);
}

.iride-progress-bar.color-2 .progress .progress-bar {
  background-color: var(--generic-color-2);
}

.iride-progress-bar.color-3 .progress .progress-bar {
  background-color: var(--reminder-background-color-3);
}

.iride-progress-bar.color-4 .progress .progress-bar {
  background-color: var(--reminder-background-color-4);
}

.iride-progress-bar.color-5 .progress .progress-bar {
  background-color: var(--text-link-color-1);
}

.iride-progress-bar.color-6 .progress .progress-bar {
  background-color: var(--reminder-background-color-6);
}

.iride-progress-bar.color-7 .progress .progress-bar {
  background-color: var(--reminder-background-color-7);
}

.iride-progress-bar .progress .text-label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/*<-- iride-progress-bar*/
/* iride-dialog --> */
.iride-dialog {
  background-color: var(--background-color-5);
  min-width: 20px;
  position: fixed;
  line-height: 1.5em;
  border: 1px solid var(--light-border-color);
  padding: 10px;
  font-weight: 300;
  color: var(--text-main-color-2-darker);
  z-index: 2;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

/* <-- iride-dialog */
.subitem-header-label {
  color: rgba(0, 0, 0, 0.74);
  font-weight: bold;
  margin-bottom: 5px;
}

.display-block {
  display: block;
}

/*--> base elements*/
.field-group {
  margin: 15px 15px;
}

.field-group.inline {
  display: inline-block;
  vertical-align: middle;
}

.field-group .icheck {
  display: block;
}

textarea.flat-input:focus, input.flat-input:focus, select.flat-input:focus {
  border-color: var(--text-link-color-1);
  transition: ease-in 0.1s;
}

textarea, input:not([type=checkbox]), select, .multiselect {
  background-color: transparent;
  min-height: 30px;
  max-height: 500;
  width: 100%;
  border: none;
  border-bottom: 1px dashed var(--default-line-color);
  outline: 0;
  padding: 0px 5px;
  border-radius: 0;
}

.bordered-subtitle {
  color: var(--theme-item-color);
  border-bottom: 1px solid var(--theme-item-color);
  margin-bottom: 2px;
  padding-bottom: 2px;
}

select {
  background: transparent var(--select-arrow, url("Images/Graphic_Images/custom_select_arrowdown.gif")) 99% 50% no-repeat !important;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 20px;
}

textarea.flat-input.short-area {
  height: 30px;
  min-height: 30px;
}

.flat-input[ird-dec-box] {
  text-align: right;
}

/* Cifre a passo fisso dove un numero si legge in colonna o cambia mentre lo si guarda: le celle
   `.number` di ogni tabella (934 nelle view: non solo l'elenco della V2, che le ha già da
   `shell-table`) e i campi numerici, allineati a destra, dove a cifre proporzionali il valore balla
   a ogni tasto e due righe di documento una sotto l'altra non si incolonnano. I codici alfanumerici
   restano proporzionali perché non portano queste classi. */
td.number,
th.number,
input[type=number],
input[type=time] {
  font-variant-numeric: tabular-nums;
}

textarea.flat-input.bordered, input.flat-input.bordered, select.flat-input.bordered, .multiselect.flat-input.bordered {
  border: 1px solid var(--default-line-color);
}

textarea.flat-input.bordered[disabled],
input.flat-input.bordered[disabled],
select.flat-input.bordered[disabled],
.input-group.disabled textarea,
.input-group.disabled input,
.input-group.disabled select,
.input-group.disabled .input-group-addon,
.input-group.flat.disabled .input-group-addon {
  opacity: 0.8;
  background-color: var(--disabled-bg-color) !important;
  pointer-events: none;
}

textarea.flat-input.bordered:focus, input.flat-input.bordered:focus, select.flat-input.bordered:focus {
  border: 1px solid var(--theme-secondary-color);
}

textarea.flat-input.small, input.flat-input.small, select.flat-input.small {
  width: 100px;
}

textarea.flat-input.medium, input.flat-input.medium, select.flat-input.medium {
  width: 300px;
}

textarea.flat-input.disabled, input.flat-input.disabled, select.flat-input.disabled {
  cursor: default;
}

textarea.flat-input.max, input.flat-input.max, select.flat-input.max {
  width: 100%;
  max-width: 100%;
}

textarea.flat-input {
  height: 60px;
  border: 1px dashed var(--text-light-color-2);
  resize: vertical;
  min-height: 60px;
}

.input-group input.flat-input {
  display: inline-block;
}

.input-autocomplete input {
  display: block;
}

.input-autocomplete.flat .create-new-btn.button-autocomplete {
  border-right: none;
}

.input-autocomplete .button-autocomplete {
  cursor: pointer;
  width: 40px;
  color: var(--theme-item-color);
}

.input-autocomplete a.input-group-addon {
  text-decoration: none;
  cursor: pointer;
}

.input-autocomplete:not(.flat) .button-autocomplete {
  position: absolute;
  right: 0px;
  top: 18%;
  padding-left: 8px;
  padding-right: 5px;
  background: transparent;
  cursor: pointer;
}

.input-autocomplete .toggle-lock-btn {
  cursor: pointer;
}

.input-autocomplete .toggle-lock-btn[status=locked] .unlocked-icon,
.input-autocomplete .toggle-lock-btn[status=unlocked] .locked-icon {
  display: none;
}

.input-autocomplete.disabled .ui-autocomplete-input,
.input-autocomplete.disabled .button-autocomplete {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.input-autocomplete.disabled .button-autocomplete.never-disabled-btn {
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
}

.input-autocomplete {
  position: relative;
}

.datetimepicker.flat .bordered input {
  padding: 0px 5px !important;
}

.datetimepicker.flat.bordered .input-group-addon {
  padding-right: 5px;
}

.datetimepicker.flat:not(.bordered) .input-group-addon {
  position: absolute;
  right: 0px;
  top: 5px;
  padding: 0;
  padding-left: 8px;
  padding-right: 2px;
  background: transparent !important;
  border: none !important;
  border-radius: 0;
  font-size: 14px;
  color: var(--primary-btn-alt);
}

.datetimepicker.dashed .input-group-addon {
  background-color: var(--delete-exit-error-button);
}

.priority-table tbody tr.toDelete {
  display: none;
}

.priority-table tbody tr td:first-child {
  text-align: left;
}

.priority-table tbody tr:not(.toDelete):first-child .move-up,
.priority-table tbody tr:not(.toDelete):last-child .move-down {
  display: none;
}

.priority-table tbody .move-up,
.priority-table tbody .move-down {
  color: var(--text-link-color-1);
}

.priority-table tbody .delete-btn {
  color: var(--reminder-background-color-1);
}

/*<-- base elements*/
#AttendanceModal .datetimepicker, #AttendanceModal .input-autocomplete {
  margin-right: 10px;
}

#AttendanceModal .input-autocomplete {
  width: 100%;
}

#AttendanceModal .modal-dialog {
  width: 60%;
}

#AttendanceModal .modal-body {
  max-height: 500px;
  overflow: auto;
}

#AttendanceModal .attendance {
  padding: 5px;
}

.popover.flat {
  border-radius: 2px;
}

.popover.flat .popover-title {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: var(--background-color);
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.field {
  margin: 8px 0px;
}

.sub-title {
  font-size: 18px;
}

.label-2 {
  font-weight: bold;
  display: inline-block;
  padding: 10px;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.75);
}

.label-3 {
  font-weight: normal;
  color: var(--default-label-color);
}

.label-4 {
  color: var(--label-4-color, rgba(0, 0, 0, 0.5));
}

label.light {
  font-weight: normal;
}

.machine-scope-title {
  color: #bbb;
  font-size: 20px;
}

.iride-tile {
  padding: 10px;
  border: none;
  display: inline-block;
  background-color: var(--text-link-fill);
  color: var(--text-on-fill);
  font-size: 18px;
  vertical-align: middle;
  text-transform: uppercase;
  margin-right: 5px;
  margin-bottom: 5px;
  position: relative;
}

.iride-tile[class*=col-md-] {
  display: block !important;
}

.iride-tile.deleted {
  display: none !important;
}

.iride-tile.mw-100 {
  min-width: 100px;
}

.iride-tile.mw-200 {
  min-width: 200px;
}

.iride-tile.mw-300 {
  min-width: 300px;
}

.iride-tile.rounded {
  border-radius: 25px;
}

.iride-tile .title {
  vertical-align: middle;
}

.iride-tile .delete-btn,
.iride-tile .remove-btn {
  /*margin: 0px 3px;*/
  vertical-align: middle;
  /*top: 8px;*/
  top: 0px;
  right: 5px;
  position: absolute;
  display: none;
}

.iride-tile:hover .remove-btn.inline-block {
  position: relative !important;
  display: inline-block;
}

.iride-tile:hover .delete-btn,
.iride-tile:hover .remove-btn {
  display: inline;
}

.iride-tile .delete-btn:hover,
.iride-tile .remove-btn:hover {
  color: var(--reminder-background-color-1);
  cursor: pointer;
}

.iride-tile.color-0 .delete-btn:hover,
.iride-tile.color-0 .remove-btn:hover {
  color: var(--text-main-color);
  cursor: pointer;
}

.iride-tile.color-0 {
  background-color: var(--background-color);
  cursor: pointer;
  color: inherit;
  border-radius: 1px;
}

.iride-tile.color-0:active {
  background-color: var(--hover-bg-color);
}

.iride-tile[color=red],
.iride-tile[color=color-1],
.iride-tile.color-1 {
  background-color: var(--ird-color-palette-red);
  border: solid 1px var(--ird-color-palette-red);
}

.iride-tile.color-1.flat {
  color: var(--ird-color-palette-red);
  background-color: transparent;
  border: none;
}

.iride-tile.color-1.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--ird-color-palette-red);
  color: var(--reminder-background-color-1);
}

.iride-tile.color-1.flat.bordered:hover {
  border: none;
  background-color: var(--ird-color-palette-red);
  color: var(--text-secondary-color);
}

.iride-tile.color-1.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*GREEN*/
.iride-tile[color=green],
.iride-tile[color=color-2],
.iride-tile.color-2 {
  background-color: var(--ird-color-palette-green);
  border: solid 1px var(--ird-color-palette-green);
}

.iride-tile.color-2.flat {
  color: var(--ird-color-palette-green);
  background-color: transparent;
  border: none;
}

.iride-tile.color-2.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--ird-color-palette-green);
  color: var(--generic-color-2);
}

.iride-tile.color-2.flat.bordered:hover {
  border: none;
  background-color: var(--ird-color-palette-green);
  color: var(--text-secondary-color);
}

.iride-tile.color-2.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*YELLOW*/
.iride-tile[color=yellow],
.iride-tile[color=color-3],
.iride-tile.color-3 {
  background-color: var(--ird-color-palette-yellow);
  border: solid 1px var(--ird-color-palette-yellow);
}

.iride-tile.color-3.flat {
  color: var(--ird-color-palette-yellow);
  background-color: transparent;
  border: none;
}

.iride-tile.color-3.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--ird-color-palette-yellow);
  color: var(--reminder-background-color-3);
}

.iride-tile.color-3.flat.bordered:hover {
  border: none;
  background-color: var(--ird-color-palette-yellow);
  color: var(--text-secondary-color);
}

.iride-tile.color-3.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*ORANGE*/
.iride-tile[color=orange],
.iride-tile[color=color-4],
.iride-tile.color-4 {
  background-color: var(--ird-color-palette-orange);
  border: solid 1px var(--ird-color-palette-orange);
}

.iride-tile.color-4.flat {
  color: var(--ird-color-palette-orange);
  background-color: transparent;
  border: none;
}

.iride-tile.color-4.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--ird-color-palette-orange);
  color: var(--ird-color-palette-orange);
}

.iride-tile.color-4.flat.bordered:hover {
  border: none;
  background-color: var(--ird-color-palette-orange);
  color: var(--text-secondary-color);
}

/*BLUE*/
.iride-tile[color=blue],
.iride-tile[color=color-5],
.iride-tile.color-5 {
  background-color: var(--ird-color-palette-blue);
  border: solid 1px var(--ird-color-palette-blue);
}

.iride-tile.color-5.flat {
  color: var(--ird-color-palette-blue);
  background-color: transparent;
  border: none;
}

.iride-tile.color-5.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--ird-color-palette-blue);
  color: var(--default-blue);
}

.iride-tile.color-5.bkgr-half-op:hover {
  background-color: var(--ird-color-palette-blue);
}

/*PURPLE*/
.iride-tile[color=purple],
.iride-tile[color=color-6],
.iride-tile.color-6 {
  background-color: var(--ird-color-palette-purple);
  border: solid 1px var(--ird-color-palette-purple);
}

.iride-tile.color-6.flat {
  color: var(--ird-color-palette-purple);
  background-color: transparent;
  border: none;
}

.iride-tile.color-6.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--ird-color-palette-purple);
  color: var(--ird-color-palette-purple);
}

.iride-tile.color-6.flat.bordered:hover {
  border: none;
  background-color: var(--ird-color-palette-purple);
  color: var(--text-secondary-color);
}

.iride-tile.color-6.flat.bordered.white:hover {
  color: var(--ird-color-palette-purple);
}

.iride-tile[color=grey],
.iride-tile[color=color-7],
.iride-tile.color-7 {
  background-color: var(--ird-color-palette-grey);
  border: solid 1px var(--ird-color-palette-grey);
}

.iride-tile.color-7.flat {
  color: var(--ird-color-palette-grey);
  background-color: transparent;
  border: none;
}

.iride-tile.color-7.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--ird-color-palette-grey);
  color: var(--reminder-background-color-7);
}

.iride-tile.color-7.flat.bordered:hover {
  border: none;
  background-color: var(--ird-color-palette-grey);
  color: var(--text-secondary-color);
}

.iride-tile.color-7.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*BLACK*/
.iride-tile[color=black],
.iride-tile[color=color-8],
.iride-tile.color-8 {
  background-color: var(--ird-color-palette-black);
  border: solid 1px var(--ird-color-palette-black);
}

.iride-tile.color-8.flat {
  color: var(--ird-color-palette-black);
  background-color: transparent;
  border: none;
}

.iride-tile.color-8.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--ird-color-palette-black);
  color: var(--ird-color-palette-black);
}

.iride-tile.color-8.flat.bordered:hover {
  border: none;
  background-color: var(--ird-color-palette-black);
  color: var(--ird-color-palette-black);
}

.iride-tile.color-8.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*BLACK*/
.iride-tile[color=pink] {
  background-color: var(--ird-color-palette-pink);
  border: solid 1px var(--ird-color-palette-pink);
}

.iride-tile[color=pink].flat {
  color: var(--ird-color-palette-black);
  background-color: transparent;
  border: none;
}

.iride-tile[color=pink].flat.bordered {
  background-color: transparent;
  border: 1px solid var(--ird-color-palette-black);
  color: var(--ird-color-palette-black);
}

.iride-tile[color=pink].flat.bordered:hover {
  border: none;
  background-color: var(--ird-color-palette-black);
  color: var(--ird-color-palette-black);
}

.iride-tile[color=pink].flat.bordered.white:hover {
  color: var(--text-on-fill);
}

.iride-tile[color=hide],
.iride-tile[color=none] {
  display: none;
}

.iride-tile.machine-scope .rating-association .title {
  font-size: 15px;
  height: 25px;
  vertical-align: bottom;
  padding: 0px !important;
}

.machine-scope .rating-association .evaluation {
  padding: 0;
  height: 25px;
  float: right;
  text-align: right;
  padding-right: 5px;
}

.machine-scope .rating-association .evaluation .icon {
  vertical-align: bottom;
  cursor: pointer;
}

.iride-tile.machine-scope {
  min-width: 280px;
  position: relative;
}

.iride-tile.machine-scope .title {
  font-size: 20px;
}

.iride-tile.machine-scope .rating-content {
  margin-top: 5px;
}

.machine-scope .delete-btn {
  float: right;
  margin-top: 4px;
}

/* Titoli «Componenti (n)», «Materie prime (n)»: nella V2 l'inchiostro della shell, che segue l'aspetto scuro;
   il nero fisso restava scuro su scuro. La classica scura lo ridice in theme_dark. */
.production-order-subitem-detail .label {
  font-size: 18px;
  color: var(--sh-text, rgba(0, 0, 0, 0.75));
  margin-top: 50px;
}

.production-order-subitem-detail .article-stage .progress {
  max-width: 300px;
}

.production-order-subitem-detail .component {
  padding-top: 10px;
  padding-bottom: 10px;
}

.production-order-subitem-detail .components .component,
.production-order-subitem-detail .article-stages .article-stage {
  border: 1px solid var(--text-light-color-2);
  margin-bottom: 2px;
}

.production-order-subitem-detail .article-stage .status {
  width: 20px;
}

.production-order-subitem-detail .article-stage .iride-progress-bar {
  width: 300px;
  margin-right: 15px;
}

.production-order-subitem-detail .article-stage .iride-progress-bar .progress {
  margin-bottom: 0px;
}

.production-order-subitem-detail .article-stage .title,
.production-order-subitem-detail .component .title {
  min-width: 300px;
}

.production-order-subitem-detail .article-stage .title .small,
.production-order-subitem-detail .component .title .small {
  word-wrap: break-word;
  text-align: justify;
}

.production-order-subitem-detail .article-stage .duration-status,
.production-order-subitem-detail .article-stage .iride-progress-bar,
.production-order-subitem-detail .article-stage .status,
.production-order-subitem-detail .article-stage .title,
.production-order-subitem-detail .component .title {
  display: inline-block;
  vertical-align: middle;
}

.production-order-subitem-detail .article-stage .status {
  vertical-align: baseline;
}

.production-order-subitem-detail .label {
  position: relative;
  display: block;
  text-align: left;
  padding: 0px;
  margin: 0px;
  margin: 5px 0px;
}

.production-order-subitem-detail .duration-status {
  font-size: 12px;
}

.event-stop-causal {
  font-size: 12px;
}

.production-order-subitem-detail .article-stage .actual,
.production-order-subitem-detail .article-stage .planned,
.production-order-subitem-detail .article-stage .delta {
  display: block;
  margin-left: 15px;
  font-size: 12px;
}

.production-order-subitem-detail .article-stage {
  position: relative;
  min-height: 110px;
  padding: 10px 5px;
}

.production-order-subitem-detail .head table {
  border: 1px solid var(--text-light-color-2);
  margin-bottom: 0px;
}

.production-order-subitem-detail .head td,
.production-order-subitem-detail .head th {
  height: 25px;
  border: none;
  padding: 8px !important;
}

.production-order-subitem-detail table tr:last-child td {
  border-bottom: 1px solid var(--text-light-color-2);
}

.production-order-subitem-detail .article-stage .control-panel {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.production-order-subitem-detail .article-stage:hover .control-panel {
  transition: 0.8s opacity ease-out;
  opacity: 1;
  z-index: 1;
}

.production-order-subitem-detail .article-stage:hover .control-panel .btn {
  opacity: 1;
  margin: auto;
}

.production-order-subitem-detail .wrap-btn {
  margin: auto;
  position: relative;
}

.production-order-subitem-detail .wrap-btn .btn,
.production-order-subitem-detail .wrap-btn .btn-title {
  padding-top: 5px;
  text-align: center;
  margin: auto;
}

.production-order-subitem-detail .wrap-btn .btn {
  position: relative;
  display: flex;
}

.production-order-subitem-detail .wrap-btn .btn-title {
  color: var(--text-main-color);
  text-transform: uppercase;
  font-size: 16px;
}

.button-wide {
  border: dashed 3px #000;
  width: 100%;
  padding: 10px 0px !important;
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 20px;
  margin-top: 20px;
}

.button-wide:active {
  background-color: var(--hover-bg-color);
}

.actual-activity-containter .actual-activity.notVisible {
  opacity: 0;
  transition: 0.5s ease-in-out;
}

.production-article-stage-form .button-wide {
  display: table-cell;
  min-width: 300px;
}

.production-article-stage-form #AddActualActivityButton {
  border-right: none;
}

.btn-container {
  width: 100%;
  position: relative;
  text-align: center;
}

.btn-container .btn-wrap {
  display: inline-block;
  max-width: 150px;
  text-align: center;
  vertical-align: top;
  margin: 20px;
}

.btn-container .btn-wrap .text {
  margin-top: 10px;
  text-transform: uppercase;
  color: var(--text-secondary-color);
  font-size: 18px;
}

.material-block {
  position: relative;
  background: var(--neutral-bg-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.23);
  transition: all 0.1s ease-in-out;
  border-radius: 1px;
  padding: 10px;
  margin-bottom: 10px;
}

.material-block.raising:hover {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.01), 0 4px 6px 0 rgba(0, 0, 0, 0.38);
}

#ConfirmDirtyActualActivity-modal .causals-content {
  padding-left: 20px;
}

.language-resource-table tr.disabled :not(.cell-control) * {
  pointer-events: none;
}

.resouce-model-row {
  display: none;
}

.language-resource-table tr.disabled .undo-btn,
.language-resource-table tr.disabled .save-btn,
.language-resource-table tr.disabled .delete-btn {
  display: none;
}

.language-resource-table tr:not(.disabled) .edit-btn {
  display: none;
}

.v-middle {
  vertical-align: middle !important;
}

.v-center {
  vertical-align: central !important;
}

.v-top {
  vertical-align: top !important;
}

.v-text-bottom {
  vertical-align: text-bottom !important;
}

.v-text-top {
  vertical-align: text-top !important;
}

.v-baseline {
  vertical-align: baseline !important;
}

.v-bottom {
  vertical-align: bottom !important;
}

.v-auto {
  vertical-align: auto !important;
}

.v-sub {
  vertical-align: sub !important;
}

.v-super {
  vertical-align: super !important;
}

.default-pointer {
  cursor: default !important;
}

/*
.iride-panel {
    padding: 10px;
    border: 1px solid var(--light-border-color);
}*/
.iride-panel {
  /* padding: 10px; */
  border: 2px solid var(--theme-secondary-color);
}

/*
.iride-panel .title {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--light-border-color);
    position: relative;
}*/
.iride-panel .title {
  /* padding-bottom: 5px; */
  position: relative;
  background: var(--theme-secondary-fill);
  color: var(--text-knockout-color);
  font-weight: bold;
  padding: 5px 10px;
  margin-bottom: 3px;
}

.iride-panel.lighter .title {
  background: var(--background-color);
  color: var(--detail-item-color);
  border-bottom: 2px solid var(--detail-item-color);
}

.iride-panel.lighter .title .icon,
.iride-panel.lighter .title[data-toggle=collapse]::after {
  color: var(--detail-item-color);
}

.iride-panel .title a,
.iride-panel .title a:hover,
.iride-panel .title a:focus,
.iride-panel .title a:visited {
  color: inherit !important;
}

.iride-panel .title .icon {
  color: var(--text-knockout-color);
}

.iride-panel .title > span {
  vertical-align: middle;
}

.iride-panel .title > .icon {
  padding-right: 5px;
}

.iride-panel .panel-body,
.iride-panel .body-panel {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 10px;
  overflow: auto;
}

.iride-panel .panel-body > .form-group:last-child,
.iride-panel .body-panel > .form-group:last-child {
  margin-bottom: 0px;
}

.monitoring .panel .head[data-toggle=collapse]::after,
.iride-panel [data-toggle=collapse],
.iride-panel .title[data-toggle=collapse]::after,
.iride-toggle [data-toggle=collapse]::after {
  cursor: pointer;
}

.monitoring .panel .head[data-toggle=collapse]::after,
.iride-panel .title[data-toggle=collapse]::after,
.iride-toggle [data-toggle=collapse]::after {
  content: "\e2ac";
  /*color: var(--theme-secondary-color);*/
  color: var(--text-knockout-color);
  right: 10px;
  position: absolute;
  font-family: "Icomoon";
  transition: 0.5s;
  bottom: 5px;
}

.iride-toggle .input-group-addon[data-toggle=collapse]::after {
  right: 10px;
}

.monitoring .panel .head[data-toggle=collapse][aria-expanded=true]::after,
.iride-panel .title[data-toggle=collapse][aria-expanded=true]::after,
.iride-toggle [data-toggle=collapse][aria-expanded=true]::after {
  content: "\e2ac";
  font-family: "Icomoon";
  transform: rotate(180deg);
  transition: 0.5s;
}

.iride-panel.color-1 .title {
  background: var(--ird-color-palette-red);
}

.iride-panel.color-1 {
  border-color: var(--ird-color-palette-red);
}

.iride-panel.color-2 .title {
  background: var(--ird-color-palette-green);
}

.iride-panel.color-2 {
  border-color: var(--ird-color-palette-green);
}

.iride-panel.color-3 .title {
  background: var(--ird-color-palette-yellow);
}

.iride-panel.color-3 {
  border-color: var(--ird-color-palette-yellow);
}

.iride-panel.color-4 .title {
  background: var(--ird-color-palette-orange);
}

.iride-panel.color-4 {
  border-color: var(--ird-color-palette-orange);
}

.iride-panel.color-5 .title {
  background: var(--ird-color-palette-blue);
}

.iride-panel.color-5 {
  border-color: var(--ird-color-palette-blue);
}

.iride-box {
  padding: 10px;
  border: 1px solid var(--default-line-color);
}

.image-content img {
  border: 1px solid var(--light-border-color);
  padding: 5px;
}

.image-content {
  width: 250px;
  height: 250px;
  vertical-align: middle;
  margin: 10px auto;
}

.image-content.medium img {
  max-height: 250px;
  max-width: 250px;
}

.iCodeContent {
  position: relative;
}

.iCodeContent input {
  width: 100%;
}

.iCode-flat-icon {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  /*font-size: 80%;*/
  cursor: pointer;
}

.iCode-flat-icon > span {
  color: var(--btn-icon-color);
}

.pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

#index-slider .carousel-inner {
  overflow: initial;
}

#index-slider .floating-header {
  transition: all 0.4s ease-in-out;
}

.user-logged-data .display-info {
  /*height: 40px;*/
  vertical-align: middle;
}

.user-logged-data .image-wrap {
  display: inline-block;
  margin-right: 5px;
}

.user-logged-data .image {
  width: 35px; /*26px;*/
  height: 35px; /*26px;*/
  border-radius: 50%;
  object-fit: cover;
}

.popover .popover-footer {
  padding: 8px 14px;
  border-radius: 0 0 5px 5px;
  text-align: right;
}

/* Sullo scuro (NOTES.md §245) i popover di Bootstrap restavano bianchi sotto il testo chiaro della pagina, e così le
   righe delle notifiche (.list-group-item): carta, fili e testo della superficie. :where() tiene il peso di
   Bootstrap, così i popover con un vestito loro (tooltip costruiti, Σ dei totali, registro presenze) lo conservano. */
:where(:root[data-surface=dark]) :where(.shell-v2-body) .popover {
  border-color: var(--sh-line-strong);
  background-color: var(--sh-card);
  color: var(--sh-text);
  box-shadow: var(--sh-shadow-float);
}

:where(:root[data-surface=dark]) :where(.shell-v2-body) .popover-title {
  border-bottom-color: var(--sh-line);
  background-color: var(--sh-sunken);
}

:where(:root[data-surface=dark]) :where(.shell-v2-body) .popover.top > .arrow {
  border-top-color: var(--sh-line-strong);
}

:where(:root[data-surface=dark]) :where(.shell-v2-body) .popover.top > .arrow:after {
  border-top-color: var(--sh-card);
}

:where(:root[data-surface=dark]) :where(.shell-v2-body) .popover.right > .arrow {
  border-right-color: var(--sh-line-strong);
}

:where(:root[data-surface=dark]) :where(.shell-v2-body) .popover.right > .arrow:after {
  border-right-color: var(--sh-card);
}

:where(:root[data-surface=dark]) :where(.shell-v2-body) .popover.bottom > .arrow {
  border-bottom-color: var(--sh-line-strong);
}

:where(:root[data-surface=dark]) :where(.shell-v2-body) .popover.bottom > .arrow:after {
  border-bottom-color: var(--sh-card);
}

:where(:root[data-surface=dark]) :where(.shell-v2-body) .popover.left > .arrow {
  border-left-color: var(--sh-line-strong);
}

:where(:root[data-surface=dark]) :where(.shell-v2-body) .popover.left > .arrow:after {
  border-left-color: var(--sh-card);
}

:where(:root[data-surface=dark]) :where(.shell-v2-body) .list-group-item {
  border-color: var(--sh-line);
  background-color: var(--sh-card);
}

#RoleHierarchy li, #JobHierarchy li {
  list-style: none;
}

#RoleHierarchy ul:first-child, #JobHierarchy ul:first-child {
  padding-left: 0px;
}

.visibility-hide {
  visibility: hidden !important;
}

.rotation10 {
  transform: rotate(10deg);
}

.rotation45 {
  transform: rotate(45deg);
}

.rotation90 {
  transform: rotate(90deg);
}

.rotation-45 {
  transform: rotate(-45deg);
}

.rotation-90 {
  transform: rotate(-90deg);
}

.bold {
  font-weight: bold !important;
}

.no-text-decoration {
  text-decoration: none !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-right-20 {
  margin-right: 15px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.monospace {
  font-family: monospace;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.padding-right-20 {
  padding-right: 15px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

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

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.no-border {
  border: none !important;
}

.no-border-left {
  border-left: none !important;
}

.no-border-top {
  border-top: none !important;
}

.no-border-right {
  border-right: none !important;
}

.no-border-bottom {
  border-bottom: none !important;
}

/*CIRCLE BTN : utilizzare circle per i bottoni contenti l'icona come sotto-nodo  <div class="btn circle-btn"><span class="icon"></span></div>'*/
.btn.circle-btn {
  border-radius: 100%;
  color: var(--text-on-fill);
  margin: 0px 3px 0px 3px;
  padding: 8px 8px 8px 8px;
  line-height: 1em;
  background-color: var(--background-color-med);
  border: solid 1px var(--medium-border-color-2);
  width: 32px;
  height: 32px;
  text-align: center;
}

.btn.circle-btn .icon {
  margin: auto;
}

.btn.circle-btn.big {
  font-size: 30px !important;
  width: 64px;
  height: 64px;
}

.btn.circle-btn.btn:active,
.btn.circle-btn.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.circle-btn.flat {
  background-color: transparent;
  border: 0px;
}

.btn.circle-btn.small {
  font-size: 9px !important;
  width: 16px;
  height: 16px;
}

.btn.circle-btn.big {
  font-size: 30px !important;
  width: 64px;
  height: 64px;
}

.btn.circle-btn.flat.bordered {
  border: 1px solid var(--text-main-color);
  color: var(--text-on-fill);
}

.btn.circle-btn.flat.bordered:hover {
  border: none;
  background-color: var(--background-color);
  color: rgba(0, 0, 0, 0.3);
}

/*RED*/
.btn.circle-btn.color-1 {
  background-color: var(--reminder-background-color-1);
  border: solid 1px var(--reminder-border-color-1);
}

.btn.circle-btn.color-1.flat {
  color: var(--reminder-background-color-1);
  background-color: transparent;
  border: none;
}

.btn.circle-btn.color-1.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-background-color-1);
  color: var(--reminder-background-color-1);
}

.btn.circle-btn.color-1.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-background-color-1);
  color: var(--text-secondary-color);
}

.btn.circle-btn.color-1.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*GREEN*/
.btn.circle-btn.color-2 {
  background-color: var(--generic-color-2);
  border: solid 1px var(--reminder-border-color-2);
}

.btn.circle-btn.color-2.flat {
  color: var(--generic-color-2);
  background-color: transparent;
  border: none;
}

.btn.circle-btn.color-2.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--generic-color-2);
  color: var(--generic-color-2);
}

.btn.circle-btn.color-2.flat.bordered:hover {
  border: none;
  background-color: var(--generic-color-2);
  color: var(--text-secondary-color);
}

.btn.circle-btn.color-2.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*YELLOW*/
.btn.circle-btn.color-3 {
  background-color: var(--reminder-background-color-3);
  border: solid 1px var(--reminder-border-color-3);
}

.btn.circle-btn.color-3.flat {
  color: var(--reminder-background-color-3);
  background-color: transparent;
  border: none;
}

.btn.circle-btn.color-3.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-background-color-3);
  color: var(--reminder-background-color-3);
}

.btn.circle-btn.color-3.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-background-color-3);
  color: var(--text-secondary-color);
}

.btn.circle-btn.color-3.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*ORANGE*/
.btn.circle-btn.color-4 {
  background-color: var(--reminder-background-color-4);
  border: solid 1px var(--reminder-border-color-4);
}

.btn.circle-btn.color-4.flat {
  color: var(--reminder-background-color-4);
  background-color: transparent;
  border: none;
}

.btn.circle-btn.color-4.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-background-color-4);
  color: var(--reminder-background-color-4);
}

.btn.circle-btn.color-4.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-background-color-4);
  color: var(--text-secondary-color);
}

.btn.circle-btn.color-4.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*BLUE*/
.btn.circle-btn.color-5 {
  background-color: var(--theme-secondary-color);
  border: solid 1px var(--reminder-border-color-5);
}

.btn.circle-btn.color-5.flat {
  color: var(--reminder-border-color-5);
  background-color: transparent;
  border: none;
}

.btn.circle-btn.color-5.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-border-color-5);
  color: var(--reminder-border-color-5);
}

.btn.circle-btn.color-5.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-border-color-5);
  color: var(--text-secondary-color);
}

.btn.circle-btn.color-5.light {
  background-color: var(--text-link-fill);
  border: solid 1px var(--reminder-border-color-5);
}

.btn.circle-btn.color-5.light.flat {
  color: var(--text-link-color-1);
  background-color: transparent;
  border: none;
}

.btn.circle-btn.color-5.light.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--text-link-color-1);
  color: var(--text-link-color-1);
}

.btn.circle-btn.color-5.light.flat.bordered:hover {
  border: none;
  background-color: var(--text-link-fill);
  color: var(--text-secondary-color);
}

.btn.circle-btn.color-5.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*PURPLE*/
.btn.circle-btn.color-6 {
  background-color: var(--reminder-background-color-6);
  border: solid 1px var(--reminder-border-color-6);
}

.btn.circle-btn.color-6.flat {
  color: var(--reminder-background-color-6);
  background-color: transparent;
  border: none;
}

.btn.circle-btn.color-6.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-background-color-6);
  color: var(--reminder-background-color-6);
}

.btn.circle-btn.color-6.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-background-color-6);
  color: var(--text-secondary-color);
}

.btn.circle-btn.color-6.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*Midnight*/
.btn.circle-btn.color-7 {
  background-color: var(--reminder-background-color-7);
  border: solid 1px var(--reminder-border-color-7);
}

.btn.circle-btn.color-7.flat {
  color: var(--reminder-background-color-7);
  background-color: transparent;
  border: none;
}

.btn.circle-btn.color-7.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--reminder-background-color-7);
  color: var(--reminder-background-color-7);
}

.btn.circle-btn.color-7.flat.bordered:hover {
  border: none;
  background-color: var(--reminder-background-color-7);
  color: var(--text-secondary-color);
}

.btn.circle-btn.color-7.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

/*BLACK*/
.btn.circle-btn.color-8 {
  background-color: var(--transparent-black-2);
  border: solid 1px var(--reminder-border-color-7);
}

.btn.circle-btn.color-8.flat {
  color: var(--transparent-black-2);
  background-color: transparent;
  border: none;
}

.btn.circle-btn.color-8.flat.bordered {
  background-color: transparent;
  border: 1px solid var(--transparent-black-2);
  color: var(--transparent-black-2);
}

.btn.circle-btn.color-8.flat.bordered:hover {
  border: none;
  background-color: var(--transparent-black-2);
  color: var(--text-secondary-color);
}

.btn.circle-btn.color-8.flat.bordered.white:hover {
  color: var(--text-on-fill);
}

.btn.circle-btn.disabled {
  background-color: var(--button-disabled-color) !important;
  border: solid 1px var(--medium-border-color-2) !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

.btn.circle-btn.flat.disabled {
  background-color: transparent !important;
  border: transparent !important;
}

#modal-image .zoom-in-btn,
#modal-image .zoom-out-btn {
  display: none;
}

#modal-image .modal-content:hover .zoom-in-btn,
#modal-image .modal-content:hover .zoom-out-btn {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  font-size: 20px;
  color: var(--text-link-color-1);
  background: var(--iride-switch-checked-before);
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#QualityControls-modal table.flat td.check-cell,
#QualityControls-modal table.flat th.check-cell {
  text-align: center;
}

#QualityControls-modal tr.expanded {
  background-color: var(--neutral-bg-color-2);
  border: 1px solid var(--light-border-color);
}

#QualityControls-modal tr.expanded .edit-btn {
  display: none;
}

#QualityControls-modal .sub-row .wrap {
  border: 1px solid var(--light-border-color);
  padding: 10px;
}

#QualityControls-modal tbody.qc-group {
  border: 1px solid var(--default-line-color);
}

#QualityControls-modal .qc-group .qcg-row td {
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 0px;
}

#QualityControls-modal .qc-group :not(.qcg-row):not(:last-child) td {
  border-bottom: 0px;
}

#QualityControls-modal tr.sub-row:hover,
#QualityControls-modal tr.no-hover:hover {
  background-color: inherit;
}

#QualityControls-modal tr.ignore-row td:not(.cell-control) {
  opacity: 0.5;
  pointer-events: none;
}

.input-group.flat .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  padding: 0px 8px;
  min-width: 40px;
  border-left: 1px solid var(--default-line-color);
}

.input-group.flat .input-group-addon.addon-input {
  padding: 0;
  border: 0;
}

.input-group.flat[addon-pos=left] > input,
.input-group.flat[addon-pos=left] > select {
  border-right: 1px solid var(--default-line-color) !important;
  border-left: none !important;
}

.input-group.flat .input-group-btn {
  border-radius: 0 !important;
  background-color: transparent;
}

.input-group.flat .input-group-btn button {
  height: 30px;
  border-radius: 0;
  padding: 0 12px;
}

/* Il filo fra campo e addon lo disegna l'addon: il campo non ha il suo. Nella V2 fa eccezione il campo data, che
   senza il filo destro restava aperto (lì l'addon è dentro il campo). :where() lascia alla regola il peso di prima. */
.input-group.flat:where(:not(.datetimepicker)) input,
:where(body:not(.shell-v2-body)) .input-group.flat:where(.datetimepicker) input {
  border-right: none !important;
}

input.small, textarea.small, select.small {
  font-size: 100%;
}

.nav-tabs > li:last-child a {
  margin-right: 0px;
}

.input-group.wide {
  width: 100%;
}

.iride-button {
  padding: 10px;
  border: 1px solid #ddd;
  font-size: 20px;
  text-align: center;
  background: #ddd;
  color: white;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.rotating.ease-in-out {
  -webkit-animation: rotating 2s ease-in-out infinite;
  -moz-animation: rotating 2s ease-in-out infinite;
  -ms-animation: rotating 2s ease-in-out infinite;
  -o-animation: rotating 2s ease-in-out infinite;
  animation: rotating 2s ease-in-out infinite;
}

.text-icon {
  position: relative;
}

.text-icon.mk-moon-file-8 .text {
  position: absolute;
  font-family: "Raleway" !important;
  font-size: 35%;
  /* margin: auto; */
  left: 0;
  right: 0;
  top: 0;
  bottom: 5px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-weight: bold;
}

.groupedDocuments-modal-opener {
  position: relative;
}

.badge.documentsCount {
  top: 5px;
  position: absolute;
  left: 11px;
  font-weight: normal;
  background-color: var(--reminder-background-color-1);
  font-family: "Raleway";
  font-size: 0.5em;
  padding: 3px 6px;
}

.iride-badge {
  background: var(--theme-secondary-fill);
  color: var(--text-knockout-color);
}

.iride-badge.badge-success {
  background: var(--ird-color-palette-green);
  color: var(--text-knockout-color);
}

.iride-badge.badge-warning {
  background: var(--ird-color-palette-yellow);
  color: var(--text-knockout-color);
}

.iride-badge.badge-error {
  background: var(--ird-color-palette-red);
  color: var(--text-knockout-color);
}

.iride-badge .iride-badge {
  color: var(--text-knockout-color);
}

.navbar-nav > li > .dropdown-menu {
  border-radius: 0px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: 1px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: var(--text-light-color-2);
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: var(--text-main-color);
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.iride-partition-chart .header {
  display: table;
  width: 100%;
}

.iride-partition-chart .header .partition-head {
  display: table-cell;
}

.iride-partition-chart .bar {
  display: table;
  width: 100%;
}

.iride-partition-chart .partition {
  float: left;
  min-width: 50px;
  max-width: calc(100% - 50px);
}

.iride-partition-chart .partition .value {
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-on-fill);
  background-color: var(--text-secondary-color);
  width: 100%;
}

a.glow-icon:hover {
  text-shadow: 0 0 3px;
}

a.glow-icon.mk-moon-file-pdf:hover {
  color: rgba(210, 0, 0, 0.81);
}

a.glow-icon.mk-moon-file-excel:hover {
  color: rgba(0, 170, 0, 0.81);
}

a.glow-icon.mk-moon-file-word:hover {
  color: rgba(0, 112, 181, 0.81);
}

.set-homepage-btn .wrap {
  cursor: pointer;
  /* border: 1px solid;*/
  width: 30px;
  height: 30px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.set-homepage-btn.active {
  color: var(--text-link-color-1);
  border-color: var(--text-link-color-1);
}

/*
#index-table > thead {
    display: table;
    width: 100%;
    position: fixed;
    z-index: 99;
    background-color: var(--background-color);
}*/
#index-table {
  overflow: hidden;
  /*overflow-x: visible;*/
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════
   L'INTESTAZIONE DI UNA COLONNA ORDINABILE DICE CHE COSA SUCCEDERÀ

   Il bersaglio vero lo allarga `sort-columns.js`, che inoltra all'ancora il clic caduto sullo
   sfondo della cella; qui c'è tutto il segno visivo che gli corrisponde.

   Il riconoscimento è `:has()` sull'ancora che chiama `setSortColumn`, cioè sull'unico posto in
   cui il markup dichiara già che quella colonna si ordina: nessuna delle 123 PartialIndex deve
   aggiungere una classe.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
/* Questa interazione appartiene alla shell v2: la classica conserva glifi, hover e indicatore
   dell'ordinamento originali. Il prefisso deve comprendere l'intero blocco, non soltanto il fondo
   della testata, altrimenti i nuovi angoli continuano a sostituire i Glyphicons nella classica. */
.shell-v2 {
  /* Il cursore a mano su tutta la cella, e anche sui figli: `cursor` si eredita, ma basta una
     regola sul figlio — e su `<label>` c'è — per vincere sull'ereditarietà. */
}
.shell-v2 #index-table > thead > tr > th:has(a[onclick*=setSortColumn]),
.shell-v2 #index-table > thead > tr > th:has(a[onclick*=setSortColumn]) *,
.shell-v2 .index-table > thead > tr > th:has(a[onclick*=setSortColumn]),
.shell-v2 .index-table > thead > tr > th:has(a[onclick*=setSortColumn]) * {
  cursor: pointer;
}
.shell-v2 {
  /* Nella stessa intestazione convivono due forme: `@Html.CustomLabelFor`, che rende un
     `<label class="property-name">`, e il testo nudo dentro l'ancora. Bootstrap dà al `<label>` un
     peso e 5 px di margine sotto suoi, quindi quelle colonne risultavano più chiare e qualche pixel
     più in alto delle altre — misurato sulle RiBa: peso 400 contro 600, base del testo 73 px contro
     76. Nel titolo di una colonna il `<label>` non è l'etichetta di un campo: non porta stile
     proprio. */
}
.shell-v2 #index-table > thead > tr > th .property-name,
.shell-v2 .index-table > thead > tr > th .property-name {
  margin-bottom: 0;
  font-weight: inherit;
}
.shell-v2 {
  /* Il posto del segno di ordinamento è SEMPRE riservato, anche quando non si vede.
     ⚠ Misurato: facendolo comparire senza riservarlo le colonne si spostano fino a 12 px — al
     passaggio del puntatore e, come faceva prima, a ogni ordinamento. `!important` perché `.hide`
     di Bootstrap è `display: none !important` e non si supera altrimenti. */
}
.shell-v2 #index-table > thead > tr > th .sort-arrow,
.shell-v2 .index-table > thead > tr > th .sort-arrow {
  display: inline-block !important;
  position: relative;
  top: -1px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  color: var(--sh-acc-ink, var(--theme-secondary-color));
  transition: transform 170ms cubic-bezier(0.2, 0.7, 0.3, 1), opacity 140ms ease-out;
}
.shell-v2 {
  /* Il segno è un angolo — due tratti, niente bastoncino — disegnato con i bordi: nitido a ogni
     ingrandimento e senza dipendere dal font di icone. Sostituisce il glifo di Glyphicons, che
     resta dichiarato nel markup di tutte le view e che qui non serve più. */
}
.shell-v2 #index-table > thead > tr > th .sort-arrow::before,
.shell-v2 .index-table > thead > tr > th .sort-arrow::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 3px;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid currentColor;
  border-left: 1.5px solid currentColor;
  border-top-left-radius: 1.5px;
  transform: rotate(45deg);
}
.shell-v2 {
  /* Il verso lo dicono le classi che `paintSortArrow` scrive già; qui diventano una rotazione, ed
     è la rotazione a rendere animabile il ribaltamento. Il verso resta quello di prima: crescente
     verso il basso, decrescente verso l'alto. */
}
.shell-v2 #index-table > thead > tr > th .sort-arrow.glyphicon-arrow-up,
.shell-v2 .index-table > thead > tr > th .sort-arrow.glyphicon-arrow-up {
  transform: rotate(0deg);
}
.shell-v2 #index-table > thead > tr > th .sort-arrow.glyphicon-arrow-down,
.shell-v2 .index-table > thead > tr > th .sort-arrow.glyphicon-arrow-down {
  transform: rotate(180deg);
}
.shell-v2 {
  /* Sulle colonne non ordinate l'angolo non si vede, ma il suo posto resta occupato — e sta un filo
     più in alto, pronto a scendere.
     ⚠ Il verso è imposto qui, e non ereditato dalle classi del glifo: `paintSortArrow` nasconde le
     frecce delle altre colonne **senza azzerarne le classi**, quindi la colonna ordinata prima
     conserva il proprio `arrow-up` anche da spenta. Mostrarlo così direbbe il verso sbagliato: il
     prossimo clic su una colonna non ordinata dà sempre il crescente, perché `setSortColumn` legge
     `sort-order` dal DOM e lì è stato azzerato. Questa regola sta DOPO quelle del verso apposta. */
}
.shell-v2 #index-table > thead > tr > th .sort-arrow.hide,
.shell-v2 .index-table > thead > tr > th .sort-arrow.hide {
  opacity: 0;
  color: var(--sh-text-2, var(--text-secondary-color));
  transform: translateY(-3px) rotate(180deg);
}
.shell-v2 {
  /* Al passaggio del puntatore: il fondo prende una tinta del tema — non un filo pieno, che è il
     segno riservato allo stato — e l'angolo **scende al suo posto** invece di comparire.
     Il movimento tira l'occhio più di qualunque fondo colorato, e non toglie niente allo stato:
     è la ragione per cui il filo dell'accento resta sulla colonna ordinata e non segue il mouse.
     La tinta è sovrapposta al fondo dell'intestazione: l'header è sticky e deve restare opaco,
     altrimenti durante lo scroll lascia trasparire il contenuto delle righe sottostanti.
     Fondo e tinta sono quelli dell'intestazione (§203.13): con un'intestazione scura dai «Parametri
     dei temi» il testo diventa chiaro, e un fondo chiaro fisso lo rendeva illeggibile. */
}
.shell-v2 #index-table > thead > tr > th:has(a[onclick*=setSortColumn]):hover,
.shell-v2 .index-table > thead > tr > th:has(a[onclick*=setSortColumn]):hover {
  background: linear-gradient(var(--sh-table-head-sort-hover, var(--sh-acc-tint-hover)), var(--sh-table-head-sort-hover, var(--sh-acc-tint-hover))), var(--sh-table-head-bg, var(--sh-sunken));
  color: var(--sh-text, var(--text-main-color));
}
.shell-v2 #index-table > thead > tr > th:has(a[onclick*=setSortColumn]):hover .sort-arrow.hide,
.shell-v2 .index-table > thead > tr > th:has(a[onclick*=setSortColumn]):hover .sort-arrow.hide {
  opacity: 0.55;
  transform: translateY(0) rotate(180deg);
}
.shell-v2 {
  /* L'anteprima del ribaltamento: sulla colonna GIÀ ordinata il puntatore mostra il verso che
     l'elenco avrà DOPO il clic. Mezzo giro, sempre nello stesso senso, e torna indietro quando il
     puntatore se ne va.
     ⚠ Solo dove c'è un ordinamento da ribaltare (`:not(.hide)`). Su una colonna non ordinata il
     prossimo clic dà il crescente, che è già il verso con cui l'angolo compare: ribaltarlo anche
     lì mostrerebbe esattamente il verso sbagliato. */
}
.shell-v2 #index-table > thead > tr > th:has(a[onclick*=setSortColumn]):hover .sort-arrow:not(.hide).glyphicon-arrow-up,
.shell-v2 .index-table > thead > tr > th:has(a[onclick*=setSortColumn]):hover .sort-arrow:not(.hide).glyphicon-arrow-up {
  transform: rotate(180deg);
}
.shell-v2 #index-table > thead > tr > th:has(a[onclick*=setSortColumn]):hover .sort-arrow:not(.hide).glyphicon-arrow-down,
.shell-v2 .index-table > thead > tr > th:has(a[onclick*=setSortColumn]):hover .sort-arrow:not(.hide).glyphicon-arrow-down {
  transform: rotate(360deg);
}
.shell-v2 {
  /* La colonna su cui l'elenco è ordinato porta un filo del colore del tema: su una tabella larga
     si legge di traverso, senza andare a cercare l'angolo. `inset`, quindi non sposta nulla. */
}
.shell-v2 #index-table > thead > tr > th:has(.sort-arrow:not(.hide)),
.shell-v2 .index-table > thead > tr > th:has(.sort-arrow:not(.hide)) {
  /* L'inchiostro d'accento e non l'accento: sull'intestazione tinta è il suo testo, e il filo
     d'accento su un fondo dello stesso colore spariva. */
  box-shadow: inset 0 -2px 0 var(--sh-acc-ink, var(--theme-item-color));
  color: var(--sh-text, var(--text-main-color));
}
.shell-v2 {
  /* Il movimento del fondo. Corto: sotto i 150 ms si legge come reattività, sopra i 250 come attesa. */
}
.shell-v2 #index-table > thead > tr > th,
.shell-v2 .index-table > thead > tr > th {
  transition: background-color 130ms ease-out, color 130ms ease-out;
}
.shell-v2 {
  /* Chi ha chiesto meno movimento non lo riceve. */
}
@media (prefers-reduced-motion: reduce) {
  .shell-v2 #index-table > thead > tr > th,
  .shell-v2 #index-table > thead > tr > th .sort-arrow,
  .shell-v2 .index-table > thead > tr > th,
  .shell-v2 .index-table > thead > tr > th .sort-arrow {
    transition: none;
  }
}

.index-title {
  display: none !important;
}

.original-header {
  display: contents !important;
}

.original-header th {
  /*vertical-align: bottom !important;*/
  /*padding-bottom: 0px !important;*/
  /*padding-top: 20px !important;*/
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: none !important;
}

.iride-selection .item {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
}

.iride-selection .item .wrapper {
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
}

.iride-selection .item .wrapper.md,
.iride-selection .item .wrapper.md .image {
  width: 60px;
  height: 60px;
}

.iride-selection .item.no-border .wrapper {
  border: none;
}

.iride-selection .item .wrapper .image {
  object-fit: scale-down;
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
}

.iride-selection .item:not(.no-border).selected .wrapper,
.iride-selection .item.selected .image {
  border-color: #1e90ff;
  border-width: 2px;
}

.scope-count.badge {
  border-color: var(--theme-secondary-color);
  border-style: solid;
  border-width: 1px;
  color: var(--theme-secondary-ink);
}

.tooltip.fade.top.in {
  z-index: 99999;
}

#index-table .subitem-row thead {
  position: relative !important;
}

#index-table.infiniteScroll {
  overflow: visible;
}

.add-component.btn:not(:hover) .newSearchIcon {
  background-image: url(Images/searchplus.svg);
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  display: block;
}

.add-component.btn:hover .newSearchIcon {
  background-image: url(Images/searchpluswhite.svg);
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  display: block;
}

.pulse-icon {
  background: black;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgb(0, 0, 0);
  margin: 10px;
  height: 20px;
  width: 20px;
  transform: scale(1);
  animation: pulse-black 2s infinite;
}

.pulse-icon.green {
  background: #2ecc71;
  box-shadow: 0 0 0 0 #2ecc71;
  animation: pulse-green 2s infinite;
}

@keyframes pulse-black {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes pulse-green {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
  }
}
.iride-infinite-scroll .sortable-btn {
  cursor: pointer;
  display: inline;
}

.iride-infinite-scroll .sortable-btn .sort-order-icon {
  font-family: "Glyphicons Halflings";
  font-size: 85%;
  vertical-align: middle;
}

.iride-infinite-scroll .sortable-btn[sort-order=ascending] .sort-order-icon::before {
  content: "\e094";
}

.iride-infinite-scroll .sortable-btn[sort-order=descending] .sort-order-icon::before {
  content: "\e093";
}

.item-click {
  cursor: pointer;
}

.item-click:hover {
  text-decoration: underline;
}

.item-click.disabled,
.infScrollContainer [class*=-itemClick].disabled,
.infScrollContainer .search-genericItem-result.disabled {
  opacity: 0.5;
  pointer-events: none;
  font-style: italic;
}

.ds-tbl {
  display: table;
}

.ds-tbl > .ds-tbl-head {
  display: table-header-group;
}

.ds-tbl > .ds-tbl-body {
  display: table-row-group;
}

.ds-tbl-row {
  display: table-row;
}

.ds-tbl-cell {
  display: table-cell;
}

.ds-tbl-cell.cell-ctrl {
  width: 60px;
  max-width: 60px;
}

.ds-tbl.flat > .ds-tbl-head > .ds-tbl-row > .ds-tbl-cell,
.ds-tbl.flat > .ds-tbl-body > .ds-tbl-row > .ds-tbl-cell {
  padding: 10px 0px;
  border-bottom: 1px solid var(--default-tbl-line-color);
}

.tag-search-group[tag-search=false] .tag-search-addon {
  display: none;
}

.tag-search-group .tag-search-addon {
  border-right: none;
  padding: 0px !important;
  font-style: italic;
}

.tag-search-group .tag-search-addon,
.filterBox .input-group.tag-search-group .input-group-addon {
  width: 0px;
}

.tag-search-group input.tag-search-input::placeholder {
  font-weight: normal;
}

.tag-search-group[tag-search=true] input.tag-search-input,
.tag-search-group[tag-search=true] input.tag-search-input.flat-input.bordered,
.tag-search-group[tag-search=true] input.tag-search-input.flat-input.bordered:focus {
  border-left: none;
  font-weight: bold;
}

.tag-search-group .tag-search-addon,
.tag-search-group[tag-search=true] .tag-search-input {
  color: var(--theme-secondary-ink);
}

.tag-search-group[tag-search=true] > *,
.tag-search-group[tag-search=true] input.tag-search-input.flat-input.bordered {
  border-color: var(--theme-secondary-color);
}

.tag-search-group .search-tag {
  padding: 4px 5px;
  font-size: 90%;
  font-style: normal;
  color: var(--text-knockout-color);
  background-color: var(--text-link-fill);
  margin: 0 5px;
  font-weight: bold;
}

.tag-search-group[tag-search=true] .search-tag .remove-btn {
  padding: 3px;
  font-size: 70%;
  margin-left: 5px;
}

#notificationNumber {
  top: -5px;
  position: absolute;
  right: -10px;
  font-weight: normal;
  background-color: var(--theme-secondary-color);
}

.modal .nav-tabs .nav-item {
  padding: 0;
}

.nav-tabs > li > a {
  border-top-color: var(--default-tbl-line-color);
  border-left-color: var(--default-tbl-line-color);
  border-right-color: var(--default-tbl-line-color);
  border-radius: 0px;
  border-bottom-color: transparent !important;
  color: var(--theme-secondary-ink);
}

.infScrollContainer [class*=-itemClick] {
  cursor: pointer;
}

.infScrollContainer [class*=-itemClick].disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.required-document-icon-status {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: white;
  position: relative;
  border: none;
  font-size: 18px;
  vertical-align: middle;
  text-transform: uppercase;
  border-radius: 100%;
  background-color: var(--reminder-gray);
}

.required-document-icon-status > .wrp-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  width: 100%;
  height: 100%;
}

.required-document-icon-status > .wrp-ico > span {
  font-size: 70%;
  color: white;
}

.required-document-icon-status[status="0"] {
  background-color: rgb(18, 160, 215);
}

.required-document-icon-status[status="1"] {
  background-color: var(--reminder-background-color-1);
}

.required-document-icon-status[status="2"] {
  background-color: var(--reminder-background-color-3);
}

.required-document-icon-status[status="3"] {
  background-color: var(--reminder-background-color-2);
}

.pattern-tag-wrap {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.pattern-tag-wrap > .pattern-tag {
  border: 1px solid var(--theme-main-color);
  color: var(--theme-main-ink);
  background: var(--main-background-color);
  padding: 5px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.pattern-tag-wrap > .pattern-tag:hover {
  background: var(--theme-main-color);
  color: var(--main-background-color);
}

.resume-doc-status {
  display: inline-block;
}

.resume-doc-status .resumed-status-icon {
  position: absolute;
  bottom: 0;
  right: -2px;
}

.resume-doc-row-status .resumed-status-icon,
.resume-doc-status .resumed-status-icon {
  color: var(--text-knockout-color);
  padding: 2px;
  border-radius: 100%;
  background: var(--theme-secondary-color);
  width: 13px;
  height: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.resumed-status-icon > span {
  position: absolute;
  font-size: 7px;
  color: var(--text-knockout-color);
}

.req-field-lbl {
  font-weight: bold;
  color: var(--req-field-lbl-color);
}

.req-marker {
  color: var(--alert-error);
  font-weight: bold;
}

.toggable-item.open .toggle-row-btn {
  transform: rotate(90deg);
  transition: ease-in;
  display: inline-block;
}

.dyn-attr-cell [deadline-status] .icon {
  font-size: 20px;
}

.dyn-attr-cell [deadline-status=expired] .icon,
.dyn-attr-cell [deadline-status=expired] .attr-dsp-value,
.dyn-attr-cell [deadline-status=expired] .it-content {
  color: var(--reminder-background-color-1);
}

.dyn-attr-cell [deadline-status=warning] .icon,
.dyn-attr-cell [deadline-status=warning] .attr-dsp-value,
.dyn-attr-cell [deadline-status=warning] .it-content {
  color: var(--reminder-background-color-3);
}

.dyn-attr-cell [deadline-status=valid] .icon {
  color: var(--theme-secondary-ink);
}

.dyn-attr-cell [deadline-status=warning] .attr-dsp-value,
.dyn-attr-cell [deadline-status=expired] .attr-dsp-value,
.dyn-attr-cell [deadline-status=warning] .it-content,
.dyn-attr-cell [deadline-status=expired] .it-content {
  font-weight: bold;
}

.iride-tooltip.tooltip-mail-log .it-content {
  padding-top: 0;
  padding-bottom: 0;
}

.tooltip-mail-log .it-content th {
  padding: 2px 0px;
  height: 40px;
}

.tooltip-mail-log .it-content td {
  padding-left: 10px;
  padding-right: 10px;
}

.tooltip-mail-log[is-sent=true] .set-sent,
.tooltip-mail-log[is-sent=false] .set-no-sent {
  display: none;
}

.tooltip-mail-log[is-sent=true] .iride-badge.mail-badge {
  background-color: var(--reminder-background-color-2);
}

.tooltip-mail-log[is-sent=false] .iride-badge.mail-badge {
  background-color: var(--reminder-background-color-4);
}

.tooltip-mail-log .it-content .toggle-wrp {
  padding-left: 0px;
  padding-right: 0px;
  text-align: right;
}

.iride-tab-content {
  border: 1px solid var(--default-line-color);
  border-top: none;
  padding: 10px;
}

.iride-tab-content .tab-pane {
  padding: 15px 10px;
}

#DeleteSelectedItemsModal .item-list {
  overflow-y: auto;
  max-height: 500px;
  padding-top: 10px;
}

#DeleteSelectedItemsModal .item-list > .item {
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid var(--default-tbl-line-color);
}

.modal .index-selected-item-list {
  margin-top: 15px;
  border: 1px solid var(--default-line-color);
  padding: 10px;
  text-align: left;
  overflow-y: auto;
  max-height: 400px;
}

.modal .index-selected-item-list .item {
  padding: 5px 10px;
  border-bottom: 1px solid var(--default-tbl-line-color);
}

.no-wrap {
  white-space: nowrap;
}

.iride-attach-item-btn,
.iride-tag-item-btn {
  color: var(--btn-icon-color);
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  position: relative;
}

.iride-attach-item-btn .attach-ctr,
.iride-tag-item-btn .tag-ctr {
  position: absolute;
  right: 0px;
  top: 0px;
}

.mw-fit-content {
  max-width: fit-content;
}

.beta-lbl:after {
  content: "beta";
  background-color: var(--ird-color-palette-yellow);
  padding: 1px 4px;
  font-weight: bold;
  font-size: 60%;
  vertical-align: top;
  margin-left: 5px;
  color: black;
}

.new-lbl:after {
  content: "new";
  background-color: var(--ird-color-palette-green);
  padding: 1px 4px;
  font-weight: bold;
  font-size: 60%;
  vertical-align: top;
  margin-left: 5px;
  color: black;
  animation: blinkingNewBadge 1s infinite;
}

.new-lbl.lbl-badge, .beta-lbl.lbl-badge {
  position: absolute;
  top: -5px;
  right: -15px;
}

@keyframes blinkingNewBadge {
  0% {
    color: white;
    border: 1px solid var(--ird-color-palette-green);
    background: var(--ird-color-palette-green);
  }
  100% {
    color: var(--theme-bars-text-color);
    border: 1px solid var(--theme-secondary-color);
    background: var(--theme-main-color);
  }
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: var(--theme-secondary-fill);
  outline: 0;
}

.search-item-result.disabled {
  opacity: 0.5;
  pointer-events: none;
  font-style: italic;
}

.textarea-wrp {
  display: flex;
  position: relative;
}

.textarea-wrp .textarea-ctr {
  position: absolute;
  right: 10px;
  bottom: 2px;
  font-size: 70%;
}

.mw-fit-content {
  max-width: fit-content;
}

.deleted {
  display: none;
}

.ui-menu .ui-autocomplete-message {
  pointer-events: none;
  font-size: 70%;
}

.ui-menu .ui-autocomplete-message.result-ctr {
  border-bottom: 1px dashed var(--theme-secondary-color);
  padding: 5px;
  margin-bottom: 5px;
  text-align: right;
  font-style: italic;
}

.icode-check-status[state=running] .valid-lbl,
.icode-check-status[state=running] .invalid-lbl {
  display: none;
}

.icode-check-status[state=valid] .running-lbl,
.icode-check-status[state=valid] .invalid-lbl {
  display: none;
}

.icode-check-status[state=invalid] .running-lbl,
.icode-check-status[state=invalid] .valid-lbl {
  display: none;
}

/*.icode-check-status .invalid-lbl,*/
.icode-check-status .valid-lbl,
.icode-check-status .invalid-lbl {
  font-weight: bold;
}

.icode-check-status .invalid-lbl {
  color: var(--ird-color-palette-red);
}

.icode-check-status .valid-lbl {
  color: var(--ird-color-palette-green);
}

.icode-check-status .valid-lbl > *,
.icode-check-status .invalid-lbl > * {
  vertical-align: middle;
}

.ai-icon[state=good] {
  color: var(--ird-color-palette-blue);
}

.ai-icon[state=fair] {
  color: var(--ird-color-palette-yellow);
}

.ai-icon[state=bad] {
  color: var(--ird-color-palette-red);
}

.ai-icon[state=verified],
.ai-icon[state=excellent] {
  color: var(--ird-color-palette-green);
}

a.tile-btn {
  text-decoration: none;
  color: inherit;
}

.tile-btn {
  background-color: var(--default-bg-light-color);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 10px;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 2px;
}

.tile-btn > .icon {
  font-size: 20px;
  color: var(--theme-item-color);
}

.tile-btn > .icon,
.tile-btn > .text {
  padding: 5px 10px;
}

.tile-btn:hover {
  background-color: var(--theme-secondary-fill);
}

.tile-btn:hover > * {
  color: var(--text-on-fill) !important;
}

.border-bottom {
  border-bottom: 1px solid var(--default-border-color);
}

.border-top {
  border-top: 1px solid var(--default-border-color);
}

.border-left {
  border-left: 1px solid var(--default-border-color);
}

.border-right {
  border-right: 1px solid var(--default-border-color);
}

/* prende la variabile --jstree-icon-color dal <li> e colora solo l’icona */
.jstree-default .jstree-anchor > .jstree-icon {
  color: var(--jstree-icon-color) !important;
}

.font-xs {
  font-size: 70%;
}

.chart-of-accounts-tag {
  background-color: var(--ird-color-palette-blue);
  color: white;
  font-weight: bold;
  position: relative;
  padding: 1px 6px 1px 16px;
  clip-path: polygon(9px 0, 100% 0, 100% 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
  font-size: 85%;
  display: block;
  width: fit-content;
}

.k-widget.k-dropdown.flat-input.bordered {
  border-radius: 0px;
  box-sizing: border-box;
  height: 30px;
}

.k-widget.k-dropdown.flat-input.bordered .k-input {
  padding: 0px;
}

.k-widget.k-dropdown.flat-input.bordered .k-dropdown-wrap {
  border-radius: 0;
  height: 30px;
  box-sizing: border-box;
}

/* Elenchi per modello: Giacenze, Articoli (NOTES.md §200, §207) ----------------------------------------------------------
   La riga del modello, le righe sotto di lui e l'interruttore «Per modello · Per articolo», per ogni tabella d'elenco che
   dichiara `data-child-rows`. Valgono nelle due interfacce: misure e colori sono i token della shell, con il valore della
   classica come ripiego. Le apre e le chiude `Scripts/index-child-rows.js`. */
/* Le righe sotto un modello sono un gruppo: il filo che scende dal centro della freccia del modello all'ultima riga, il
   fondo incavato, il rientro nella cella del titolo. Nella V2 lo fa la shell (shell-table.scss, «Righe figlie»); qui la
   classica, con gli stessi segni nei suoi colori (il filo ha quello dei collegamenti del tema). Solo dove la tabella è una
   tabella. Il filo sta nella cella della freccia — la seconda dove la prima è la casella della selezione — alla distanza
   che misura `index-child-rows.js` (NOTES.md §215); il varco lo stacca dalla freccia e da quelle delle figlie. */
@media (min-width: 768px) {
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr:not([data-parent-id]):has(+ tr[data-parent-id]) > td:first-of-type:not(.SelectItemsCol),
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr:not([data-parent-id]):has(+ tr[data-parent-id]) > td.SelectItemsCol:first-of-type + td,
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr[data-parent-id] > td:first-of-type:not(.SelectItemsCol),
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr[data-parent-id] > td.SelectItemsCol:first-of-type + td {
    position: relative;
  }
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr:not([data-parent-id]):has(+ tr[data-parent-id]) > td:first-of-type:not(.SelectItemsCol)::before,
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr:not([data-parent-id]):has(+ tr[data-parent-id]) > td.SelectItemsCol:first-of-type + td::before,
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr[data-parent-id] > td:first-of-type:not(.SelectItemsCol)::before,
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr[data-parent-id] > td.SelectItemsCol:first-of-type + td::before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: var(--sh-row-child-rail-x, 0px);
    width: 1px;
    background: var(--theme-link-color, #777);
    pointer-events: none;
  }
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr.subitem-row[data-parent-id] > td::before {
    left: var(--sh-row-child-rail-row-x, 0px);
  }
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr:not([data-parent-id]):has(+ tr[data-parent-id]) > td:first-of-type:not(.SelectItemsCol)::before,
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr:not([data-parent-id]):has(+ tr[data-parent-id]) > td.SelectItemsCol:first-of-type + td::before {
    top: calc(50% + 9px);
  }
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr[data-parent-id]:not(:hover) {
    background-color: rgba(0, 0, 0, 0.025);
  }
  body:not(.shell-v2-body) #index-table[data-child-rows] > tbody > tr.index-child-row > td.index-child-title {
    padding-left: 40px;
  }
  /* Nelle due interfacce il sotto-elenco di una figlia (i lotti di una variante) comincia dalla colonna dell'icona
     dell'articolo, staccato dal filo e con le sue icone sotto quella della riga (NOTES.md §215.4). La misura è dello
     script, che la dichiara con `data-child-sub-indent`; il pixel in meno è il bordo della cella. `!important` perché il
     foglio delle Giacenze scrive così il suo riempimento. */
  #index-table[data-child-rows][data-child-sub-indent] > tbody > tr.subitem-row[data-parent-id] > td {
    padding-left: calc(var(--sh-row-child-sub-x) - 1px) !important;
  }
  /* Dove anche le figlie hanno una freccia (Giacenze: i lotti; la tabella lo dichiara con `data-child-toggles`), la loro
     rientra di un passo, `--sh-row-child-step`: il filo le scorre a sinistra, con aria, e il rientro dice il livello
     (NOTES.md §215.5). Il passo si sposta con un `transform`, che porta con sé il bersaglio e l'attesa (stesso id) e non
     cambia l'impaginazione; la colonna lo riceve sempre, anche a gruppi chiusi, così aprirne uno non sposta le colonne.
     Il 40 px è quello delle colonne di servizio (`table.flat .selection-cell`), scritto con `!important` anche lì. */
  #index-table[data-child-rows][data-child-toggles] > tbody > tr:not(.subitem-row) > td.selection-cell:first-of-type:not(.SelectItemsCol) {
    width: calc(40px + var(--sh-row-child-step, 12px)) !important;
    max-width: calc(40px + var(--sh-row-child-step, 12px)) !important;
  }
  #index-table[data-child-rows][data-child-toggles] > tbody > tr[data-parent-id] > td:first-of-type:not(.SelectItemsCol) > [id*=-ClickToExpand-],
  #index-table[data-child-rows][data-child-toggles] > tbody > tr[data-parent-id] > td.SelectItemsCol:first-of-type + td > [id*=-ClickToExpand-] {
    transform: translateX(var(--sh-row-child-step, 12px));
  }
}
#index-table[data-child-rows] > tbody > tr[data-model-id] .article-code {
  font-weight: 600;
}

/* Il numero delle varianti è una pastiglia: dice un dato e non si preme, come i contatori della shell. Fa riconoscere la
   riga di un modello anche a gruppo chiuso. */
#index-table[data-child-rows] .index-child-count {
  display: inline-block;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: var(--sh-r-pill, 999px);
  background: var(--sh-sunken, #eef0f2);
  color: var(--sh-text-2, #666);
  line-height: 1.6;
  white-space: nowrap;
}

#index-table[data-child-rows] .index-child-values {
  white-space: nowrap;
}

/* Il campione viene da un dato, validato dal server: tondo, come nelle pagine del modulo. */
#index-table[data-child-rows] .index-child-swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  border: 1px solid var(--sh-line-strong, rgba(0, 0, 0, 0.25));
  border-radius: var(--sh-r-pill, 50%);
  vertical-align: -1px;
}

#index-table[data-child-rows] .stock-model-mixed {
  cursor: help;
}

/* L'interruttore dice le due scelte e mette in evidenza quella di adesso. */
#index-grouping-switch .index-grouping-option {
  color: var(--sh-text-2, #777);
}

#index-grouping-switch .index-grouping-option.is-current {
  color: var(--sh-text, inherit);
  font-weight: 600;
}

#index-grouping-switch .index-grouping-sep {
  margin: 0 6px;
  color: var(--sh-text-2, #777);
}

/* Scrittura libera della ragione sociale (NOTES.md §228.6) -----------------------------------------------------------------
   La matita sta dentro il campo, sul bordo destro: il campo tiene la sua forma e il testo non le passa sotto. Premuta prende
   l'accento, e il nome resta come lo si scrive. L'area del clic è alta quanto il campo; il fondo dello stato premuto lo
   disegna il `::before`, più piccolo, così non copre il bordo. Vale nelle due interfacce: token della shell, con il valore
   della classica come ripiego. La mette `Scripts/index.js` (initCompanyNameField). */
.company-name-field {
  display: block;
  position: relative;
  /* !important: nella V2 la regola dei campi (shell-entity.scss) pesa sette fra classi e attributi, e lo spazio della
     matita deve valere su ogni forma del campo. */
}
.company-name-field > input {
  padding-right: 36px !important;
}
.company-name-field > input:disabled + .company-name-free,
.company-name-field > input[readonly] + .company-name-free {
  display: none;
}

.company-name-free {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--sh-text-2, var(--text-secondary-color));
  cursor: pointer;
}
.company-name-free::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  border-radius: var(--sh-r-ctl, 2px);
}
.company-name-free > svg {
  position: relative;
}
.company-name-free {
  /* Fuori da una pulsantiera il passaggio è il testo pieno sul fondo di passaggio (CLAUDE.md §7); da premuta, come la
     puntina del pannello (shell-chrome.scss), la stessa tinta d'accento più densa: lo stato resta e il comando risponde. */
}
.company-name-free:hover {
  color: var(--sh-text, var(--text-main-color));
}
.company-name-free:hover::before {
  background: var(--sh-hover, rgba(0, 0, 0, 0.06));
}
.company-name-free[aria-pressed=true] {
  color: var(--sh-acc-ink, var(--theme-secondary-color));
}
.company-name-free[aria-pressed=true]::before {
  background: var(--sh-acc-soft, rgba(0, 0, 0, 0.07));
}
.company-name-free[aria-pressed=true]:hover::before {
  background: var(--sh-acc-tint-hover, rgba(0, 0, 0, 0.12));
}

/* ================================================================================
   Il logo IRIDay che ogni tanto fa un piccolo gesto (NOTES.md §263)
   --------------------------------------------------------------------------------
   Reso da Views/Shared/_IridayMark.cshtml; il gesto lo sceglie a caso Scripts/iriday-mark.js e lo scrive in
   `data-effect` per poco più di un secondo. Sta in questo foglio perché lo caricano sia la pagina di accesso sia la V2,
   come «IRIDay Poppins».

   A riposo si vede solo il disegno: gli strati degli effetti sono trasparenti e le ali non ci sono. Le misure sono
   nelle unità del disegno (480 px): un gesto pensato per i 96 px della pagina di accesso a 26 px non si vedrebbe, per
   questo il segno della shell ha ampiezze sue.

   Spenti dal movimento ridotto del sistema, dalle animazioni della Company e dal tema per le videochiamate: il
   permesso (`--iriday-mark-motion`) va a 0, lo script non scrive più `data-effect` e il segno resta al riposo.
   ================================================================================ */
.iriday-mark {
  --iriday-mark-motion: 1;
  --iriday-mark-shine: .38;
  --iriday-mark-facet: .3;
  --iriday-mark-ray: 16px;
  --iriday-mark-wing: 3deg;
  --iriday-mark-tilt: 4deg;
  --iriday-mark-depth: 360px;
  display: block;
  overflow: visible;
}

.iriday-mark--shell {
  --iriday-mark-shine: .6;
  --iriday-mark-facet: .42;
  --iriday-mark-ray: 30px;
  --iriday-mark-wing: 8deg;
  --iriday-mark-tilt: 14deg;
  --iriday-mark-depth: 90px;
  width: 100%;
  height: 100%;
}

:root[data-animations=off] .iriday-mark,
:root[data-presentation=spotlight] .iriday-mark {
  --iriday-mark-motion: 0;
}

@media (prefers-reduced-motion: reduce) {
  .iriday-mark {
    --iriday-mark-motion: 0;
  }
}
.iriday-mark__shine-peak {
  stop-opacity: var(--iriday-mark-shine);
}

.iriday-mark__sweep,
.iriday-mark__facet,
.iriday-mark__source,
.iriday-mark__ray {
  opacity: 0;
}

.iriday-mark__ray {
  stroke-width: var(--iriday-mark-ray);
  stroke-dasharray: 12 100;
  stroke-dashoffset: 12;
}

.iriday-mark__source {
  stroke-width: calc(var(--iriday-mark-ray) * 0.8);
}

/* Le ali sono tre copie del disegno, ognuna ritagliata sulla sua: esistono solo mentre si aprono. */
.iriday-mark__wing {
  display: none;
  transform-origin: 56px 426px;
}

/* Una luce diagonale attraversa il segno, che resta fermo. */
.iriday-mark[data-effect=light-sweep] .iriday-mark__sweep {
  animation: iriday-mark-sweep 850ms ease-in-out both;
}

/* Le facce si accendono una dopo l'altra. */
.iriday-mark[data-effect=facet-wave] .iriday-mark__facet {
  animation: iriday-mark-facet 440ms ease-in-out both;
  animation-delay: calc(var(--i) * 45ms);
}

/* Le tre ali si aprono appena dal vertice comune e tornano al loro posto. */
.iriday-mark[data-effect=origami-pulse] .iriday-mark__base {
  visibility: hidden;
}

.iriday-mark[data-effect=origami-pulse] .iriday-mark__wing {
  display: inline;
  animation: iriday-mark-wing 700ms ease-in-out both;
  animation-delay: calc(var(--i) * 110ms);
}

/* Dal vertice comune partono tre impulsi di luce, uno per ala. */
.iriday-mark[data-effect=energy-point] .iriday-mark__ray {
  animation: iriday-mark-ray 700ms ease-out both;
}

.iriday-mark[data-effect=energy-point] .iriday-mark__source {
  animation: iriday-mark-source 500ms ease-out both;
}

/* Il segno si inclina un poco nello spazio, con un filo di luce in più. */
.iriday-mark[data-effect=micro-3d-tilt] {
  animation: iriday-mark-tilt 900ms ease-in-out both;
}

@keyframes iriday-mark-sweep {
  0% {
    opacity: 0;
    transform: translateX(0);
  }
  12%, 85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(650px);
  }
}
@keyframes iriday-mark-facet {
  0%, 100% {
    opacity: 0;
  }
  35% {
    opacity: var(--iriday-mark-facet);
  }
}
@keyframes iriday-mark-wing {
  0%, 100% {
    transform: rotate(0deg);
  }
  48% {
    transform: rotate(var(--iriday-mark-wing));
  }
}
@keyframes iriday-mark-ray {
  0% {
    opacity: 0;
    stroke-dashoffset: 12;
  }
  15% {
    opacity: 0.55;
  }
  85% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: -100;
  }
}
@keyframes iriday-mark-source {
  0%, 100% {
    opacity: 0;
  }
  25% {
    opacity: 0.65;
  }
}
@keyframes iriday-mark-tilt {
  0%, 100% {
    transform: perspective(var(--iriday-mark-depth)) rotateX(0deg) rotateY(0deg);
    filter: brightness(1);
  }
  35% {
    transform: perspective(var(--iriday-mark-depth)) rotateX(var(--iriday-mark-tilt)) rotateY(calc(var(--iriday-mark-tilt) * -1));
    filter: brightness(1.08);
  }
  70% {
    transform: perspective(var(--iriday-mark-depth)) rotateX(calc(var(--iriday-mark-tilt) * -0.3)) rotateY(calc(var(--iriday-mark-tilt) * 0.6));
    filter: brightness(1.03);
  }
}
/* Il marchio IRIGuest dentro un testo (Html.BrandText, e da sé in ogni etichetta di campo): come il logo, «IRI» a 700
   e «Guest» a 300, in corsivo e in Poppins, il carattere del sito di IRIGuest. Il maiuscolo delle etichette classiche
   non lo tocca: un marchio si scrive sempre allo stesso modo. Il corsivo lo inclina il browser: di Poppins si servono
   solo i pesi diritti, e altri due file per una parola non valgono. */
.brand-iriguest {
  font-family: "IRIDay Poppins", var(--sh-font, sans-serif);
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
}
.brand-iriguest b {
  font-weight: 700;
}
.brand-iriguest span {
  font-weight: 300;
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

/* Tooltip container */
.iride-tooltip {
  position: relative;
  display: inline-block;
  transition: ease-out 0.3s;
  color: rgba(0, 0, 0, 0.87);
}

/* Tooltip text */
.iride-tooltip .it-content {
  visibility: hidden;
  width: max-content;
  height: max-content;
  /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);*/
  text-align: center;
  /* Position the tooltip text */
  position: fixed;
  z-index: 1;
  /* Fade in tooltip */
  opacity: 0;
}

.tooltip.bs-tooltip-iride.in {
  opacity: 1;
}

.iride-tooltip .it-content,
.bs-tooltip-iride .tooltip-inner,
.bs-popover-iride {
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
  color: var(--text-iride-tooltip);
  background-color: var(--background-color) !important;
  padding: 5px 10px;
  /*max-width: max-content;*/
  border-radius: 0;
  opacity: 1 !important;
}

.bs-popover-iride.popover {
  border-radius: 0px;
  padding: 0px;
  background-color: var(--background-color);
  max-width: fit-content;
  position: fixed;
}

.bs-popover-iride.popover.top > .arrow {
  bottom: -10px;
}

.bs-popover-iride.popover.left > .arrow {
  right: -10px;
}

.bs-popover-iride .popover-title {
  padding: 5px 7px;
  margin: 0;
  color: var(--theme-secondary-ink);
  font-weight: bold;
  background: initial;
  border-radius: 0;
}

.bs-popover-iride .popover-content {
  max-width: fit-content;
}

.bs-popover-iride .it-title {
  display: none;
}

.iride-tooltip .it-content > * {
  padding: 5px 10px;
}

.iride-tooltip.active .it-content {
  visibility: visible;
  opacity: 1;
}

.iride-tooltip:not(.active) .it-title,
.iride-tooltip:not(.active) .it-content {
  display: none;
}

.iride-tooltip.menu .it-content {
  padding: 0px;
}

.iride-tooltip.menu table.flat {
  margin-top: 0 !important;
}

/* Il piano dei menu contestuali: quello della shell v2 quando c'è (`--sh-z-menu`, sopra pagina,
   pannelli e navigazione, sotto i menu della topbar e le modali), altrimenti il numero altissimo
   di sempre, che è ciò che la shell precedente ha sempre usato.
   ⚠ Chrome tronca comunque a 2.147.483.647: il valore scritto qui non era un piano, era un modo
   di dire «sopra tutto» — e sopra le modali di Bootstrap, che è dove non deve stare. */
.iride-tooltip .it-content {
  z-index: var(--sh-z-menu, 99999999);
}

.iride-tooltip .tooltip-foo {
  border-top: 1px solid var(--default-tbl-line-color);
  margin-top: 5px;
  padding-top: 5px;
}

.iride-tooltip.menu table.flat td {
  text-align: left;
}

.iride-tooltip.menu table.flat tr.lnk .ctx-menu-icon,
.iride-tooltip.menu table.flat tr.lnk .ctx-menu-text {
  display: table-cell;
}

.iride-tooltip.menu table.flat tr.lnk {
  width: 100%;
}

.iride-tooltip.menu table.flat tr.lnk a {
  padding: 0;
  color: inherit;
  text-decoration: none;
  display: table-row;
  width: 100%;
}

/* Una voce del menu si scrive in due forme: una cella sola in `colspan` con dentro il link che
   fa da riga (`tr.lnk`), oppure due celle vere. Le righe con due celle devono conservare il
   layout tabellare: trasformarle in blocchi crea una griglia anonima per ogni riga e altera il
   calcolo delle dimensioni intrinseche, con effetti collaterali sull'overflow. L'allineamento fra
   le due forme è garantito dalla larghezza di 40 px assegnata qui sotto alla colonna dell'icona. */
.iride-tooltip.menu table.flat tr.lnk .ctx-menu-icon,
.iride-tooltip.menu table.flat tr:not(.lnk) > td:first-child {
  width: 40px;
  text-align: center;
}

/* `width` su una cella è solo una proposta: senza un minimo la colonna dell'icona è la prima a
   cedere quando il pannello è più stretto della voce più lunga. Il minimo è solo per le voci:
   nelle tabelle di dati che stanno anch'esse nei pannelli `.menu` la prima colonna deve
   restare libera di misurarsi sul contenuto. */
.iride-tooltip.menu table.flat tr.lnk .ctx-menu-icon,
.iride-tooltip.menu table.flat tr:not(.lnk):has(> td.text) > td:first-child {
  min-width: 40px;
}

.iride-tooltip.menu table.flat tr .ctx-menu-icon,
.iride-tooltip.menu table.flat tr > td:first-child {
  padding: 0px;
}

.iride-tooltip.menu table.flat tr td.text,
.iride-tooltip.menu table tr.lnk .ctx-menu-text {
  min-width: 100px;
  padding-right: 10px;
  padding-left: 0;
  text-align: left;
}

.iride-tooltip.menu table tr:hover td {
  background: var(--background-color-light-alt) !important;
}

.iride-tooltip.menu table tr td:first-child {
  text-align: center;
}

.iride-tooltip.menu table tr {
  cursor: pointer;
}

.iride-tooltip.menu table.flat tr td {
  height: 35px;
  padding: 0;
}

/* Il titolo di un gruppo di voci («Riepiloga in», `CtxMenuItem.IsHeading`): dice che cosa fanno le voci che seguono, e non
   si preme. Il filo lo stacca da quelle di prima, e il testo parte dove parte quello delle voci (40 px).
   ⚠ Il selettore deve pesare più di `tr:not(.lnk) > td:first-child` qui sopra, che centra e stringe la colonna dell'icona:
   per questo il `:not(.lnk)`, che a una riga di titolo non aggiunge nulla. Lo sfondo vince anche sul passaggio. */
.iride-tooltip.menu table tr.ctx-menu-heading {
  cursor: default;
}

.iride-tooltip.menu table.flat tr.ctx-menu-heading:not(.lnk) > td:first-child {
  width: auto;
  height: auto;
  padding: 8px 10px 4px 40px;
  border-top: 1px solid var(--default-tbl-line-color);
  background: transparent !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: left;
  text-transform: uppercase;
  opacity: 0.7;
}

/* La riga che dice perché un gruppo non ha voci («Documento totalmente riepilogato»): la forma di una voce, ma si legge e non
   si preme, quindi niente puntatore né passaggio. Stesso peso del selettore del titolo, per la stessa ragione. */
.iride-tooltip.menu table tr.ctx-menu-note {
  cursor: default;
}

.iride-tooltip.menu table.flat tr.ctx-menu-note:not(.lnk) > td {
  background: transparent !important;
  opacity: 0.7;
}

/* Nella V2 il colore lo dà il contesto: il nero all'87 % sullo scuro spariva (costi del Monitoraggio, «i» delle etichette).
   Nella classica col tema Scuro lo copriva theme_dark, oggi limitato alla classica (NOTES.md §245). */
.shell-v2-body .iride-tooltip {
  color: inherit;
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

/*Now the CSS*/
.tree ul {
  margin: 0;
  padding: 0;
}

.tree ul {
  margin: 0;
  padding: 0;
  padding-top: 15px;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.tree li {
  float: left;
  text-align: center;
  list-style-type: none;
  position: relative;
  padding: 15px 5px 0 5px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/
/* I connettori nella shell nuova sono il filo forte dei bordi: #ccc sullo scuro abbagliava (11,6:1), sul
   bianco quasi spariva. Nella classica restano le due variabili di prima. */
.tree li::before, .tree li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 1px solid var(--sh-line-strong, var(--default-line-color));
  width: 50%;
  height: 15px;
}

.tree li::after {
  right: auto;
  left: 50%;
  border-left: 1px solid var(--sh-line-strong, var(--text-light-color-2));
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
  display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child {
  padding-top: 0;
}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after {
  border: 0 none;
}

/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
  border-right: 1px solid var(--sh-line-strong, var(--default-line-color));
  border-radius: 0 1px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
}

.tree li:first-child::after {
  border-radius: 1px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree-not-changed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid var(--sh-line-strong, var(--default-line-color));
  width: 0;
  height: 15px;
}

.tree-changed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid var(--sh-line-strong, var(--default-line-color));
  width: 0;
  height: 30px;
}

.tree li .node {
  text-align: left;
  /*overflow: hidden;*/
  cursor: pointer;
  font-family: verdana;
  font-size: 12px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  display: inline-block;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  max-width: 150px;
  min-width: 150px;
}

/* Il colore del nodo è il nome della tavolozza scelto per l'articolo (`color="red"`, bom-tree.js). Testata, bordo
   e icona leggono cinque variabili invece di tre regole per colore: qui i valori della classica, in coda al foglio
   quelli della shell nuova. La testata ha un testo per colore: il bianco di prima sul giallo stava a 1,66:1, e sotto
   4,5:1 su sette colori su nove. */
.tree li .node {
  --bom-acc: var(--text-link-color-1);
  --bom-head-bg: var(--bom-acc);
  --bom-head-fg: var(--bom-on, var(--text-main-color));
  --bom-edge: var(--text-light-color-2);
}

/* Il testo sopra la tinta piena: bianco dove arriva a 3:1 (viola, blu, rosso, «nero»), come la cifra delle fasi; #10151b sugli
   altri. Sul blu e sul rosso il bianco sta a 3,15 e 3,82:1, sotto il 4,5 del testo di 14 px: scelta del committente (NOTES.md §356.1). */
/* Nella classica l'inchiostro è la tinta stessa; nella shell nuova quello della tavolozza per aspetto
   (--ird-ink-*), leggibile sul chiaro e sullo scuro. */
.tree li .node[color=red],
#bom-level-form .component > .wrap[color=red] {
  --bom-acc: var(--ird-color-palette-red);
  --bom-on: #fff;
  --bom-ink: var(--ird-ink-red, var(--bom-acc));
  --bom-edge: var(--bom-ink);
}

#bom-level-form .component > .wrap[color=red] .header {
  border-bottom: 1px solid var(--bom-ink);
  background-color: color-mix(in srgb, var(--bom-ink) 10%, transparent);
}

#bom-level-components .component > .wrap[color=red] a#navigate-bom {
  color: var(--bom-ink);
}

.tree li .node[color=blue],
#bom-level-form .component > .wrap[color=blue] {
  --bom-acc: var(--ird-color-palette-blue);
  --bom-on: #fff;
  --bom-ink: var(--ird-ink-blue, var(--bom-acc));
  --bom-edge: var(--bom-ink);
}

#bom-level-form .component > .wrap[color=blue] .header {
  border-bottom: 1px solid var(--bom-ink);
  background-color: color-mix(in srgb, var(--bom-ink) 10%, transparent);
}

#bom-level-components .component > .wrap[color=blue] a#navigate-bom {
  color: var(--bom-ink);
}

.tree li .node[color=yellow],
#bom-level-form .component > .wrap[color=yellow] {
  --bom-acc: var(--ird-color-palette-yellow);
  --bom-on: #10151b;
  --bom-ink: var(--ird-ink-yellow, var(--bom-acc));
  --bom-edge: var(--bom-ink);
}

#bom-level-form .component > .wrap[color=yellow] .header {
  border-bottom: 1px solid var(--bom-ink);
  background-color: color-mix(in srgb, var(--bom-ink) 10%, transparent);
}

#bom-level-components .component > .wrap[color=yellow] a#navigate-bom {
  color: var(--bom-ink);
}

.tree li .node[color=orange],
#bom-level-form .component > .wrap[color=orange] {
  --bom-acc: var(--ird-color-palette-orange);
  --bom-on: #10151b;
  --bom-ink: var(--ird-ink-orange, var(--bom-acc));
  --bom-edge: var(--bom-ink);
}

#bom-level-form .component > .wrap[color=orange] .header {
  border-bottom: 1px solid var(--bom-ink);
  background-color: color-mix(in srgb, var(--bom-ink) 10%, transparent);
}

#bom-level-components .component > .wrap[color=orange] a#navigate-bom {
  color: var(--bom-ink);
}

.tree li .node[color=purple],
#bom-level-form .component > .wrap[color=purple] {
  --bom-acc: var(--ird-color-palette-purple);
  --bom-on: #fff;
  --bom-ink: var(--ird-ink-purple, var(--bom-acc));
  --bom-edge: var(--bom-ink);
}

#bom-level-form .component > .wrap[color=purple] .header {
  border-bottom: 1px solid var(--bom-ink);
  background-color: color-mix(in srgb, var(--bom-ink) 10%, transparent);
}

#bom-level-components .component > .wrap[color=purple] a#navigate-bom {
  color: var(--bom-ink);
}

.tree li .node[color=green],
#bom-level-form .component > .wrap[color=green] {
  --bom-acc: var(--ird-color-palette-green);
  --bom-on: #10151b;
  --bom-ink: var(--ird-ink-green, var(--bom-acc));
  --bom-edge: var(--bom-ink);
}

#bom-level-form .component > .wrap[color=green] .header {
  border-bottom: 1px solid var(--bom-ink);
  background-color: color-mix(in srgb, var(--bom-ink) 10%, transparent);
}

#bom-level-components .component > .wrap[color=green] a#navigate-bom {
  color: var(--bom-ink);
}

.tree li .node[color=teal],
#bom-level-form .component > .wrap[color=teal] {
  --bom-acc: var(--ird-color-palette-teal);
  --bom-on: #10151b;
  --bom-ink: var(--ird-ink-teal, var(--bom-acc));
  --bom-edge: var(--bom-ink);
}

#bom-level-form .component > .wrap[color=teal] .header {
  border-bottom: 1px solid var(--bom-ink);
  background-color: color-mix(in srgb, var(--bom-ink) 10%, transparent);
}

#bom-level-components .component > .wrap[color=teal] a#navigate-bom {
  color: var(--bom-ink);
}

.tree li .node[color=grey],
#bom-level-form .component > .wrap[color=grey] {
  --bom-acc: var(--ird-color-palette-grey);
  --bom-on: #10151b;
  --bom-ink: var(--ird-ink-grey, var(--bom-acc));
  --bom-edge: var(--bom-ink);
}

#bom-level-form .component > .wrap[color=grey] .header {
  border-bottom: 1px solid var(--bom-ink);
  background-color: color-mix(in srgb, var(--bom-ink) 10%, transparent);
}

#bom-level-components .component > .wrap[color=grey] a#navigate-bom {
  color: var(--bom-ink);
}

.tree li .node[color=black],
#bom-level-form .component > .wrap[color=black] {
  --bom-acc: var(--ird-color-palette-black);
  --bom-on: #fff;
  --bom-ink: var(--ird-ink-black, var(--bom-acc));
  --bom-edge: var(--bom-ink);
}

#bom-level-form .component > .wrap[color=black] .header {
  border-bottom: 1px solid var(--bom-ink);
  background-color: color-mix(in srgb, var(--bom-ink) 10%, transparent);
}

#bom-level-components .component > .wrap[color=black] a#navigate-bom {
  color: var(--bom-ink);
}

.tree li .node .icon {
  color: var(--bom-ink);
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
/*.tree li div:hover, .tree li div:hover + ul li div {
        background: var(--text-light-color-2);
        color: #162123;
        border: 1px solid var(--light-border-color);
    }*/
/*Connector styles on hover
        .tree li div:hover + ul li::after,
        .tree li div:hover + ul li::before,
        .tree li div:hover + ul::before,
        .tree li div:hover + ul ul::before {
            border-color: var(--light-border-color);
        }*/
.tree-container {
  margin-bottom: 20px;
  display: flex;
  align-content: center;
  justify-content: center;
}

/*Thats all. I hope you enjoyed it.
Thanks :)*/
/*.add-tree li div {
    background: var(--text-light-color-2);
    color: #162123;
    border: 1px solid var(--light-border-color);
}*/
.tree .color-level-node {
  background-color: var(--selected-bg-color);
}

.tree .head-tree-node {
  height: 21px;
  font-size: 14px;
  display: block;
  background: var(--bom-head-bg);
  padding: 0 3px;
  color: var(--bom-head-fg);
  border: 1px solid var(--bom-acc);
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.tree .desc-tree-node {
  display: block;
  color: var(--sh-text-2, #777777);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 150px;
  min-height: 18px;
}

.tree .qta-tree-node {
  display: block;
  text-align: right;
  color: var(--sh-text, var(--text-main-color-2-darker));
  min-height: 18px;
}

.tree .qta-tree-node,
.tree .desc-tree-node {
  padding: 0px 3px;
  vertical-align: bottom;
}

.tree .level-icon {
  position: relative;
  font-size: 42px;
}

.tree .voffset-3 {
  margin-top: 3px;
}

.tree .voffset-6 {
  margin-top: 6px;
}

.tree .voffset-9 {
  margin-top: 9px;
}

.tree .voffset-15 {
  margin-top: 15px;
}

.tree .folder {
  background-color: #d9edf7;
  padding: 15px 0;
  /*border-radius: 5px;*/
}

.tree .folder:hover {
  background-color: #B3D9EC;
}

.tree .stage-content {
  /*padding: 5px 0px;*/
}

.tree .body-tree-node {
  border-left: solid 1px var(--bom-edge);
  border-right: solid 1px var(--bom-edge);
  border-bottom: solid 1px var(--bom-edge);
  position: relative;
}

/*.tree .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .4;
    font-size: 30px;
}*/
.tree .as {
  text-align: left;
  font-size: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 3px 0;
  /*background-color:var(--light-border-color);*/
  margin: 5px;
  padding: 0px 5px;
  border-left: 3px solid var(--default-line-color);
}

.tree .qty-wrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 5px;
}

.add-btn {
  cursor: pointer;
}

#bom-level-form .main-article.component > .wrap,
#bom-level-form .main-article.component > .wrap .header {
  border-width: 3px;
  border-bottom-width: 3px !important;
}

#bom-level-form .component > .wrap {
  margin-right: 10px;
  position: relative;
  vertical-align: top;
  border: 1px solid var(--bom-edge, var(--light-border-color));
  position: relative;
  display: inline-block;
  width: 100%;
  transition: ease-in 0.5s;
}

/* Bordo, testata e collegamento dei riquadri colorati: le variabili della regola per colore dei nodi, qui sopra. */
#bom-level-form .add-article-stage {
  width: 100%;
}

#bom-level #bom-level-form .buttons,
#bom-level-form .add-article-stage {
  position: relative;
}

#bom-level-form .buttons .wrap .btn {
  margin: 0px 15px;
}

#bom-level-form .buttons .search-stage,
#bom-level-form .buttons .search-component {
  width: 80%;
  top: 10%;
  position: absolute;
  text-align: center;
}

#bom-level-form .buttons .search-stage {
  font-size: 30px;
}

#bom-level-form .buttons .search-component {
  font-size: 25px;
}

#bom-level-form .search-button {
  position: absolute;
  color: var(--ird-ink-blue, var(--ird-color-palette-blue));
  cursor: pointer;
}

#bom-level-form .buttons .search-stage .result #bom-level-form .buttons .search-component .result {
  font-size: 20px;
  padding: 4px;
}

#bom-level-form .component .article-img,
#bom-level-form .component .article-details {
  display: inline-block;
}

#bom-level-form .component .article-img {
  width: 150px;
  vertical-align: top;
}

#bom-level-form .component .article-details {
  margin-right: 10px;
  width: -webkit-calc(100% - 170px);
  width: -moz-calc(100% - 170px);
  width: calc(100% - 170px);
}

#bom-level-form .component .article-details .field,
#bom-level-form .article-details .field,
#bom-level-form .article-stage .field {
  margin: 0;
  padding-bottom: 5px;
  width: 100%;
}

/*#bom-level-form .component .article-details .code {
    margin-left: 40px;
    width: -webkit-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: calc(100% - 100px);
    vertical-align: bottom;
}*/
#bom-level-form .component .article-details .description {
  max-width: 100%;
  min-width: 100%;
}

#bom-level-form .component .header {
  font-size: 20px;
  padding: 5px 0;
  position: relative;
}

#bom-level-form .component .header .sub-header {
  font-size: 15px;
  display: block;
}

#bom-level-form .component .body {
  padding: 15px;
}

#bom-level-form .section-title {
  /*margin: 20px 0px;*/
  /*padding-left: 15px;*/
}

#bom-level-form .article-stage {
  width: 100%;
  position: relative;
  margin: 10px 0;
  display: table;
}

#bom-level-form .article-stage .number-section,
#bom-level-form .article-stage .article-stage-details {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid var(--sh-line-strong, var(--text-link-color-1));
  transition: 0.5s;
}

#bom-level-form .article-stage .article-stage-details {
  padding: 10px;
}

#bom-level-form .article-stage .article-stage-details .stage-description textarea {
  resize: vertical;
}

/* Il numero della fase: nella classica un blocco pieno del colore dei collegamenti (sul tema Scuro argento, con
   le cifre bianche a 1,8:1); nella shell nuova l'incavo, le cifre del testo e un filo d'accento a sinistra. */
#bom-level-form .article-stage .number-section {
  width: 50px;
  font-size: 35px;
  background-color: var(--sh-sunken, var(--text-link-color-1));
  box-shadow: inset 3px 0 0 var(--sh-acc-ink, transparent);
  color: var(--sh-text, white);
  text-align: center;
  transition: 0.5s;
}

/* Con il colore della fase (`Article.js`, `updateStageColor`) il riquadro è già pieno: niente filo d'accento, e cifre e
   frecce bianche sui colori scuri, scure sui chiari. Lo scuro è fisso, non `--sh-text`: il fondo resta chiaro anche nell'aspetto scuro. */
#bom-level-form .article-stage .number-section[data-stage-ink] {
  box-shadow: none;
}

#bom-level-form .article-stage .number-section[data-stage-ink=light] {
  color: #ffffff;
}

#bom-level-form .article-stage .number-section[data-stage-ink=dark] {
  color: #10151b;
}

#bom-level-form .article-stage .number-section .wrapper {
  width: 100%;
}

#bom-level-form .article-stage .number-section .arrow {
  cursor: pointer;
  font-size: 30px;
}

#bom-level-form .article-stage .move-stage-panel .arrow .icon {
  margin: auto;
}

#bom-level-form .article-stage .number-section .stage-number {
  margin: auto;
}

#bom-level-form .article-stage .article-stage-details .header {
  font-size: 22px;
  position: relative;
}

#bom-level-form .article-stage .body {
  position: relative;
}

#bom-level-form [type=number] {
  text-align: center;
}

#bom-level-form .article-stage .header .delete-btn {
  color: var(--sh-text-3, var(--text-light-color-2));
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
}

#bom-level-form .article-stage .workgroup-btn {
  color: var(--sh-text-3, var(--text-light-color-2));
  position: absolute;
  right: 40px;
  top: 0px;
  cursor: pointer;
}

#bom-level-form .edit-link {
  color: var(--sh-text, black);
}

#bom-level-form .edit-link:hover {
  color: var(--sh-acc-ink, var(--text-link-color-1));
  transition: color 0.3s;
  text-decoration: none;
}

#bom-level-form .confirm-component-panel,
#bom-level-form .confirm-stage-panel {
  text-align: center;
}

#bom-level-form .confirm-component-panel .btn #bom-level-form .confirm-component-stage .btn {
  margin: 0 15px;
}

#bom-level-form .child-article .delete-panel,
#bom-level-form .article-stage .delete-panel {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--sh-card, white);
  text-align: center;
}

#bom-level-form .child-article .delete-panel .wrap {
  border: none;
}

#bom-level-form .article-stage .delete-panel {
  border: 2px solid var(--light-border-color);
}

#bom-level-form .article-stage .delete-panel .btn,
#bom-level-form .child-article .delete-panel .btn {
  margin: 0 10px;
}

#bom-level-form .default-targets .article-stage-target {
  width: 100%;
  position: relative;
  background-color: var(--sh-card, white);
  border: 1px solid var(--light-border-color);
  color: var(--sh-text-2, var(--text-secondary-color));
}

#bom-level-form .default-targets .article-stage-target.iride-tile .title {
  width: 35px !important;
}

#bom-level-form .default-targets .article-stage-target .input-autocomplete {
  width: 100%;
  color: var(--text-main-color-2) !important;
}

#bom-level-form .article-stage .qc-group .qg-name {
  font-weight: bold;
  color: var(--sh-text-2, var(--text-secondary-color));
}

#bom-level-form .article-stage .qc-group {
  text-align: left;
  padding: 10px;
  margin: 5px;
  vertical-align: top;
  border-bottom: 1px solid var(--light-border-color);
}

#EditBomModal.form-changed #bom-form {
  display: none;
}

#EditBomModal #modal-panel-not-saved {
  display: none;
}

#modal-panel-not-saved {
  display: none;
}

#EditBomModal.form-changed #modal-panel-not-saved {
  min-height: 470px;
  justify-content: center;
  align-items: center;
  display: flex;
  text-align: center;
}

#EditBomModal.form-changed #modal-panel-not-saved .btn {
  margin: 0 10px;
}

#EditBomModal.form-changed .modal-footer .button {
  display: none;
}

#bom-level-form .component .header a {
  text-decoration: none !important;
}

#bom-level-form .article-stage-target {
  display: table;
}

#bom-level-form .article-stage-target .moving-section {
  width: 30px;
}

#bom-level-form .article-stage-target .unit {
  font-size: 25px;
  color: var(--sh-acc-ink, var(--text-link-color-1));
}

#bom-level-form .article-stage-target .up-btn,
#bom-level-form .article-stage-target .down-btn {
  font-size: 25px;
  cursor: pointer;
}

#bom-level-form .article-stage-target:not(.hide):first-of-type .up-btn,
#bom-level-form .article-stage-target:not(.hide):last-of-type .down-btn {
  opacity: 0;
  pointer-events: none;
}

#bom-level-form .article-stage .body > .section {
  padding-bottom: 15px !important;
  margin-bottom: 15px !important;
}

#bom-level-form .article-stage .body > .section:not(:last-child) {
  border-bottom: 1px solid var(--light-border-color);
}

#bom-level-form .move-msg-warning-panel {
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--sh-danger, var(--reminder-background-color-1));
  color: var(--sh-danger, var(--reminder-background-color-1));
}

#bom-level-form .move-msg-warning-panel .msg {
  text-transform: uppercase;
}

#bom-level-form .equipments .equipment,
#bom-level-form .ppes .ppe {
  border: 1px solid var(--sh-line-strong, #ddd);
  width: 100%;
  padding: 5px 10px !important;
  margin-bottom: 10px;
  text-align: left;
}

#bom-level-form .equipments .equipment [name*=".Quantity"],
#bom-level-form .ppes .ppe [name*=".Quantity"] {
  width: 100px !important;
  text-align: left;
}

#bom-level-form[ppes=false] .article-stage .ppes-wrap,
#bom-level-form[equipments=false] .article-stage .equipments-wrap,
#bom-level-form[consumables=false] .article-stage .consumables-wrap {
  display: none;
}

#bom-level-form[manage-type="0"] #bom-level-components .buttons,
#bom-level-form[manage-type="0"] #bom-level-phases .buttons {
  display: none;
}

#bom-level-form[manage-type="0"] #bom-level-components .child-article .body,
#bom-level-form[manage-type="0"] #bom-level-phases .article-stage .number-section,
#bom-level-form[manage-type="0"] #bom-level-phases .article-stage .header, #bom-level-form .buttons .wrap #bom-level-form[manage-type="0"] #bom-level-phases .article-stage .body {
  pointer-events: none;
}

#bom-level-form[manage-type="0"] #bom-level-components .child-article.component .wrap,
#bom-level-form[manage-type="0"] #bom-level-phases .article-stage {
  opacity: 0.5;
}

#bom-level-components .component .buttons,
#bom-level-phases .article-stage .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}

#bom-level-components .component .buttons .wrap,
#bom-level-phases .article-stage .buttons .wrap {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  /*background-color: #eee;*/
  padding: 0 15px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
}

#bom-level-phases .article-stage > .wrap {
  display: table;
  width: 100%;
}

/*
.component .buttons {
    transition: background-color 0.3s ease
}*/
#bom-level-components .component .buttons .trigger,
#bom-level-phases .buttons .trigger {
  text-align: center;
  width: 300px;
}

#bom-level-phases .last-position .buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#bom-level-phases .last-position .buttons .wrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 15px;
}

#bom-level-components .component:not(.hide):not(:has(~ .component:not(.hide))) .buttons .trigger,
#bom-level-components .component .buttons .trigger:hover,
#bom-level-phases .article-stage .buttons .trigger:hover {
  background: initial;
  /*border: 1px solid var(--default-line-color);*/
}

#bom-level-components .component:not(.hide):not(:has(~ .component:not(.hide))) .buttons .trigger .wrap,
#bom-level-components .component .buttons .trigger:hover .wrap,
#bom-level-phases .article-stage .buttons .trigger:hover .wrap {
  max-height: 300px;
  padding: 15px;
  margin-bottom: 10px;
}

/* ================================================================================
   Shell nuova: i nodi della distinta dai token (NOTES.md §245)
   --------------------------------------------------------------------------------
   Il colore dell'articolo è l'identità del nodo: testata piena (dal 2026-11-11, come nella classica), bordo e
   icona con l'inchiostro della tavolozza per aspetto (--ird-ink-*), fondo della carta. Senza un colore, testata
   tenue con il testo della pagina e il filo forte dei bordi.
   ================================================================================ */
.shell-v2-body .tree li .node {
  --bom-mark: var(--bom-ink, var(--sh-line-strong));
  --bom-head-bg: color-mix(in srgb, var(--bom-mark) 16%, var(--sh-card));
  --bom-head-fg: var(--sh-text);
  --bom-edge: var(--bom-mark);
  background-color: var(--sh-card);
}

/* Il livello aperto (il nodo scelto e i suoi figli) si riconosce dalla tinta d'accento, non da un blocco. */
.shell-v2-body .tree li .node.color-level-node {
  background-color: var(--sh-acc-soft);
}

/* La riga d'inchiostro sta dentro la testata e non ne cambia l'altezza di 21 px. */
.shell-v2-body .tree .head-tree-node {
  border-color: var(--bom-edge);
  box-shadow: inset 0 2px 0 var(--bom-mark);
}

/* Con un colore la testata torna piena, come nella classica (richiesta del committente, 2026-11-11): il colore si riconosce a colpo
   d'occhio. Il testo è quello di `$bom-colors`. */
.shell-v2-body .tree li .node[color=red] {
  --bom-head-bg: var(--bom-acc);
  --bom-head-fg: #fff;
}
.shell-v2-body .tree li .node[color=red] .head-tree-node {
  border-color: var(--bom-acc);
  box-shadow: none;
}

.shell-v2-body .tree li .node[color=blue] {
  --bom-head-bg: var(--bom-acc);
  --bom-head-fg: #fff;
}
.shell-v2-body .tree li .node[color=blue] .head-tree-node {
  border-color: var(--bom-acc);
  box-shadow: none;
}

.shell-v2-body .tree li .node[color=yellow] {
  --bom-head-bg: var(--bom-acc);
  --bom-head-fg: #10151b;
}
.shell-v2-body .tree li .node[color=yellow] .head-tree-node {
  border-color: var(--bom-acc);
  box-shadow: none;
}

.shell-v2-body .tree li .node[color=orange] {
  --bom-head-bg: var(--bom-acc);
  --bom-head-fg: #10151b;
}
.shell-v2-body .tree li .node[color=orange] .head-tree-node {
  border-color: var(--bom-acc);
  box-shadow: none;
}

.shell-v2-body .tree li .node[color=purple] {
  --bom-head-bg: var(--bom-acc);
  --bom-head-fg: #fff;
}
.shell-v2-body .tree li .node[color=purple] .head-tree-node {
  border-color: var(--bom-acc);
  box-shadow: none;
}

.shell-v2-body .tree li .node[color=green] {
  --bom-head-bg: var(--bom-acc);
  --bom-head-fg: #10151b;
}
.shell-v2-body .tree li .node[color=green] .head-tree-node {
  border-color: var(--bom-acc);
  box-shadow: none;
}

.shell-v2-body .tree li .node[color=teal] {
  --bom-head-bg: var(--bom-acc);
  --bom-head-fg: #10151b;
}
.shell-v2-body .tree li .node[color=teal] .head-tree-node {
  border-color: var(--bom-acc);
  box-shadow: none;
}

.shell-v2-body .tree li .node[color=grey] {
  --bom-head-bg: var(--bom-acc);
  --bom-head-fg: #10151b;
}
.shell-v2-body .tree li .node[color=grey] .head-tree-node {
  border-color: var(--bom-acc);
  box-shadow: none;
}

.shell-v2-body .tree li .node[color=black] {
  --bom-head-bg: var(--bom-acc);
  --bom-head-fg: #fff;
}
.shell-v2-body .tree li .node[color=black] .head-tree-node {
  border-color: var(--bom-acc);
  box-shadow: none;
}

/* Il codice del componente è testo, non un segno: l'inchiostro della tavolozza (pensato per 3:1) un passo verso il
   testo della pagina, così anche il giallo sul chiaro e il «nero» sullo scuro reggono 4,5:1 sulla testata tinta. */
.shell-v2-body #bom-level-components .component > .wrap a#navigate-bom {
  color: color-mix(in srgb, var(--bom-ink, var(--sh-acc-ink)) 70%, var(--sh-text));
}

/* I titoli di sezione classici (Gestione fasi, Componenti, Fasi di lavoro) pesavano più del titolo della
   pagina: nella shell nuova sono intestazioni di sezione, piccole e maiuscole. */
.shell-v2-body #bom-form .section-title > h3,
.shell-v2-body #bom-level-form .section-title > h3 {
  font-size: var(--sh-fs-sm);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sh-text-2);
}

.shell-v2-body #bom-form .section-title > h3 .glyphicon,
.shell-v2-body #bom-level-form .section-title > h3 .glyphicon {
  color: var(--sh-text-3);
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

#index-filterBox.filterBox {
  /*margin: 10px 0 10px 0;*/
  padding: 2px 5px 0px 5px;
  position: fixed;
  background-color: var(--background-color);
  z-index: 99;
  top: 35px;
  padding-top: 25px;
  /*width: 93% !important;*/
}

.filterBox .value:focus {
  outline: 0 !important;
}

.filterBox .input-group .input-group-addon {
  width: 40px;
}

.filterBox .filterLabel {
  margin-right: 10px;
}

.filterBox .advanced-filter .filterLabel {
  float: left;
}

.filterBox .value ::-ms-clear {
  display: none;
}

.filterBox .advanced-filter {
  /*max-height - viene calcolata al document-ready nella partial PartialSearchBar*/
  position: relative;
  height: 100%;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*overflow: hidden;*/
  margin-bottom: 10px;
  border-top: 1px solid var(--separator-color);
  margin-top: 5px;
  margin-bottom: 5px;
}

.filterBox .advanced-filter.collapsed {
  max-height: 0 !important;
  opacity: 0;
  margin-bottom: 0;
  margin-bottom: 0px;
  overflow-y: hidden;
}

.filterBox .multiselect-container {
  max-height: 300px;
  overflow-y: auto;
}

.filterBox .generic-filter.collapsed .filter-text-container .filter-text {
  background-color: var(--neutral-bg-color) !important;
  pointer-events: none !important;
}

.filterBox .generic-filter.collapsed .collapsed-icon,
.filterBox .generic-filter:not(.collapsed) .display-text,
.filterBox .generic-filter:not(.collapsed) .uncollapsed-icon {
  display: none;
  cursor: pointer;
  vertical-align: middle;
}

.filterBox .filter-text-container [class*=-btn] {
  cursor: pointer;
  padding: 0px 10px;
}

.filterBox .filter-text-container [class*=-btn]:hover {
  background-color: var(--iride-filter-hoover-button);
}

.filterBox .generic-filter.collapsed .filter-date-container {
  opacity: 0;
  max-height: 0 !important;
  height: 0px;
  position: absolute;
}

.filterBox .filter-date-container {
  margin-left: 53px;
  margin-top: 5px;
  position: relative;
}

.filterBox .advanced-filter input.value,
.filterBox .advanced-filter select.value,
.filterBox .additional-filter input.value,
.filterBox .additional-filter select.value {
  height: 30px !important;
}

.filterBox .generic-filter .datetimepicker {
  position: relative;
}

.filterBox .additional-filter .search-field,
.filterBox .advanced-filter .search-field,
.filter-date-container-ex {
  border: 1px solid var(--default-line-color);
  padding: 5px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}

.filterBox .search-field .field-name,
.filterBox .search-field .field-wrp,
.filter-date-container-ex .field-name,
.filter-date-container-ex .field-wrp {
  display: inline-block;
  vertical-align: middle;
}

.filterBox .search-field .field-name,
.filter-date-container-ex .field-name {
  padding-left: 5px;
  padding-right: 5px;
}

.filterBox .search-field.setted,
.filter-date-container-ex.setted {
  border: 1px solid var(--theme-secondary-color);
}

.generic-filter #filterText.setted,
.filterBox .search-field.setted input,
.filterBox .search-field.setted select,
.filter-date-container-ex #dateFrom.setted,
.filter-date-container-ex #dateTo.setted {
  font-weight: bold;
  background-color: var(--theme-lighter-color) !important;
  color: var(--theme-main-ink);
}

.filterBox .search-field .range > div,
.filter-date-container-ex .range > div {
  display: inline-block;
  vertical-align: middle;
}

.filterBox .search-field .field-name,
.filter-date-container-ex .field-name {
  color: var(--theme-secondary-ink);
}

.filterBox .filter-date-container-ex .range-selector[hide-past-range=true] option.past-range,
.filterBox .filter-date-container-ex .range-selector[hide-future-range=true] option.future-range {
  display: none;
}

.filterBox .generic-filter, .advanced-filter {
  width: 100%;
  display: inline-block;
}

.filterBox .object-scope a,
.filterBox .status-scope a {
  border: 1px dashed var(--text-light-color-2);
}

.filterBox .object-scope a,
.filterBox .status-scope a {
  cursor: pointer !important;
  font-size: 15px;
  border-radius: 0px;
  color: var(--iride-filterbox-scope-link-text);
}

.filterBox .object-scope a .scope-name,
.filterBox .status-scope a .scope-name {
  text-transform: uppercase;
}

select.select-filter {
  padding-right: 15px;
  height: 26px;
  width: 100%;
  border: none;
  transition: all 0.3s;
  padding-left: 5px;
}

.select.select-filter.bool {
  width: 45px;
}

.select-filter.select-filter:focus {
  -moz-box-shadow: 0 0 5px var(--iride-filter-focus);
  -webkit-box-shadow: 0 0 5px var(--iride-filter-focus);
  box-shadow: 0 0 5px var(--iride-filter-focus);
}

.filterBox .select-filter::-ms-expand {
  display: none;
}

.filterBox .scope-container {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid var(--theme-secondary-color);
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.filterBox .scope-container .status-scope {
  float: right;
}

.filterBox .scope-container .object-scope {
  float: left;
}

/*TODO: PORCATA IMMONDA --> 
    è stata usata la classe searchResult per non so quale cazzo di motivo, impostando lo stile css da javascript e non in base alla classe css.
    Come WOKRAROUND temporane imposto lo stile con !important per nascondere il problema.
    APPENA POSSIBILE CORREGGERE QUELLA CAGATA.
*/
table .searchResult {
  background-color: transparent !important;
}

table tr.searchResult {
  /*background-color: rgba(52, 152, 219,1) !important;*/
  font-style: italic;
  background-color: var(--iride-filter-focus) !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}

.logged-user-filter {
  margin-left: 53px !important;
  margin-top: 15px !important;
  height: 25px !important;
  position: relative !important;
}

@media screen and (max-width: 400px) {
  .filterBox .advanced-filter {
    max-height: 100%;
  }
}
.advanced-filter .search-field .value,
.advanced-filter .search-field .from-value,
.advanced-filter .search-field .to-value,
.additional-filter .search-field .value,
.additional-filter .search-field .from-value,
.additional-filter .search-field .to-value {
  border: 1px solid var(--default-line-color);
}

.advanced-filter .search-field .value:focus,
.advanced-filter .search-field .from-value:focus,
.advanced-filter .search-field .to-value:focus,
.additional-filter .search-field .value:focus,
.additional-filter .search-field .from-value:focus,
.additional-filter .search-field .to-value:focus {
  border-color: var(--theme-main-color);
}

.filterBox .datetimepicker {
  max-width: 180px;
}

.filterBox .input-autocomplete,
.filterBox .select-filter {
  max-width: 280px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-top-color: var(--theme-secondary-color);
  border-left-color: var(--theme-secondary-color);
  border-right-color: var(--theme-secondary-color);
  border-bottom-color: transparent !important;
  color: var(--theme-secondary-ink);
  border-radius: 0px;
}

.filterBox .object-scope a, .filterBox .status-scope a {
  border-bottom: 1px solid var(--theme-secondary-color);
}

.filterBox .nav-tabs {
  border-bottom: none;
}

.filterBox .nav-tabs > li:not(.active) > a:hover {
  border-bottom: 1px solid var(--theme-secondary-color);
}
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.descriptionLanguageSection {
  width: 100%;
}

.descriptionLanguageSection .languageValues {
  position: relative;
}

.descriptionLanguageSection .languageValues textarea {
  min-height: 54px;
  display: block;
  border-radius: 0px !important;
}

.descriptionLanguageSection .languageValues .lang-icon {
  position: absolute;
  bottom: 6px;
  right: 7px;
  height: 15px;
  width: 15px;
}

.descriptionLanguageSection .lang-icon[code=it] {
  background-image: url(Images/CountryFlags/italy.svg);
}

.descriptionLanguageSection .lang-icon[code=en] {
  background-image: url(Images/CountryFlags/united-kingdom.svg);
}

.descriptionLanguageSection .lang-icon[code=de] {
  background-image: url(Images/CountryFlags/germany.svg);
}

.descriptionLanguageSection .lang-icon[code=es] {
  background-image: url(Images/CountryFlags/spain.svg);
}

.descriptionLanguageSection .lang-icon[code=bg] {
  background-image: url(Images/CountryFlags/bulgaria.svg);
}

.descriptionLanguageSection .lang-icon[code=fr] {
  background-image: url(Images/CountryFlags/france.svg);
}

.descriptionLanguageSection .alternative-descr-languages-btn .collapse-icon,
.descriptionLanguageSection .alternative-descr-languages-btn .collapsed-icon {
  margin-right: 5px;
  vertical-align: middle;
}

.descriptionLanguageSection .alternative-descr-languages-btn[aria-expanded=true] .collapse-icon,
.descriptionLanguageSection .alternative-descr-languages-btn[aria-expanded=false] .collapsed-icon {
  display: none;
}

.dimensionSection .collapse-icon,
.dimensionSection .collapsed-icon {
  margin-right: 5px;
  vertical-align: middle;
}

.dimensionSection .dimension-btn[aria-expanded=true] .collapse-icon,
.dimensionSection .dimension-btn[aria-expanded=false] .collapsed-icon {
  display: none;
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.attribute-reminder-container {
  background-color: var(--background-color-light);
  padding: 15px;
  border-radius: 5px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.attribute-reminder-container .header {
  font-size: 20px !important;
  padding: 5px;
}

.attribute-reminder-container .header .description {
  vertical-align: text-top;
}

.attribute-reminder-container .attribute-reminders {
  margin-top: 10px;
  margin-left: 15px;
  width: 100%;
}

.attribute.reminder.active {
  position: fixed;
  z-index: 9000;
  right: 0;
  left: 0;
  top: 15%;
  min-width: 450px;
  min-height: 350px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  overflow: hidden;
  transform: rotate(0deg);
  transition: all 1s;
}

.attribute.reminder {
  width: 40%;
  height: 50%;
  font-size: 25px !important;
}

.attribute.reminder .generic-filter {
  border-bottom: 1px solid;
  margin-bottom: 15px;
}

.attribute.reminder .generic-filter .filter-text-container .filter-icon {
  padding-left: 5px;
  color: inherit !important;
}

.attribute.reminder .generic-filter .filter-text-container .filter-text {
  width: -webkit-calc(100% - 35px);
  width: -moz-calc(100% - 35px);
  width: calc(100% - 35px);
}

.attribute.reminder .target-content {
  overflow: auto;
  max-height: calc(100% - 60px);
  max-height: -webkit-calc(100% - 60px);
  max-height: -moz-calc(100% - 60px);
}

.attribute-reminders-content {
  position: relative;
}

.attribute.reminder {
  float: left;
  margin: 3px;
  transform: rotate(5deg);
  border-radius: 3px;
}

.attribute.reminder.thumbnail {
  font-size: 14px !important;
  width: 130px;
  height: 100px;
  max-width: 130px !important;
  max-height: 100px !important;
  padding: 0px;
  transition: all 1s;
  cursor: pointer;
}

.attribute.reminder .reminder-thumbnail {
  display: none;
}

.attribute.reminder .reminder-header .datetimepicker {
  font-size: 22px;
}

.attribute.reminder.thumbnail .reminder-header {
  font-size: 14px !important;
  text-align: center;
  font-size: 25px;
}

.attribute.reminder.thumbnail .reminder-header .datetimepicker {
  display: none;
}

.attribute.reminder.thumbnail .reminder-body {
  max-width: 150px;
  min-height: 70px;
  padding: 5px;
}

.attribute.reminder.thumbnail .reminder-body > div {
  display: none;
}

.attribute.reminder.thumbnail .reminder-thumbnail {
  display: inline-block;
  font-size: 14px;
}

.attribute.reminder.thumbnail .reminder-body .reminder-targets, .reminder-primary-info {
  display: none;
  overflow: hidden;
}

.attribute.reminder.thumbnail .reminder-footer {
  display: none;
}

.attribute.reminder .reminder-footer {
  position: absolute;
  padding: 5px;
  width: 100%;
  height: 50px;
  bottom: 0;
}

.attribute.reminder .reminder-footer .color-selector > li {
  margin: auto;
  -webkit-transition: opacity 1s, display 1s;
  transition: opacity 1s, display 1s;
}

.attribute.reminder .reminder-footer .color-selector.collapsed {
  width: 0px;
  max-height: 0px;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}

.attribute.reminder .reminder-footer .color-selector.collapsed > li {
  opacity: 0;
  margin: auto;
}

.attribute.reminder .reminder-body {
  width: 100%;
  height: -webkit-calc(100% - 100px ); /*100px = height 50px (.reminder-header) + height 50px (.reminder-footer)*/
  height: -moz-calc(100% -100px); /*100px = height 50px (.reminder-header) + height 50px (.reminder-footer)*/
  height: calc(100% - 100px); /*100px = height 50px (.reminder-header) + height 50px (.reminder-footer)*/
  max-width: none;
  overflow: hidden;
}

.attribute.reminder .reminder-footer .color-controll {
  max-height: 20px;
}

.attribute.reminder .reminder-footer .color-selector {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  width: 180px;
  height: 35px;
  -webkit-transition: width 1s;
  transition: width 1s;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}

.attribute.reminder .reminder-footer .toggle-color {
  display: inline-block;
}

.attribute.reminder .reminder-header {
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.attribute.reminder textarea {
  text-align: justify;
  padding: 10px;
  height: -webkit-calc(100% - 50px); /*50px height (.title-content ) */
  height: -moz-calc(100% -50px); /*50px height (.title-content ) */
  height: calc(100% - 50px); /*50px height (.title-content ) */
  resize: none;
}

.attribute.reminder .datetimepicker {
  margin: auto;
  padding: 3px;
  max-width: 255px;
  text-align: center;
  display: table;
}

.attribute.reminder .reminder-body .reminder-primary-info {
  height: 100%;
  width: 100%;
  display: block;
  padding: 5px;
  -webkit-transition: opacity 0.3s ease 0.3s;
  transition: opacity 0.3s ease 0.3s;
}

.attribute.reminder .reminder-body .reminder-targets {
  height: 100%;
  width: 100%;
  display: block;
  -webkit-transition: opacity 0.3s ease-in 0.3s;
  transition: opacity 0.3s ease-in 0.3s;
  padding: 0px 5px;
}

.attribute.reminder .reminder-body .reminder-primary-info.collapsed {
  width: 0px;
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}

.attribute.reminder .reminder-body .reminder-targets.collapsed {
  width: 0px;
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}

.attribute.reminder .reminder-body .reminder-targets div.row {
  margin: 0;
  display: table-row;
}

.attribute.reminder .reminder-body .reminder-targets div.row div.cell {
  margin: 0;
  display: table-cell;
  padding: 0px !important;
  vertical-align: middle;
}

.attribute.reminder .reminder-title {
  display: inline-block;
  padding: 5px;
  font-size: 25px;
  outline: 0;
}

.attribute.reminder textarea {
  display: block;
  font-size: 20px;
  outline: 0;
}

.attribute.reminder .reminder-header .datetimepicker .input-group-addon {
  margin-left: 50px;
  font-size: 25px;
  color: inherit;
}

.attribute.reminder .reminder-header .datetimepicker .input-group-addon a {
  color: inherit;
}

.attribute.reminder .reminder-header .datetimepicker .input-group-addon a span {
  color: inherit;
}

.attribute.reminder .wrapper {
  display: inline-block;
  position: relative;
  max-height: 35px !important;
  right: 0;
  left: 0;
  margin: auto;
  white-space: nowrap;
}

.attribute.reminder .confirm-message {
  width: 100%;
  overflow: hidden;
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}

.attribute.reminder .confirm-message .btn {
  margin-bottom: 3px;
}

.attribute.reminder .confirm-message:not(.collapsed) .message {
  display: inline-block;
}

.attribute.reminder .confirm-message.collapsed {
  width: 0%;
  height: 0;
  font-size: 0px;
}

.attribute.reminder .reminder-footer {
  display: table;
}

.attribute.reminder .reminder-footer .left-container, .middle-container, .right-container {
  display: table-cell;
}

.attribute.reminder .reminder-footer .left-container {
  min-width: 90px;
}

.attribute.reminder .reminder-footer .right-container {
  text-align: right;
  width: 90px;
}

.attribute.reminder .reminder-footer .middle-container .wrapper .confirm-message {
  vertical-align: text-top;
  display: inline-block;
}

.attribute.reminder .reminder-footer .color-controll .toggle-color {
  display: inline-block;
}

.attribute.reminder .reminder-footer .middle-container {
  text-align: center;
}

.color-controll, .toggle-target {
  display: inline-block;
}

.attribute.reminder *::-webkit-scrollbar {
  width: 4px;
}

.attribute.reminder *::-webkit-scrollbar-thumb {
  background-color: var(--background-color-med);
  border-radius: 10px;
}

.attribute.reminder *::-webkit-scrollbar-track {
  border: 0px var(--background-color-med-2) solid;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 var(--background-color-med-2) inset;
  opacity: 0;
}

.attribute.reminder.color-1 .datetimepicker.invalid-date input {
  color: var(--text-on-fill) !important;
  text-decoration: underline;
}

.attribute.reminder.color-3 .datetimepicker.invalid-date input {
  color: var(--text-on-fill) !important;
  text-decoration: underline;
}

.attribute.reminder.color-4 .datetimepicker.invalid-date input {
  color: var(--text-on-fill) !important;
  text-decoration: underline;
}

.attribute.reminder.color-1 .datetimepicker.invalid-date .input-group-addon a span {
  color: var(--text-on-fill) !important;
}

.attribute.reminder.color-3 .datetimepicker.invalid-date .input-group-addon a span {
  color: var(--text-on-fill) !important;
}

.attribute.reminder.color-4 .datetimepicker.invalid-date .input-group-addon a span {
  color: var(--text-on-fill) !important;
}

/*Bianco*/
.attribute.reminder.color-0 {
  color: var(--text-main-color-3) !important;
  background-color: var(--background-color-light);
  border-color: var(--reminder-color-0);
}

.attribute.reminder.color-0 .reminder-header {
  background-color: var(--reminder-color-0);
  color: var(--text-light-color);
}

.attribute.reminder.color-0 .reminder-body {
  color: var(--reminder-color-0);
}

.attribute.reminder.color-0 .reminder-footer {
  color: var(--reminder-color-0);
  border-top: 1px solid var(--reminder-border-color-0);
}

.attribute.reminder.color-0 .reminder-footer .btn {
  color: var(--reminder-color-0) !important;
}

.attribute.reminder.color-0 .reminder-title {
  border-bottom: 1px solid var(--reminder-border-color-0);
}

.attribute.reminder.color-0 .generic-filter {
  border-color: var(--reminder-border-color-0);
}

.attribute.reminder.color-0 *::-webkit-scrollbar-thumb {
  background-color: var(--reminder-color-0);
}

/*Rosso*/
.attribute.reminder.color-1 {
  color: var(--reminder-color-1) !important;
  background-color: var(--reminder-background-color-1);
  border-color: var(--reminder-border-color-1);
}

.attribute.reminder.color-1 .reminder-header {
  background-color: var(--reminder-border-color-1);
}

.attribute.reminder.color-1 .reminder-footer {
  border-top: 1px solid var(--reminder-border-color-1);
}

.attribute.reminder.color-1 .reminder-title {
  border-bottom: 1px solid var(--reminder-border-color-1);
}

.attribute.reminder.color-1 .generic-filter {
  border-color: var(--reminder-border-color-1);
}

.attribute.reminder.color-1 *::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-1);
}

/*Verde*/
.attribute.reminder.color-2 {
  color: var(--reminder-color-2) !important;
  background-color: var(--reminder-background-color-2);
  border-color: var(--reminder-border-color-2);
}

.attribute.reminder.color-2 .reminder-header {
  background-color: var(--reminder-border-color-2);
}

.attribute.reminder.color-2 .generic-filter {
  border-color: var(--reminder-border-color-2);
}

.attribute.reminder.color-2 .reminder-footer {
  border-top: 1px solid var(--reminder-border-color-2);
}

.attribute.reminder.color-2 .reminder-title {
  border-bottom: 1px solid var(--reminder-border-color-2);
}

.attribute.reminder.color-2 *::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-2);
}

/*Giallo*/
.attribute.reminder.color-3 {
  color: var(--reminder-color-3);
  background-color: var(--reminder-background-color-3);
  border-color: var(--reminder-border-color-3);
}

.attribute.reminder.color-3 .reminder-header {
  background-color: var(--reminder-border-color-3);
}

.attribute.reminder.color-3 .reminder-footer {
  border-top: 1px solid var(--reminder-border-color-3);
}

.attribute.reminder.color-3 .reminder-title {
  border-bottom: 1px solid var(--reminder-border-color-3);
}

.attribute.reminder.color-3 .generic-filter {
  border-color: var(--reminder-border-color-3);
}

.attribute.reminder.color-3 *::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-3);
}

/*Arancione*/
.attribute.reminder.color-4 {
  color: var(--reminder-color-4);
  background-color: var(--reminder-background-color-4);
  border-color: var(--reminder-border-color-4);
}

.attribute.reminder.color-4 .reminder-header {
  background-color: var(--reminder-border-color-4);
}

.attribute.reminder.color-4 .reminder-footer {
  border-top: 1px solid var(--reminder-border-color-4);
}

.attribute.reminder.color-4 .reminder-title {
  border-bottom: 1px solid var(--reminder-border-color-4);
}

.attribute.reminder.color-4 .generic-filter {
  border-color: var(--reminder-border-color-4);
}

.attribute.reminder.color-4 *::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-4);
}

/*Blu*/
.attribute.reminder.color-5 {
  color: var(--reminder-color-5);
  background-color: var(--reminder-background-color-5);
  border-color: var(--reminder-border-color-5);
}

.attribute.reminder.color-5 .reminder-header {
  background-color: var(--reminder-border-color-5);
}

.attribute.reminder.color-5 .reminder-footer {
  border-top: 1px solid var(--reminder-border-color-5);
}

.attribute.reminder.color-5 .reminder-title {
  border-bottom: 1px solid var(--reminder-border-color-5);
}

.attribute.reminder.color-5 .generic-filter {
  border-color: var(--reminder-border-color-5);
}

.attribute.reminder.color-5 *::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-5);
}

/*Viola*/
.attribute.reminder.color-6 {
  color: var(--reminder-color-6);
  background-color: var(--reminder-background-color-6);
  border-color: var(--reminder-border-color-6);
}

.attribute.reminder.color-6 .reminder-header {
  background-color: var(--reminder-border-color-6);
}

.attribute.reminder.color-6 .reminder-footer {
  border-top: 1px solid var(--reminder-border-color-6);
}

.attribute.reminder.color-6 .reminder-title {
  border-bottom: 1px solid var(--reminder-border-color-6);
}

.attribute.reminder.color-6 .generic-filter {
  border-color: var(--reminder-border-color-6);
}

.attribute.reminder.color-6 *::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-6);
}

/*Nero*/
.attribute.reminder.color-7 {
  color: var(--reminder-color-7);
  background-color: var(--reminder-background-color-7);
  border-color: var(--reminder-border-color-7);
}

.attribute.reminder.color-7 .reminder-header {
  background-color: var(--reminder-border-color-7);
}

.attribute.reminder.color-7 .reminder-footer {
  border-top: 1px solid var(--reminder-border-color-7);
}

.attribute.reminder.color-7 .reminder-title {
  border-bottom: 1px solid var(--reminder-border-color-7);
}

.attribute.reminder.color-7 *::-webkit-scrollbar-thumb {
  background-color: var(--reminder-border-color-7);
}

.attribute.reminder.color-7 .generic-filter {
  border-color: var(--reminder-border-color-7);
}

/* Sullo scuro (NOTES.md §245) il promemoria pieno era un'area satura: diventa la tinta della tavolozza sulla card,
   con la cornice e la fascia in testa nell'inchiostro. Il testo (`--reminder-color-*`) lo porta il ponte al testo
   della pagina. Il promemoria bianco (color-0) prende i fili neutri. */
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-1 {
  border-color: var(--ird-ink-red);
  background-color: var(--ird-fill-red);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-1 .reminder-header {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-red);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-1 *::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-red);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-2 {
  border-color: var(--ird-ink-green);
  background-color: var(--ird-fill-green);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-2 .reminder-header {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-green);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-2 *::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-green);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-3 {
  border-color: var(--ird-ink-yellow);
  background-color: var(--ird-fill-yellow);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-3 .reminder-header {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-yellow);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-3 *::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-yellow);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-4 {
  border-color: var(--ird-ink-orange);
  background-color: var(--ird-fill-orange);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-4 .reminder-header {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-orange);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-4 *::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-orange);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-5 {
  border-color: var(--ird-ink-blue);
  background-color: var(--ird-fill-blue);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-5 .reminder-header {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-blue);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-5 *::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-blue);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-6 {
  border-color: var(--ird-ink-purple);
  background-color: var(--ird-fill-purple);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-6 .reminder-header {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-purple);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-6 *::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-purple);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-7 {
  border-color: var(--ird-ink-black);
  background-color: var(--ird-fill-black);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-7 .reminder-header {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--ird-ink-black);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-7 *::-webkit-scrollbar-thumb {
  background-color: var(--ird-ink-black);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-0 {
  border-color: var(--sh-line-strong);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder.color-0 .reminder-header {
  background-color: transparent;
  box-shadow: inset 0 3px 0 var(--sh-text-3);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder[class*=color-] .reminder-footer {
  border-top-color: var(--sh-line);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder[class*=color-] .reminder-title {
  border-bottom-color: var(--sh-line);
}
:root[data-surface=dark] .shell-v2-body .attribute.reminder[class*=color-] .generic-filter {
  border-color: var(--sh-field-edge);
}

@media only screen and (max-width: 1148px) {
  .attribute.reminder .reminder-targets .users {
    display: table-footer-group;
    /*width: 100%;*/
  }
  .attribute.reminder .reminder-targets .roles {
    display: table-header-group;
    /*width: 100%;*/
  }
}
@media only screen and (max-width: 1450px) {
  .attribute.reminder .confirm-message.collapsed .message {
    font-size: 0px;
  }
  .attribute.reminder .confirm-message .message {
    font-size: 15px;
  }
}
.attr-dps-visual-order,
.attr-dps-attribute-code,
.attr-dps-group-visual-order {
  display: none;
  font-size: 85%;
}
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

footer.permanent-footer .button.disabled {
  opacity: 0.5;
  /*display: none;*/
  pointer-events: none !important;
}

footer.permanent-footer,
.command-panel {
  background-color: var(--theme-main-color);
  border-left: 1px solid var(--theme-secondary-color);
  border-right: 1px solid var(--theme-secondary-color);
  border-top: 1px solid var(--theme-secondary-color);
  margin-bottom: 0px;
  position: fixed;
  display: inline-table;
  width: 80%;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 500;
  margin-left: 10%;
}

.command-panel.excel-export-inline {
  margin-bottom: 0;
  font-size: 16px;
}

.command-panel.command-container {
  display: flex;
  align-items: center;
  overflow: visible;
  white-space: nowrap;
}

#index-selected-wrp {
  cursor: default;
}

#index-selected-wrp .it-content > .selected-item:last-child {
  border-bottom: none;
}

#index-selected-wrp .it-content .selected-item {
  font-size: 16px;
  text-align: left;
  text-transform: none;
  padding: 5px 10px;
  border-bottom: 1px solid var(--default-line-color);
}

#index-selected-wrp .it-content .selected-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#index-selected-wrp .it-content .selected-item .remove-btn {
  margin-left: 15px;
  cursor: pointer;
  font-size: 85%;
}

#index-selected-wrp .it-content {
  max-height: 300px;
  overflow-x: auto;
}

.command-dropdown-container {
  display: none;
  position: fixed;
  top: 61%;
  right: 6%;
  width: 15%;
  background: white;
  border: 1px solid #ccc;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  min-width: 150px;
  z-index: 1000;
  margin-top: 5px;
}

.command-dropdown-container a {
  display: block;
  padding: 8px;
  text-decoration: none;
  color: #333;
  background: white;
}

.command-dropdown-container a:hover {
  background: #f1f1f1;
}

.command-panel .command-bar > a .icon,
footer.permanent-footer .button .icon {
  color: var(--theme-bars-text-color);
}

.command-panel .command-bar > a,
footer.permanent-footer .button {
  color: var(--theme-bars-text-color);
  padding: 8px 10px;
  border: 1px solid var(--theme-secondary-color);
  border-bottom: none;
  min-width: 120px;
  display: inline-block;
  min-height: 60px;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  cursor: pointer;
  border-radius: 1px;
  text-transform: uppercase;
  /*overflow: hidden;*/
  user-select: none;
}

.command-panel .more-menu > .show-more-menu,
footer.permanent-footer .button .icon {
  color: var(--theme-bars-text-color);
}

.command-panel .more-menu > .show-more-menu,
footer.permanent-footer .button {
  color: var(--theme-bars-text-color);
  padding: 8px 10px;
  border: 1px solid var(--theme-secondary-color);
  border-bottom: none;
  min-width: 120px;
  display: inline-block;
  min-height: 60px;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  cursor: pointer;
  border-radius: 1px;
  text-transform: uppercase;
  /*overflow: hidden;*/
  user-select: none;
}

/*
footer.permanent-footer .button {
    min-width: 120px;
    display: inline-block;
    padding: 10px;
    min-height: 60px;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
    border-radius: 1px;
    text-transform: uppercase;
    overflow: hidden;
    color: var(--transparent-smoke-black);
}*/
.command-panel a:not(#index-selected-wrp):hover,
footer.permanent-footer .button:hover {
  transition: ease-out 0.3s;
  background-color: var(--theme-secondary-fill);
}

.command-panel a > span {
  width: 100%;
}

.command-panel a .icon-wrp,
footer.permanent-footer .button .icon {
  display: block;
  height: 20px;
  margin-bottom: 5px;
}

.command-panel a .icon-wrp .icon,
footer.permanent-footer .button .icon {
  font-size: 18px;
}

.command-panel a.hide-on-selection {
  display: inline-block;
}

.command-panel a.show-on-selection {
  display: none;
}

#index-selected-wrp .iride-tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
}

#index-selected-wrp .iride-tooltip > *:not(.it-content) {
  font-size: 30px;
  color: var(--theme-bars-text-color);
  vertical-align: middle;
}

#index-selected-wrp .iride-tooltip > .selected-counter {
  padding-left: 5px;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes blinkingBackground {
  0% {
    background-color: var(--ird-color-palette-yellow);
  }
  25% {
    background-color: var(--ird-color-palette-orange);
  }
  50% {
    background-color: var(--ird-color-palette-yellow);
  }
  75% {
    background-color: var(--ird-color-palette-orange);
  }
  100% {
    background-color: var(--ird-color-palette-yellow);
  }
}
.command-panel a.evidence {
  /*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
  /*animation: blinkingBackground 1s infinite;*/
  border: none;
  background: var(--ird-color-palette-yellow);
}

div.images-box {
    cursor: default;
}

    div.images-box div.img-content {
        position: relative;
        display: inline-block;
        margin: 5px 5px 10px 0px;
        text-align: center;
        padding: 0px 20px;
        max-width: 150px;
        min-width: 150px;
    }

        div.images-box div.img-content div.image-partial .image {
            margin: auto;
        }




.img-content .loading {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, .5);
    top: 0;
    left: 0;
}

.img-content div.image-partial .image {
    /*display: block;*/
    border: 3px solid var(--theme-item-color);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.img-content.square .image-partial .image {
    border-radius: 0;
}

.img-content.light .image-partial .image {
    border-width: 1px !important;
}

div.img-content div {
    display: block;
}

div.images-box div.img-content span.title-content {
    margin-top: 5px;
}
div.img-content:not(.noImage):not(.no-open) div.image-partial:hover .icon {
    cursor: pointer;
    opacity: 1;
}
.modal div.img-content div.image-partial:hover .icon {
    cursor: default !important;
}

.modal div.img-content div.image-partial:hover .image {
    cursor: default !important;
    box-shadow: none !important;
}
div.img-content:not(.noImage):not(.no-open) div.image-partial:hover .image {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
    transition: .2s ease-out;
    cursor: pointer !important;
}

.img-content div.image-partial {
    width: 80px;
    height: 80px;
    position: relative;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.img-content .image-partial.left {
    margin: 0px;
    text-align: left;
}

div.img-content div.image-partial .icon {
    position: absolute !important;
    opacity: 0;
    background-color: rgba(0,0,0, .5);
    border-radius: 50%;
    color: var(--text-light-color);
    width: 50px;
    height: 50px;
    transition: opacity .2s ease-out;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

    div.img-content div.image-partial .icon span {
        font-size: 20px;
    }

div.img-content div.image-partial .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/*x-small -->*/
.img-content.x-small .image-partial {
    height: 40px;
    width: 40px;
}

.img-content.x-small .image-partial {
    height: 40px;
    width: 40px;
}

div.img-content.x-small div.image-partial .icon {
    width: 25px;
    height: 25px;
}

    div.img-content.x-small div.image-partial .icon span {
        font-size: 10px;
    }
/*<--SMALL*/

/*SMALL -->*/
.img-content.small div.image-partial {
    height: 50px;
    width: 50px;
}

div.img-content.small div.image-partial {
    height: 45px;
    width: 45px;
}

    div.img-content.small div.image-partial .icon {
        width: 30px;
        height: 30px;
    }

        div.img-content.small div.image-partial .icon span {
            font-size: 10px;
        }
    /*<--SMALL*/

    /*BIG -->*/
    div.img-content.small div.image-partial .image {
        border: 2px solid var(--theme-item-color);
    }

    div.img-content.small div.image-partial .fake-img {
        width: 50px;
        height: 50px;
        border: 2px solid var(--theme-item-color);
        display: flex;
        align-items: center;
        justify-content: center;
    }


div.img-content div.image-partial .text-content {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-content: center;
}

div.img-content.big div.image-partial {
    height: 120px;
    width: 120px;
}

div.img-content.big div.image-partial {
    height: 120px;
    width: 120px;
}

    div.img-content.big div.image-partial .icon {
        width: 75px;
        height: 75px;
    }

        div.img-content.big div.image-partial .icon span {
            font-size: 30px;
        }
/*<--BIG*/

:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid var(--primary-btn-alt);
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100.big {
  font-size: 120px;
}

.c100 {
  position: relative;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  background-color: var(--text-light-color-2);
  /*margin: 0 0.1em 0.1em 0;*/
  margin: 0px !important;
}

.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.c100.center {
  float: none;
  margin: 0 auto;
}

.c100.big {
  font-size: 240px;
  min-width: 240px;
}

.c100.small {
  font-size: 80px;
}

.c100.x-small {
  font-size: 50px;
}

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  /*color: var(--text-light-color-2)ccc;*/
  color: var(--primary-btn-alt);
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: var(--background-color-5);
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}

.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}

.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}

.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}

.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}

.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}

.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}

.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}

.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}

.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}

.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}

.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}

.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}

.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}

.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}

.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}

.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}

.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}

.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}

.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}

.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}

.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}

.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}

.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}

.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}

.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}

.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}

.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}

.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}

.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}

.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}

.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}

.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}

.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}

.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}

.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}

.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}

.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}

.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}

.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}

.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}

.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}

.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}

.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}

.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}

.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}

.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}

.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}

.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}

.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}

.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}

.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}

.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}

.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}

.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}

.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}

.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.c100:hover {
  cursor: default;
}

.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
}

.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}

/*PROGRESS BAR CIRCLE -->*/
.c100.dark {
  background-color: var(--iride-filterbox-scope-link-text);
}

.c100.dark .bar,
.c100.dark .fill {
  border-color: var(--circle-green-hoover) !important;
}

.c100.dark > span {
  color: var(--iride-filterbox-scope-link-text);
}

.c100.dark:after {
  background-color: #666666;
}

.c100.dark:hover > span {
  color: var(--circle-green-hoover);
}

.c100.green .bar,
.c100.green .fill {
  border-color: var(--circle-green) !important;
}

.c100.green:hover > span {
  color: var(--circle-green);
}

.c100.green.dark .bar,
.c100.green.dark .fill {
  border-color: var(--circle-green-dark) !important;
}

.c100.green.dark:hover > span {
  color: var(--circle-green-dark);
}

.c100.orange .bar,
.c100.orange .fill {
  border-color: var(--circle-orange) !important;
}

.c100.orange:hover > span {
  color: var(--circle-orange);
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
  border-color: var(--reminder-background-color-4) !important;
}

.c100.orange.dark:hover > span {
  color: var(--reminder-background-color-4);
}

.c100.color-1 .bar,
.c100.color-1 .fill {
  border-color: var(--reminder-background-color-1) !important;
}

.c100.color-1 > span {
  color: var(--reminder-border-color-1);
}

.c100.color-2 .bar,
.c100.color-2 .fill {
  border-color: var(--generic-color-2) !important;
}

.c100.color-2 > span {
  color: var(--reminder-border-color-2);
}

.c100.color-3 .bar,
.c100.color-3 .fill {
  border-color: var(--reminder-background-color-3) !important;
}

.c100.color-3 > span {
  color: var(--reminder-border-color-3);
}

.c100.color-4 .bar,
.c100.color-4 .fill {
  border-color: var(--reminder-background-color-4) !important;
}

.c100.color-4 > span {
  color: var(--reminder-border-color-4);
}

.c100.color-5 .bar,
.c100.color-5 .fill {
  border-color: var(--text-link-color-1) !important;
}

.c100.color-5 > span {
  color: var(--reminder-border-color-5);
}

.c100.color-6 .bar,
.c100.color-6 .fill {
  border-color: var(--reminder-background-color-6) !important;
}

.c100.color-6 > span {
  color: var(--reminder-border-color-6);
}

.c100.color-7 .bar,
.c100.color-7 .fill {
  border-color: var(--reminder-background-color-7) !important;
}

.c100.color-7 > span {
  color: var(--reminder-border-color-7);
}

.circle-progress-bar-wrapper {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.circle-progress-bar-wrapper.text-center {
  justify-content: center;
}

.circle-progress-bar-wrapper.text-left {
  justify-content: flex-start;
}

.circle-progress-bar-wrapper.text-right {
  justify-content: flex-end;
}

/*<-- PROGRESS BAR CIRCLE*/
:root[data-surface=dark] .shell-v2-body .c100 > span {
  color: var(--sh-text);
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --login-form-font-size: 20px;
}

body.login-body h1 {
  /*font-size: 50pt;*/
  margin-bottom: 10px;
}

.toastr-custom-wide {
  display: table; /* shrink-to-fit */
  width: auto !important; /* non 300px */
  min-width: 0 !important;
  max-width: calc(100% - 24px);
  margin: 0 auto 6px;
}

#LoginBackround {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  display: block;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center !important;
  z-index: -1;
}

#LoginBackround::before {
  content: "";
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center !important;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

#LoginBackround.blur::before {
  opacity: 1;
}

.login-centering-container {
  width: 100vw;
  margin-left: -55px;
}

.login-centering-container-inner {
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.login-centering-container-inner > * {
  flex: 0 0 auto;
}

@media (max-width: 1000px) {
  .login-centering-container {
    margin-left: -40px;
  }
}
.login-centering-container .appName {
  margin: 0;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  font-size: 3em;
}

#loginForm {
  text-align: center;
  /* position: fixed; */
  background-color: inherit;
  padding: 25px;
  /* margin: auto; */
  /*min-width:480px;*/
  z-index: 1000;
  left: 0;
  right: 0;
  /* width: 700px; */
  /* color: rgba(0,0,0,.54); */
  /* margin-top: 50px; */
  font-size: var(--login-form-font-size);
  width: 90%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

#loginForm Form {
  opacity: 0;
}

#loginForm .email-sent-messages {
  font-size: 0.9em;
}

#loginForm input {
  /* min-width: 350px; */
  margin-right: 15px;
  max-width: 350px;
  background-color: transparent;
  color: #222;
  border: none;
  box-shadow: none;
  /* border-bottom: 1px dashed var(--text-light-color-2); */
  margin: auto;
  text-align: center;
  border-radius: 0 !important;
  /* width: auto; */
  font-size: 1em;
}

#loginForm .loginDetails {
  width: 100%;
}

#loginForm .RetrievePassword {
  position: relative;
  top: 8px;
  font-size: 0.9em;
}

#loginForm a {
  color: inherit;
}

#loginForm a:hover {
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

/* Trucco per togliere lo sfondo colorato dell'autocomplete di Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

.input-validation-error::placeholder {
  color: var(--summary-errors) !important; /* Usa lo stesso rosso/corallo che hai scelto per il testo dell'errore */
  opacity: 1; /* Forza l'opacità al 100% (alcuni browser come Firefox la abbassano di default) */
}

/* Per retrocompatibilità con browser più vecchi (opzionale ma consigliato) */
.input-validation-error::-webkit-input-placeholder {
  color: var(--summary-errors) !important;
}

.input-validation-error::-moz-placeholder {
  color: var(--summary-errors) !important;
  opacity: 1;
}

.input-validation-error:-ms-input-placeholder {
  color: var(--summary-errors) !important;
}

.target.background--light, .target.background--light.background--complex {
  color: black !important;
  --login-control-border-color: #000;
  background-color: rgba(255, 255, 255, 0.65) !important;
  transition: background-color 0.3s;
}

.target.background--dark, .target.background--dark.background--complex {
  color: white !important;
  --login-control-border-color: #fff;
  background-color: rgba(0, 0, 0, 0.7) !important;
  transition: background-color 0.3s;
}

#loginForm .target.background--dark input {
  background: transparent;
  border: 1px solid var(--login-control-border-color, #fff);
  color: white;
}

/*Perche altrimenti coi dati precompilati ignora determinati campi*/
#loginForm .target.background--dark input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 0 0px 1000px transparent inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

#loginForm .target.background--light input:-webkit-autofill {
  -webkit-text-fill-color: black !important;
  border-color: black;
  box-shadow: 0 0 0 1000px transparent inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

#loginForm .target.background--light input {
  background: transparent;
  border: 1px solid var(--login-control-border-color, #000);
  /*color: white !important;*/
}

/* Anche quando BackgroundCheck non assegna una classe (per esempio uno sfondo
   bianco impostato come colore CSS, senza immagine), il bordo dei campi resta
   visibile. Il valore condiviso separa il bordo dal colore del testo dell'input. */
#loginForm .target {
  --login-control-border-color: #fff;
}

#loginForm .target.background--light {
  --login-control-border-color: #000;
}

#loginForm .target.background--dark {
  --login-control-border-color: #fff;
}

#loginForm .target input {
  border: 1px solid;
  border-color: var(--login-control-border-color, #fff);
  color: var(--login-control-border-color, #fff);
}

#loginForm .target input:-webkit-autofill,
#loginForm .target input:-webkit-autofill:hover,
#loginForm .target input:-webkit-autofill:focus,
#loginForm .target input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--login-control-border-color, #fff) !important;
}

#loginForm .field-validation-error {
  font-size: 0.95em;
  color: red;
}

#loginForm .target.background--light .login-style-btn:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

#loginForm .login-style-btn:hover,
#loginForm .target.background--dark .login-style-btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

#loginForm input::placeholder,
#loginForm input::-webkit-input-placeholder {
  font-size: 75%;
  text-transform: uppercase;
}

.target {
  color: white;
}

/*Trucco per togliere lo sfondo colorato dell'autocomplete di Chrome*/
#loginForm input:-webkit-autofill,
#loginForm input:-webkit-autofill:hover,
#loginForm input:-webkit-autofill:focus,
#loginForm input:-webkit-autofill:active {
  transition: all 5000s ease-in-out 0s;
}

#loginForm #required-fields-alert-container {
  display: none !important;
}

#loginForm:focus {
  outline: none;
}

#loginForm .login-style-btn {
  min-width: 150px;
  height: 50px;
  background-color: transparent;
  text-transform: uppercase;
  /*color: var(--background-color);*/
  border: none;
  border-radius: 1px;
  font-size: 1.2em;
  border-style: solid;
  border-width: 1px;
}

/* Il bordo del pulsante e quello dei campi leggono lo stesso colore, anche se il
   testo dell'input ha una tinta diversa da quella ereditata dal form. */
#loginForm .target .login-style-btn {
  border-color: var(--login-control-border-color, currentColor);
}

/*#loginForm a {
    text-decoration: none;
    font-size: 12px;
    float: right;
}*/
body.login-body {
  position: absolute;
  width: 100%;
  height: 100%;
  color: white;
}

#loginForm {
  padding: 5pt 20pt 15pt;
}

#loginForm Form {
  /*margin: auto;
  width: 380px;*/
  padding: 10px 15px;
}

/*#loginForm div, #loginForm span {
    display: block;
    margin: auto;
}*/
#loginForm label span {
  display: inline-block;
}

.login-body .application-footer a {
  color: var(--text-main-color) !important;
}

/*#loginForm .form-group {
    margin-bottom: 25px;
}*/
#loginButton {
  position: relative;
}

#poweredBy {
  font-size: 11px;
  padding-bottom: 5px;
}

#poweredBy img {
  height: 15px;
  padding: 0 3px;
}

#loginForm .form-group {
  margin-bottom: 20px;
}

#loginForm .target.background--light .progress {
  background-color: #d6d6d6;
}

#loginForm span.multiple-selection-box {
  font-size: 1.25em;
}

#loginAppVersion {
  /*float: left;*/
  font-size: 11px;
}

#companyLogo {
  position: relative;
  /*height: 100px;*/
  /* position: absolute;
  height: 150px;
  top: 80px;
  left: 0px;*/
  height: 80px;
  padding-right: 10px;
}

#loginForm h1 {
  font-size: 1.6em !important;
  text-transform: uppercase !important;
}

@media all and (max-width: 763px) {
  .login-body .application-footer {
    display: none;
  }
}
#loginForm .form-group {
  margin: auto;
  margin-bottom: 20px;
  max-width: 350px;
}

.application-body.login-body {
  padding-top: 60px !important;
}

@media (max-width: 480px) {
  :root {
    --login-form-font-size: 16px;
  }
  .login-centering-container #companyLogo {
    height: 60px;
  }
  .field-validation-error {
    line-height: 1.2 !important;
  }
}
/* ============================================================
   LOGIN 2026 — pannello destro con effetto vetro satinato.
   Tutte le regole sono scoped su body.login-page e valgono SOLO
   per la pagina di Login (Views/Account/Login.cshtml).
   Le regole storiche sopra restano attive per RetrievePassword,
   SetNewPassword e le varianti Checkmate, che condividono questo file.
   ============================================================ */
body.application-body.login-page {
  padding-top: 0 !important;
}

body.login-page {
  font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  /* Margine extra da bordo sinistro/destro (citazione/pannello) proporzionale a QUANTO lo
     schermo è "panoramico", non alla sola larghezza: calibrato su due punti indicati
     dall'utente (2026-07-21) — a 1920×1080 (16:9) +50px, a 2496×1664 (3:2) +0px (nessuna
     modifica). Formula: max(0, (100vw - 150vh) / 6) — è 0 per rapporti ≤3:2 (schermi meno
     "larghi", nessun extra) e cresce in continuo oltre, senza scatti al ridimensionamento
     (sostituisce la vecchia soglia fissa @media min-width:2100px, ora inutile: qui la stessa
     formula copre anche gli schermi ultra-wide). Il selettore lingua resta ancorato in alto a
     destra con valori fissi, non dipende da questa variabile. */
  --login-wide-extra: max(0px, calc((100vw - 150vh) / 6));
  /* Le forme dell'applicazione (Content\shell\shell-tokens.scss, NOTES.md §111, §156, §160):
     spigolo vivo per ciò in cui si scrive o che si preme, la pillola per il comando che conta,
     il raggio per ciò che contiene. Questa pagina non carica i fogli della shell, quindi i
     valori sono ripetuti qui, una volta sola, con il nome del loro ruolo: se la shell torna
     indietro dalla prova del tondo, si torna indietro anche da qui. */
  --login-r-ctl: 0;
  --login-r-primary: 999px;
  /* Il pannello è una lastra di vetro (richiesta del committente, 2026-10-24, NOTES.md §267): squadrata, con lo spigolo
     appena smussato perché non tagli, non un tondo. Non segue più il raggio dei contenitori della shell. */
  --login-r-panel: 4px;
  /* Il vetro: più trasparente in testa, dove sta il marchio e il video si vede, più pieno dove si scrive; il filo chiaro
     in alto è lo smusso che prende la luce. */
  --login-glass-top: rgba(255, 255, 255, 0.46);
  --login-glass-body: rgba(255, 255, 255, 0.76);
  --login-glass-blur: 26px;
  --login-glass-edge: rgba(255, 255, 255, 0.6);
  --login-glass-edge-hover: rgba(255, 255, 255, 0.85);
  /* Il riflesso sulla lastra (NOTES.md §280): quanto è chiaro nel punto più vivo, quanto dura un'andata
     dell'oscillazione, con quale inerzia raggiunge l'inclinazione del passaggio e quanto la lastra si inclina
     (spostamento e rotazione quando il puntatore è sul bordo; dalla tastiera, metà). */
  --login-glass-reflex: .3;
  --login-glass-reflex-ink: 255, 255, 255;
  --login-mo-glass-sway: 9s;
  --login-mo-glass-tilt: 1800ms;
  --login-glass-reach: 3%;
  --login-glass-reach-r: 3deg;
  /* Il riflesso della sosta sul pulsante (NOTES.md §261): i valori della linguetta della rail e dei pulsanti
     principali della shell (`--sh-primary-sheen`, `--sh-mo-primary-sheen*`), ripetuti per la stessa ragione. */
  --login-sheen: .24;
  --login-mo-sheen: 900ms;
  --login-mo-sheen-wait: 750ms;
  /* Il grassetto del passaggio (NOTES.md §164.6, §164.7): dove il puntatore passa l'etichetta del pulsante è più leggera
     a riposo, e al passaggio un tratto la ingrossa sullo stesso peso, senza allargarla. I valori delle primarie della
     shell (`--sh-cmd-primary-rest-weight`, `--sh-cmd-hover-stroke`), ripetuti per la stessa ragione. Al tocco resta 600. */
  --login-primary-rest-weight: 400;
  --login-hover-stroke: .6px;
  /* I colori del pannello, chiari. Lo scuro li ridefinisce qui sotto e basta: nessuna regola del pannello
     ha un colore suo (NOTES.md §262). */
  --login-ink-strong: #111827;
  --login-ink: #17202b;
  --login-ink-2: #3a4453;
  --login-ink-3: #7a8392;
  --login-ink-soft: #5f6b7c;
  --login-ink-muted: #8a94a3;
  --login-panel-bg: rgba(248, 250, 252, 0.9);
  --login-panel-bg-solid: rgba(248, 250, 252, 0.97);
  --login-panel-line: rgba(255, 255, 255, 0.65);
  --login-page-bg: linear-gradient(180deg, #f5f7fa 0%, #eef2f6 100%);
  /* Pieno: ciò in cui si scrive non lascia passare il video. */
  --login-field-bg: rgba(255, 255, 255, 0.9);
  --login-field-solid: #ffffff;
  --login-field-line: #d5dbe3;
  --login-focus: #438df5;
  --login-focus-ring: rgba(67, 141, 245, 0.14);
  --login-hover-bg: rgba(23, 32, 43, 0.06);
  --login-divider: rgba(111, 122, 138, 0.18);
  --login-link: #2f6fd0;
  --login-link-hover: #1e56ab;
  --login-primary-bg: linear-gradient(180deg, #142f55 0%, #0b2343 100%);
  --login-danger: #a82035;
  --login-danger-bg: rgba(205, 48, 69, 0.08);
  --login-danger-line: rgba(205, 48, 69, 0.25);
  --login-info: #025a83;
  --login-info-bg: rgba(2, 107, 156, 0.07);
  --login-info-line: rgba(2, 107, 156, 0.25);
  --login-note: #26456f;
  --login-note-bg: rgba(47, 111, 208, 0.07);
  --login-note-line: rgba(47, 111, 208, 0.22);
  --login-step-bg: rgba(23, 32, 43, 0.045);
  --login-step-mark: #c3ccd7;
  --login-step-current: #142f55;
  --login-step-current-bg: rgba(20, 47, 85, 0.07);
  --login-step-current-line: rgba(20, 47, 85, 0.18);
  --login-meter-bg: #e3e8ee;
}

/* Il pannello scuro (NOTES.md §262). L'aspetto lo decide il server dalla Company — o, se la Company segue il
   sistema, lo script in testa a _LoginLayout dal dispositivo —; senza attributo resta chiaro. Il vetro diventa
   fumé sopra la stessa foto; il pulsante passa dal blu notte, che qui sparirebbe, al blu dei collegamenti. */
:root[data-surface=dark] body.login-page {
  color-scheme: dark;
  --login-ink-strong: #f3f6fa;
  --login-ink: #e4e9f0;
  --login-ink-2: #c3cbd6;
  --login-ink-3: #9aa5b4;
  --login-ink-soft: #b1bbc8;
  --login-ink-muted: #8792a2;
  --login-panel-bg: rgba(16, 23, 33, 0.8);
  --login-panel-bg-solid: rgba(16, 23, 33, 0.96);
  --login-panel-line: rgba(255, 255, 255, 0.1);
  --login-page-bg: linear-gradient(180deg, #0f151d 0%, #131b26 100%);
  --login-glass-top: rgba(14, 20, 30, 0.44);
  --login-glass-body: rgba(14, 20, 30, 0.74);
  --login-glass-edge: rgba(255, 255, 255, 0.14);
  --login-glass-edge-hover: rgba(255, 255, 255, 0.26);
  --login-glass-reflex: .2;
  /* sul fumé il riflesso prende il freddo del cielo: un bianco puro sul blu scuro si legge come una riga di gesso */
  --login-glass-reflex-ink: 214, 230, 255;
  --login-field-bg: rgba(20, 28, 40, 0.78);
  --login-field-solid: #1a2330;
  --login-field-line: rgba(255, 255, 255, 0.16);
  --login-focus: #6aa6ff;
  --login-focus-ring: rgba(106, 166, 255, 0.22);
  --login-hover-bg: rgba(255, 255, 255, 0.08);
  --login-divider: rgba(255, 255, 255, 0.1);
  --login-link: #82b3ff;
  --login-link-hover: #abcbff;
  --login-primary-bg: linear-gradient(180deg, #2f6fd0 0%, #2158ad 100%);
  --login-danger: #ff8d9b;
  --login-danger-bg: rgba(255, 107, 125, 0.12);
  --login-danger-line: rgba(255, 107, 125, 0.34);
  --login-info: #8fcaf0;
  --login-info-bg: rgba(91, 178, 230, 0.12);
  --login-info-line: rgba(91, 178, 230, 0.32);
  --login-note: #c5d9f6;
  --login-note-bg: rgba(130, 179, 255, 0.1);
  --login-note-line: rgba(130, 179, 255, 0.28);
  --login-step-bg: rgba(255, 255, 255, 0.05);
  --login-step-mark: #4b5667;
  --login-step-current: #cfe0ff;
  --login-step-current-bg: rgba(130, 179, 255, 0.12);
  --login-step-current-line: rgba(130, 179, 255, 0.3);
  --login-meter-bg: rgba(255, 255, 255, 0.12);
}

/* Al cambio a caldo il vetro sfuma invece di scattare; chi ha chiesto meno movimento lo vede scattare. */
@media (prefers-reduced-motion: no-preference) {
  body.login-page #loginForm {
    transition: background-color 320ms ease, border-color 320ms ease, color 320ms ease, box-shadow 320ms ease;
  }
}
/* Overlay molto leggero, più intenso verso destra (zona pannello) */
body.login-page::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
  /* Curva a più tappe (invece di piatto 0-45% + rampa lineare 45-100%): quel singolo punto
     di rottura della pendenza era percepibile come una banda verticale ("Mach band") su
     foto chiare e uniformi (cieli, superfici d'acqua) — l'occhio è molto sensibile ai
     cambi bruschi di pendenza anche quando il valore stesso è continuo. Qui la pendenza
     aumenta gradualmente tappa dopo tappa (curva quadratica campionata), niente salti in
     un punto solo: il risultato resta "più intenso verso destra" come da progetto, ma senza
     gomiti visibili. Intensità iniziale/finale invariate nella sostanza (0.03→0.18). */
  background: linear-gradient(90deg, rgba(4, 15, 28, 0.03) 0%, rgba(4, 15, 28, 0.035) 20%, rgba(4, 15, 28, 0.05) 40%, rgba(4, 15, 28, 0.075) 55%, rgba(4, 15, 28, 0.1) 70%, rgba(4, 15, 28, 0.135) 85%, rgba(4, 15, 28, 0.18) 100%);
}

/* Shell a tutta viewport: pannello ancorato a destra, centrato in verticale */
body.login-page .login-shell {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 40px clamp(40px, 6vw, 110px);
  /* extra margine destro sui monitor molto panoramici (vedi --login-wide-extra su
     body.login-page): il pannello non deve mai sembrare incollato al bordo */
  padding-right: calc(clamp(40px, 6vw, 110px) + var(--login-wide-extra));
  /* La shell è un contenitore di sola impaginazione, fisso a tutto schermo e
     successivo alla citazione nel DOM: senza questo intercetterebbe TUTTI i
     click e gli hover anche sopra la metà sinistra, rendendo i pulsanti della
     citazione inerti (2026-07-26). Gli eventi vengono riattivati sul solo
     pannello, che è l'unica parte interattiva.
     Nota: la shell resta scorrevole (overflow-y:auto) quando il pannello è più
     alto della viewport — la rotella sopra il pannello continua a scorrerla per
     propagazione; non è invece trascinabile la sua barra di scorrimento. */
  pointer-events: none;
}

/* ---------- Pannello ---------- */
body.login-page #loginForm {
  /* Riattiva gli eventi spenti sulla shell (vedi .login-shell): il pannello è
     l'unica parte interattiva di quel livello. */
  pointer-events: auto;
  /* margini auto: ancoraggio a destra + centratura verticale robusta anche
     quando il pannello è più alto della viewport (overflow scrollabile) */
  margin: auto 0 auto auto;
  width: min(100%, 520px);
  max-width: 520px;
  padding: 44px 48px 26px;
  border-radius: var(--login-r-panel);
  text-align: left;
  font-size: 15px;
  color: var(--login-ink);
  /* La lastra (NOTES.md §267): il video vive dietro il marchio, i campi stanno sulla parte piena. */
  background: linear-gradient(180deg, var(--login-glass-top) 0%, var(--login-glass-top) 30%, var(--login-glass-body) 58%, var(--login-glass-body) 100%);
  border: 1px solid var(--login-panel-line);
  box-shadow: 0 30px 80px rgba(7, 18, 34, 0.28), 0 8px 24px rgba(7, 18, 34, 0.14), inset 0 1px 0 var(--login-glass-edge);
  backdrop-filter: blur(var(--login-glass-blur)) saturate(140%);
  -webkit-backdrop-filter: blur(var(--login-glass-blur)) saturate(140%);
  /* Il riflesso sta sopra la lastra e dentro il suo smusso: `isolation` perché l'ingresso del pannello anima
     l'opacità, e uno strato in `z-index` negativo finirebbe sotto il vetro. */
  position: relative;
  isolation: isolate;
  /* Il pannello è sovrapposto al layer di sfondo animato (.login-bg-motion):
     il backdrop-filter deve ricampionare quel layer ad ogni frame mentre si
     muove. will-change tiene pronto un compositing layer dedicato invece di
     crearlo/distruggerlo di continuo, evitando scatti sui portatili/GPU
     integrate. Nessun impatto visivo. */
  will-change: backdrop-filter;
  animation: loginPanelEnter 420ms ease-out both;
}

/* Fallback per browser senza backdrop-filter: pannello quasi opaco */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.login-page #loginForm {
    background: var(--login-panel-bg-solid);
  }
}
@keyframes loginPanelEnter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ---------- Il riflesso sulla lastra (2026-10-26, NOTES.md §280) ----------
   Non una luce che passa: il riflesso di una finestra sul vetro, quasi fermo. Una fascia dal fronte deciso e dalla coda
   lunga, una seconda luce più tenue e un velo chiaro nell'angolo alto, come il cielo, che svaniscono verso il basso
   (ritocco del 2026-10-26 sera, §280.6: il filo netto da spigolo a spigolo sembrava disegnato). La lastra non è mai del tutto
   ferma: il riflesso ondeggia piano (`--login-mo-glass-sway` per l'andata, altrettanto per il ritorno), e al passaggio del
   puntatore la lastra si inclina, così il riflesso cambia posto e angolo e lo raggiunge con un'inerzia
   (`--login-mo-glass-tilt`). Dove sia il puntatore lo scrive LoginGlass.js (`--login-glass-px/-py`, da -1 a 1), quanto
   la lastra si inclini lo decide questo foglio (`--login-glass-reach*`). Dalla tastiera, o al tocco, entrare in un campo
   la inclina di mezzo passo (`--login-glass-lift`).
   Tre strati, ciascuno con un movimento suo e un `transform` solo: `.login-glass` ritaglia nello smusso (l'`overflow`
   sta qui: sul pannello taglierebbe ciò che ne sporge), `__tilt` segue il puntatore, `__reflex` ondeggia; i due interni
   sono più grandi della lastra, perché ruotando non ne scoprano un angolo. Li aggiunge lo script, decorazione senza
   significato: senza script la lastra resta senza riflesso. Dentro `isolation: isolate` lo z-index negativo li tiene
   sopra il vetro e sotto il contenuto. ⚠ Mai un `transform` su `#loginForm`: lo tiene il suo ingresso.
   Il riflesso fermo è il disegno del vetro e resta anche con le animazioni spente; spenti sono i due movimenti
   (movimento ridotto del sistema, `data-animations="off"` della Company, §174), e lo script lo legge da
   `--login-glass-motion`. */
body.login-page #loginForm {
  --login-glass-motion: 0;
}

/* La maschera è della lastra, non del riflesso: il vetro riflette di più in alto, dove prende il cielo, e quasi nulla in
   basso. Così il riflesso, ondeggiando, entra e svanisce come uno vero, e non attraversa la lastra da spigolo a spigolo
   con la stessa forza, che è ciò che lo faceva sembrare disegnato. */
body.login-page #loginForm .login-glass {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.7) 38%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.1) 100%);
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.7) 38%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.1) 100%);
}

body.login-page #loginForm .login-glass__tilt {
  position: absolute;
  inset: -30%;
  transform: translate3d(calc(var(--login-glass-px, 0) * var(--login-glass-reach) * -1 - var(--login-glass-lift, 0) * var(--login-glass-reach)), calc(var(--login-glass-py, 0) * var(--login-glass-reach) * -0.6), 0) rotate(calc(var(--login-glass-px, 0) * var(--login-glass-reach-r) + var(--login-glass-lift, 0) * var(--login-glass-reach-r)));
}

/* Posizioni in percento del riquadro più grande: la lastra ne occupa il centro, dal 18,75 % all'81,25 %; un punto
   percentuale lungo la diagonale sono circa 13 px. Nessun bordo è un taglio: anche il fronte della fascia sale in una
   ventina di pixel, come un riflesso visto attraverso un vetro che non è uno specchio, e le curve dei profili seguono una
   campana, non una retta, perché una sfumatura lineare a pochi punti si legge come una riga dipinta. */
body.login-page #loginForm .login-glass__reflex {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(120deg, transparent 30%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.1)) 31.2%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.42)) 32.2%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.8)) 33%, rgba(var(--login-glass-reflex-ink), var(--login-glass-reflex)) 33.7%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.8)) 34.7%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.5)) 36.6%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.26)) 39%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.1)) 42%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.03)) 45%, transparent 47.5%), linear-gradient(120deg, transparent 49.8%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.05)) 50.5%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.26)) 51.1%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.44)) 51.7%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.26)) 52.3%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.05)) 52.9%, transparent 53.6%), radial-gradient(60% 40% at 24% 22%, rgba(var(--login-glass-reflex-ink), calc(var(--login-glass-reflex) * 0.4)), transparent 70%);
}

@media (prefers-reduced-motion: no-preference) {
  :root:not([data-animations=off]) body.login-page #loginForm {
    --login-glass-motion: 1;
  }
  :root:not([data-animations=off]) body.login-page #loginForm:focus-within {
    --login-glass-lift: .5;
  }
  :root:not([data-animations=off]) body.login-page #loginForm .login-glass__tilt {
    transition: transform var(--login-mo-glass-tilt) cubic-bezier(0.2, 0.7, 0.2, 1);
    will-change: transform;
  }
  :root:not([data-animations=off]) body.login-page #loginForm .login-glass__reflex {
    animation: loginGlassSway var(--login-mo-glass-sway) ease-in-out infinite alternate;
    will-change: transform, opacity;
  }
  /* Il vetro inclinato prende la luce sullo smusso. */
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  :root:not([data-animations=off]) body.login-page #loginForm:hover {
    box-shadow: 0 34px 84px rgba(7, 18, 34, 0.3), 0 10px 26px rgba(7, 18, 34, 0.15), inset 0 1px 0 var(--login-glass-edge-hover);
  }
}
@media (prefers-reduced-motion: no-preference) {
  :root:not([data-animations=off]) body.login-page #loginForm:focus-within {
    box-shadow: 0 34px 84px rgba(7, 18, 34, 0.3), 0 10px 26px rgba(7, 18, 34, 0.15), inset 0 1px 0 var(--login-glass-edge-hover);
  }
}
/* Un'andata: il riflesso scivola e ruota di poco, e a metà corsa, dove l'angolo lo rivolge di più a chi guarda, è più
   chiaro. Il ritorno lo fa `alternate`. */
@keyframes loginGlassSway {
  0% {
    transform: translate3d(-2.5%, -0.8%, 0) rotate(-1.5deg);
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate3d(2.5%, 0.8%, 0) rotate(1.5deg);
    opacity: 0.8;
  }
}
/* ---------- L'ingresso della pagina di accesso (2026-10-04, rifatto il 2026-10-25) ----------
   Prima lo sfondo, poi il pannello. Per `--login-welcome-hold` la foto — o il filmato — e la frase
   sono soli a schermo: un attimo di attesa che faccia desiderare la porta (richiesta del committente).
   Quanto, lo dice `Web.config` (`LoginPanelDelayMs`, di serie 1000 ms): Login.cshtml lo stampa sul
   pannello come `--login-welcome-hold`. Poi la lastra entra da destra TUTTA INSIEME, con dentro
   marchio, campi e pulsante: è un vetro, non arriva a pezzi. Solo dove la foto c'è (dai 769 px: sotto,
   la pagina è a tinta unita e non c'è nulla da guardare) e solo per chi non ha chiesto meno movimento;
   e solo alla prima apertura: la classe la mette Login.cshtml su una GET senza messaggi. Chi torna qui
   dopo una password sbagliata la deve ridigitare, non riguardare la scena; le pagine di recupero sono
   una stanza in cui si è già entrati. Tutti questi casi hanno l'ingresso breve qui sopra.
   ⚠ Riempimento `backwards`, mai `both`: un'animazione finita che continua a riempire vince
   su ogni dichiarazione normale, e il pulsante perderebbe per sempre `:active`,
   `.is-submitting` e `:disabled`, che toccano proprio opacità e trasformazione. */
@media (min-width: 769px) and (prefers-reduced-motion: no-preference) {
  body.login-page #loginForm.login-panel--welcome {
    --login-welcome-hold: 1000ms;
    animation: loginPanelFade 700ms ease-out var(--login-welcome-hold) backwards, loginPanelSlideIn 1100ms cubic-bezier(0.16, 1, 0.3, 1) var(--login-welcome-hold) backwards;
  }
}
@keyframes loginPanelFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes loginPanelSlideIn {
  from {
    transform: translateX(96px);
  }
  to {
    transform: none;
  }
}
/* Il CSS storico nasconde il form in attesa dell'animazione JS (rimossa) */
body.login-page #loginForm form {
  opacity: 1;
  padding: 0;
}

/* ---------- Brand ---------- */
body.login-page .login-brand {
  text-align: center;
}

body.login-page #companyLogo,
body.login-page .login-logo {
  display: block;
  margin: 0 auto 18px;
  height: auto;
  max-height: 96px;
  max-width: min(100%, 270px);
  padding: 0;
}

/* Il logo IRIDay animato (NOTES.md §263) è un SVG senza misure proprie: prende l'altezza che la GIF aveva di natura,
   e le regole qui sotto la riducono come prima con `max-height`. */
body.login-page svg.login-logo {
  width: auto;
  height: 96px;
}

body.login-page #loginForm h1.login-heading {
  margin: 0;
  font-size: clamp(24px, 2vw, 30px) !important; /* contrasta il font-size !important storico di #loginForm h1 */
  line-height: 1.2;
  font-weight: 600;
  color: var(--login-ink-strong);
  text-transform: none !important;
}

body.login-page .login-heading .appName b {
  font-weight: 700;
}

body.login-page .login-heading .appName span {
  font-weight: 300;
}

/* Il marchio IRIDay si scrive sempre in Poppins, come in cima al menu della V2 (NOTES.md §203.14): la
   famiglia «IRIDay Poppins» è in `iride-graphic-elements.scss`. Solo il nome, non «Benvenuto in». */
body.login-page .login-heading .appName {
  font-family: "IRIDay Poppins", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

body.login-page .login-subtitle {
  margin: 8px 0 30px;
  font-size: 15px;
  color: var(--login-ink-3);
}

/* ---------- Alert per gli errori generali di autenticazione ---------- */
body.login-page .login-alert {
  margin-bottom: 22px;
  padding: 12px 15px;
  border: 1px solid var(--login-danger-line);
  border-radius: 10px;
  background: var(--login-danger-bg);
  color: var(--login-danger);
  font-size: 14px;
}

/* Un avviso, non un errore: la sessione chiusa per inattività (NOTES.md §231). Stessa forma, i toni dei blu
   della pagina. */
body.login-page .login-alert--info {
  border-color: var(--login-info-line);
  background: var(--login-info-bg);
  color: var(--login-info);
}

/* ---------- Co-branding (NOTES.md §267) ----------
   Il segno della Company e quello di IRIDay fianco a fianco, divisi da un filo: la pagina è della Company, il prodotto
   è IRIDay. Entrambi un po' più bassi del segno solo, perché sono due. */
body.login-page .login-brand__pair {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 auto 14px;
}

body.login-page .login-brand__pair #companyLogo,
body.login-page .login-brand__pair .login-logo {
  margin: 0;
  max-height: 72px;
}

body.login-page .login-brand__pair svg.login-logo {
  height: 72px;
}

body.login-page .login-brand__pair .login-logo--company {
  max-width: 190px;
}

body.login-page .login-brand__sep {
  flex: none;
  width: 1px;
  height: 44px;
  background: var(--login-divider);
}

/* ---------- La bacheca della Company (NOTES.md §267) ----------
   Un avviso a chi sta per entrare, nei toni dell'avviso della sessione scaduta; il filo a sinistra lo dice appeso.
   `pre-line` tiene gli a capo scritti nella casella. */
body.login-page .login-board {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: -8px 0 22px;
  padding: 10px 14px;
  border: 1px solid var(--login-note-line);
  border-left: 3px solid var(--login-note);
  border-radius: var(--login-r-ctl);
  background: var(--login-note-bg);
  color: var(--login-note);
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
}

body.login-page .login-board__pin {
  flex: none;
  margin-top: 2px;
}

body.login-page .login-board__text {
  margin: 0;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

/* ---------- Campi ---------- */
body.login-page .login-field {
  margin-bottom: 18px;
}

body.login-page #loginForm .login-field label {
  display: block;
  margin-bottom: 7px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--login-ink);
}

body.login-page .login-input-wrapper {
  position: relative;
}

body.login-page #loginForm .login-input {
  display: block;
  width: 100%;
  max-width: none;
  min-height: 52px;
  margin: 0;
  padding: 0 48px 0 16px;
  border: 1px solid var(--login-field-line);
  border-radius: var(--login-r-ctl) !important;
  background: var(--login-field-bg);
  color: var(--login-ink);
  font-size: 16px;
  text-align: left;
  box-shadow: none;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

body.login-page #loginForm .login-input:focus {
  background: var(--login-field-solid);
  border-color: var(--login-focus);
  box-shadow: 0 0 0 4px var(--login-focus-ring);
}

body.login-page #loginForm .login-input.input-validation-error {
  border-color: rgba(205, 48, 69, 0.55);
}

body.login-page #loginForm .login-input.input-validation-error:focus {
  box-shadow: 0 0 0 4px rgba(205, 48, 69, 0.12);
}

/* Autofill Chrome: campo sempre chiaro e leggibile */
body.login-page #loginForm .login-input:-webkit-autofill,
body.login-page #loginForm .login-input:-webkit-autofill:hover,
body.login-page #loginForm .login-input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 60px var(--login-field-solid) inset;
  -webkit-text-fill-color: var(--login-ink);
}

body.login-page .login-input-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  color: var(--login-ink-muted);
  pointer-events: none;
}

/* Pulsante mostra/nascondi password */
body.login-page #loginForm .login-password-toggle {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: var(--login-r-ctl);
  background: transparent;
  color: var(--login-ink-muted);
  cursor: pointer;
  transition: color 160ms ease, background-color 160ms ease;
}

body.login-page #loginForm .login-password-toggle:hover {
  color: var(--login-ink);
  background: var(--login-hover-bg);
}

body.login-page #loginForm .login-password-toggle:focus-visible {
  outline: 3px solid rgba(38, 151, 245, 0.4);
  outline-offset: 1px;
  color: var(--login-ink);
}

body.login-page .login-password-toggle .icon-eye-off {
  display: none;
}

body.login-page .login-password-toggle.is-visible .icon-eye {
  display: none;
}

body.login-page .login-password-toggle.is-visible .icon-eye-off {
  display: inline;
}

/* Messaggi di validazione dei singoli campi (sotto l'input) */
body.login-page #loginForm .login-validation-message,
body.login-page #loginForm .field-validation-error {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.3;
  color: var(--login-danger);
}

body.login-page #loginForm .field-validation-valid {
  display: none;
}

/* ---------- Ricordami + recupero password ---------- */
body.login-page .login-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 4px 0 24px;
}

body.login-page .login-remember {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.login-page #loginForm span.multiple-selection-box,
body.login-page #loginForm span.multiple-selection-box.flat {
  font-size: 21px;
}

body.login-page #loginForm .login-remember-label,
body.login-page #loginForm .login-remember label {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--login-ink-2);
  text-transform: none;
  cursor: pointer;
}

body.login-page #loginForm a.login-forgot {
  font-size: 14px;
  font-weight: 500;
  color: var(--login-link);
  text-decoration: none;
}

body.login-page #loginForm a.login-forgot:hover {
  color: var(--login-link-hover);
  text-decoration: underline;
}

body.login-page #loginForm a.login-forgot:focus-visible {
  outline: 3px solid rgba(38, 151, 245, 0.4);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ---------- Pulsante di accesso ----------
   Blu notte monocromatico (2026-07-20): gradiente verticale molto
   discreto al posto del vecchio multicolore blu/viola/rosso/arancio.
   Tondo come la primaria della shell (2026-10-04, NOTES.md §160): il comando che conta è
   l'unica pillola del pannello, fra campi a spigolo vivo. Il colore invece NON segue il tema
   come nella shell: questa pagina viene prima di qualunque tema, e il blu notte è il suo.
   Al passaggio fa quello che fa la primaria della shell — si scurisce e resta ferma — e alla
   pressione scende di un pixel. Il velo che scurisce è il terzo `box-shadow` interno e non un
   secondo gradiente: fra due gradienti il browser non sa fare una transizione, e il cambio
   sarebbe uno scatto.
   Largo quanto dice, e non quanto la colonna (2026-10-06, NOTES.md §165): una barra da bordo a
   bordo si legge come un nastro, non come un comando, e sulle pagine interne nessun pulsante
   è più largo del suo testo. Al centro, sull'asse di marchio e piede; alto come i campi, così
   la colonna ha un ritmo solo. Il minimo tiene una pillola vera anche dove l'etichetta è corta.
   Sul telefono torna a tutta larghezza (blocco ≤768 px): lì si preme col pollice. */
body.login-page #loginForm .login-submit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: fit-content;
  min-width: 184px;
  min-height: 52px;
  margin: 0 auto;
  padding: 0 30px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--login-r-primary);
  background: var(--login-primary-bg);
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(7, 26, 51, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 999px rgba(2, 9, 20, 0);
  transition: transform 160ms ease, box-shadow 140ms cubic-bezier(0.2, 0, 0, 1);
}

body.login-page #loginForm .login-submit:hover {
  box-shadow: 0 12px 26px rgba(7, 26, 51, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 999px rgba(2, 9, 20, 0.34);
}

body.login-page #loginForm .login-submit:active {
  transform: translateY(1px);
  box-shadow: 0 8px 18px rgba(7, 26, 51, 0.22), inset 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 0 0 999px rgba(2, 9, 20, 0.34);
}

body.login-page #loginForm .login-submit:focus-visible {
  outline: 3px solid rgba(41, 120, 207, 0.38);
  outline-offset: 3px;
}

body.login-page #loginForm .login-submit:disabled,
body.login-page #loginForm .login-submit.is-loading {
  cursor: wait;
  opacity: 0.82;
  transform: none;
}

/* Al passaggio il pulsante non si muove: solo il fondo che si scurisce e il riflesso della sosta, come i pulsanti
   principali delle pagine interne (richiesta del committente, 2026-10-25). La freccia non scorre più. */
body.login-page .login-submit-arrow {
  display: inline-flex;
}

/* Il riflesso della sosta (NOTES.md §261): con il puntatore fermo sul pulsante una banda di luce lo attraversa una
   volta, come la linguetta della rail e i pulsanti principali delle pagine interne (mixin `hover-sheen`). Durante
   l'invio no: il pulsante non riceve il puntatore. */
@media (hover: hover) and (pointer: fine) {
  body.login-page #loginForm .login-submit:hover:not(:disabled):not(.is-loading)::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 20%, rgba(255, 255, 255, calc(var(--login-sheen) * 0.45)) 38%, rgba(255, 255, 255, var(--login-sheen)) 50%, rgba(255, 255, 255, calc(var(--login-sheen) * 0.45)) 62%, transparent 80%) no-repeat;
    background-size: 72px 100%;
    background-position: -72px 0;
    animation: login-hover-sheen var(--login-mo-sheen) cubic-bezier(0.35, 0.45, 0.75, 0.8) var(--login-mo-sheen-wait) both;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce), (hover: hover) and (pointer: fine) and (forced-colors: active) {
  body.login-page #loginForm .login-submit:hover:not(:disabled):not(.is-loading)::after {
    content: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  :root[data-animations=off] body.login-page #loginForm .login-submit:hover:not(:disabled):not(.is-loading)::after {
    content: none;
  }
}
@keyframes login-hover-sheen {
  from {
    background-position: -72px 0;
  }
  to {
    background-position: calc(100% + 72px) 0;
  }
}
/* Il grassetto del passaggio, come sulle primarie delle pagine interne (richiesta del committente, 2026-10-25): un peso
   vero diverso fra i due stati allargherebbe la parola, il tratto no. Mai sul tasto stampato, che ingrosserebbe. */
@media (hover: hover) {
  body.login-page #loginForm .login-submit {
    font-weight: var(--login-primary-rest-weight);
  }
  body.login-page #loginForm .login-submit:hover:not(:disabled):not(.is-loading) {
    -webkit-text-stroke: var(--login-hover-stroke) currentColor;
  }
}
body.login-page #loginForm .login-submit:focus-visible {
  -webkit-text-stroke: var(--login-hover-stroke) currentColor;
}

body.login-page #loginForm .login-submit .login-key {
  -webkit-text-stroke: 0;
}

/* Il tasto stampato sul pulsante (2026-10-06, NOTES.md §165): «Invio», come «Ctrl+Invio» su
   «Salva ed esci» delle pagine interne (shell-page.scss, «Il tasto stampato sul comando»). Si
   vede solo dove il tasto c'è — dai 769 px e con un puntatore che passa —, e lì PRENDE IL POSTO
   della freccia: freccia e tasto dicono la stessa cosa, «avanti», e insieme la direbbero due
   volte. Al tocco resta la freccia.
   Inciso e non in rilievo, come sulla primaria della shell, ma velato: sul blu notte, anche nel
   punto più chiaro del gradiente, il testo all'86 % tiene 10:1 e il filo al 42 % 3,6:1, e il
   tasto resta un gradino sotto
   l'etichetta invece di sembrare un secondo pulsante. Sull'accento della shell non si può:
   lì il velo scende sotto 4,5:1, e infatti è pieno. Durante l'invio lascia il posto alla
   rotellina, come la freccia. */
body.login-page .login-key {
  display: none;
}

@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  body.login-page #loginForm .login-submit .login-key {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 2px 7px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: var(--login-r-ctl);
    background: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.86);
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.02em;
  }
  body.login-page #loginForm .login-submit .login-submit-arrow,
  body.login-page #loginForm .login-submit.is-submitting .login-key {
    display: none;
  }
  /* I tasti a richiesta (`CommandKeyHints = modifier`, NOTES.md §328): come sui comandi della shell, il tasto resta nel
     flusso e trasparente, l'etichetta sta al centro del pulsante (traslata di metà tasto e metà vuoto, con la misura che
     iriday-shell.js scrive in `--sh-key-w`) e scorre al suo posto mentre si tiene Alt o Ctrl, o dopo la sosta del
     puntatore. Qui la shell può non esserci: i token hanno il loro ripiego. */
  :root[data-command-keys=modifier] body.login-page #loginForm .login-submit {
    --sh-key-shift: calc((var(--sh-key-w) + 12px) / 2);
  }
  :root[data-command-keys=modifier] body.login-page #loginForm .login-submit .login-submit-label {
    transform: translateX(var(--sh-key-shift));
    transition: transform var(--sh-mo-key, 200ms) var(--sh-mo-ease, ease);
  }
  :root[data-command-keys=modifier] body.login-page #loginForm .login-submit .login-key {
    opacity: 0;
    transform: translateX(-6px) scale(0.88);
    transition: opacity calc(var(--sh-mo-key, 200ms) * 0.7) var(--sh-mo-ease, ease), transform calc(var(--sh-mo-key, 200ms) * 0.7) var(--sh-mo-ease, ease);
  }
  :root[data-command-keys=modifier] body.login-page #loginForm .login-submit:hover .login-submit-label,
  :root[data-command-keys=modifier][data-shell-modifier] body.login-page #loginForm .login-submit .login-submit-label {
    transform: none;
  }
  :root[data-command-keys=modifier] body.login-page #loginForm .login-submit:hover .login-key,
  :root[data-command-keys=modifier][data-shell-modifier] body.login-page #loginForm .login-submit .login-key {
    opacity: 1;
    transform: none;
    transition-duration: var(--sh-mo-key, 200ms);
    transition-timing-function: var(--sh-mo-ease-pop, ease-out);
  }
  :root[data-command-keys=modifier] body.login-page #loginForm .login-submit:hover .login-submit-label,
  :root[data-command-keys=modifier] body.login-page #loginForm .login-submit:hover .login-key {
    transition-delay: var(--sh-key-peek, 700ms);
  }
  :root[data-command-keys=modifier][data-shell-modifier] body.login-page #loginForm .login-submit .login-submit-label {
    transition-delay: 0s;
  }
  :root[data-command-keys=modifier][data-shell-modifier] body.login-page #loginForm .login-submit .login-key {
    transition-delay: var(--sh-mo-key-lag, 40ms);
  }
}
/* Spinner mostrato durante l'autenticazione */
body.login-page .login-submit-spinner {
  display: none;
  width: 20px;
  height: 20px;
  border: 2.5px solid rgba(255, 255, 255, 0.35);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: loginSpin 700ms linear infinite;
}

body.login-page #loginForm .login-submit.is-submitting {
  pointer-events: none;
  transform: none;
  opacity: 0.88;
}

body.login-page .login-submit.is-submitting .login-submit-arrow {
  display: none;
}

body.login-page .login-submit.is-submitting .login-submit-spinner {
  display: inline-block;
}

@keyframes loginSpin {
  to {
    transform: rotate(360deg);
  }
}
/* ---------- Footer del pannello ---------- */
body.login-page .login-footer {
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid var(--login-divider);
  text-align: center;
  color: var(--login-ink-3);
  font-size: 12px;
}

body.login-page #loginForm .login-footer a {
  color: var(--login-ink-soft);
}

body.login-page .login-footer #poweredBy {
  font-size: 12px;
}

body.login-page .login-footer #loginAppVersion {
  font-size: 11px;
  margin-top: 2px;
}

/* ---------- Selettore lingua (in alto a destra, fuori dal pannello) ---------- */
body.login-page .login-language-selector {
  position: fixed;
  top: 24px;
  right: 28px;
  z-index: 20;
}

/* Nascosto quando la company gestisce una sola lingua: il markup resta nel
   DOM perché il JS di auto-selezione lingua legge #language-selector [lang] */
body.login-page .login-language-selector--hidden {
  display: none;
}

body.login-page .login-language-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: rgba(12, 35, 59, 0.58);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  will-change: backdrop-filter;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

body.login-page .login-language-button:hover {
  background: rgba(12, 35, 59, 0.72);
}

body.login-page .login-language-button:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.45);
  outline-offset: 2px;
}

body.login-page .login-language-flag {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}

body.login-page .login-language-caret {
  display: inline-flex;
  opacity: 0.8;
}

body.login-page .login-language-menu {
  min-width: 190px;
  margin-top: 8px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;
  background: rgba(12, 35, 59, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 18px 40px rgba(7, 18, 34, 0.35);
}

body.login-page .login-language-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 9px;
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}

body.login-page .login-language-item:hover,
body.login-page .login-language-item:focus {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  text-decoration: none;
}

/* ---------- Responsive ---------- */
/* Viewport basse (es. 1366×768, zoom 125%): pannello compatto per stare in altezza */
@media (max-height: 820px) and (min-width: 561px) {
  body.login-page #loginForm {
    padding: 30px 40px 18px;
  }
  body.login-page #companyLogo,
  body.login-page .login-logo {
    max-height: 64px;
    margin-bottom: 12px;
  }
  body.login-page .login-brand__pair #companyLogo,
  body.login-page .login-brand__pair .login-logo,
  body.login-page .login-brand__pair svg.login-logo {
    max-height: 56px;
    height: 56px;
    margin-bottom: 0;
  }
  body.login-page #loginForm h1.login-heading {
    font-size: clamp(22px, 1.8vw, 26px) !important;
  }
  body.login-page .login-subtitle {
    margin: 6px 0 20px;
  }
  body.login-page .login-field {
    margin-bottom: 13px;
  }
  body.login-page #loginForm .login-input {
    min-height: 48px;
  }
  body.login-page .login-options {
    margin: 2px 0 18px;
  }
  body.login-page #loginForm .login-submit {
    min-height: 48px;
  }
  body.login-page .login-footer {
    margin-top: 20px;
    padding-top: 14px;
  }
}
/* Tablet (769-900px): resta la foto di sfondo, pannello centrato.
   Sotto i 769px subentra il layout mobile a tutta pagina (in coda al file). */
@media (min-width: 769px) and (max-width: 900px) {
  body.login-page .login-shell {
    padding: 84px 24px 32px;
  }
  body.login-page #loginForm {
    margin: auto;
    padding: 38px 32px 24px;
  }
}
/* ---------- Riduzione del movimento ---------- */
@media (prefers-reduced-motion: reduce) {
  body.login-page *,
  body.login-page *::before,
  body.login-page *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* ---------- Citazione motivazionale (lato sinistro, solo desktop) ---------- */
/* Sta sopra sfondo e overlay (z-index 0) e sotto shell/pannello (stessa
   z-index 1 ma successiva nel DOM) e selettore lingua (z-index 20). */
body.login-page .login-quote {
  position: fixed;
  /* extra margine sinistro sui monitor molto panoramici (vedi --login-wide-extra su
     body.login-page): la citazione non deve mai sembrare incollata al bordo */
  left: calc(clamp(40px, 4vw, 82px) + var(--login-wide-extra));
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: min(40vw, 650px);
  pointer-events: none;
}

/* Sfumato locale molto leggero per la leggibilità su immagini chiare:
   non deve sembrare una card. */
body.login-page .login-quote::before {
  content: "";
  position: absolute;
  z-index: -1;
  /* Area estesa in verticale (era -55px) per dare spazio a una sfumatura ampia che si
     azzeri ben prima del bordo, senza però restringersi al punto da rendersi impercettibile
     fuori dalla linea centrale del testo (vedi nota sotto). Verificato via calcolo: con
     questa estensione il margine di sicurezza resta positivo sia per citazioni di 3 righe
     (font grande) sia per citazioni di 1 riga sola (font piccolo) — 2026-07-21, sessione 13ª. */
  top: -220px;
  right: -90px;
  bottom: -220px;
  /* Compensa --login-wide-extra (il margine extra applicato a .login-quote sui monitor
     molto panoramici, vedi body.login-page): senza questo la sfumatura si sposterebbe a
     destra insieme al testo, rivelando il proprio bordo sinistro (prima ricadeva sempre
     fuori dallo schermo, quindi invisibile). Sottraendo lo stesso extra la sfumatura resta
     ancorata esattamente dov'era sempre, indipendentemente dal margine del testo. */
  left: calc(-90px - var(--login-wide-extra));
  /* Raggio orizzontale in PERCENTUALE (95%, non più px fisso): la larghezza della citazione
     è `min(40vw, 650px)` — sotto i ~1625px di viewport (comunque sopra i 1100px, sotto cui la
     citazione è nascosta) il box è più stretto di 650px. Un raggio fisso tarato sul caso
     "schermo largo" avrebbe rischiato di superare il bordo del box su schermi intermedi,
     reintroducendo il bordo netto delle sessioni 10ª-12ª (osservazione dell'utente, sessione
     15ª, 2026-07-21: "dipende dalle dimensioni dello schermo e dal fattore di forma").
     Con il raggio percentuale il margine di sicurezza resta proporzionalmente costante
     (verificato via calcolo: ~136px a 650px di citazione, ~102px vicino al limite di 440px) —
     niente valori fissi da ritarare per ogni risoluzione. Verticale (260px) resta fisso: non
     dipende dalla larghezza del viewport, solo dalla lunghezza del testo, già coperta con
     margine dall'estensione del box (-220px, sessione 13ª). */
  background: radial-gradient(ellipse 95% 260px at left center, rgba(4, 14, 27, 0.42) 0%, rgba(4, 14, 27, 0.3) 28%, rgba(4, 14, 27, 0.16) 50%, rgba(4, 14, 27, 0.06) 70%, rgba(4, 14, 27, 0) 88%);
  pointer-events: none;
}

body.login-page .login-quote__text {
  /* reset del blockquote di Bootstrap 3 */
  margin: 0;
  padding: 0;
  border: 0;
  quotes: none;
  color: rgba(255, 255, 255, 0.96);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 2.15vw, 42px);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.015em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.46), 0 1px 3px rgba(0, 0, 0, 0.5);
}

body.login-page .login-quote__text::before,
body.login-page .login-quote__text::after {
  content: none;
}

body.login-page .login-quote__separator {
  width: 62px;
  height: 1px;
  margin: 28px 0 18px;
  background: rgba(255, 255, 255, 0.58);
}

body.login-page .login-quote__author {
  display: block;
  color: rgba(255, 255, 255, 0.78);
  font-family: "Segoe UI", system-ui, sans-serif;
  font-size: clamp(16px, 1.1vw, 20px);
  font-weight: 400;
  font-style: normal;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

/* Sotto i 1100px il pannello (520px ancorato a destra) invaderebbe la zona
   della frase: la citazione sparisce del tutto (tablet stretti e smartphone). */
@media (max-width: 1100px) {
  body.login-page .login-quote {
    display: none;
  }
}
/* ============================================================
   SFONDO ANIMATO (Ken Burns) — 2026-07-21, corretto 2026-07-21(2ª/5ª/6ª):
   movimento MOLTO lento e quasi impercettibile sulla foto di sfondo,
   solo desktop/tablet. Layer dedicato (.login-bg-motion), separato da
   #LoginBackround (che resta il contenitore statico, senza immagine
   propria — vedi _LoginLayout.cshtml).
   IMPORTANTE (sessione 2026-07-21, 6ª): #LoginBackround::before (overlay
   sfocato, usato sia per il "reveal" iniziale — parte con classe .blur,
   rimossa via JS dopo 500ms con fade di altri 500ms, ~1s totali — sia
   per il blur al submit) mostra la STESSA foto. Se restasse fermo mentre
   .login-bg-motion anima già (grazie al delay negativo), la dissolvenza
   sfocato→nitido rivelerebbe un salto di scala percepito come uno zoom
   improvviso. I due layer condividono quindi ESATTAMENTE la stessa
   geometria (inset -5%) e la stessa animazione (nome/durata/delay tramite
   le custom property --bg-motion-duration/--bg-motion-delay impostate
   inline su #LoginBackround in Views/Account/Login.cshtml, ereditate da
   entrambi i layer) — si muovono sempre in perfetto sincrono, la
   dissolvenza cambia solo la nitidezza, mai la scala percepita.
   Si anima solo transform (scale + translate3d), mai background-position/
   size, per restare sempre fluido e GPU-friendly. Il margine di -5% su
   ogni lato dà spazio al movimento così non scoprono mai i bordi
   (#LoginBackround ha già overflow:hidden; geometria verificata a mano
   per tutte le varianti: margine residuo minimo ~6% anche nel caso più
   ampio, mai negativo).
   Variante scelta CASUALMENTE per ogni request in AccountController
   (PopulateLoginBackgroundMotion) → classe su body.login-page (vedi
   _LoginLayout.cshtml). */
body.login-page #LoginBackround::before {
  /* esplicito: deve restare sopra al nuovo layer animato */
  z-index: 1;
  /* stessa geometria di .login-bg-motion (era 0/0/0/0): necessario perché
     le percentuali di translate3d si risolvano sulla stessa dimensione di
     box in entrambi i layer, altrimenti lo stesso valore percentuale
     produrrebbe uno spostamento in pixel leggermente diverso */
  top: -5%;
  right: -5%;
  bottom: -5%;
  left: -5%;
}

body.login-page #LoginBackround {
  /* Il contenitore non riceve più l'immagine direttamente (vedi
     _LoginLayout.cshtml, nota 2026-07-21): questo colore di fondo neutro
     evita solo un flash bianco nella frazione di secondo prima che
     .login-bg-motion dipinga la foto. */
  background-color: #0c1c2e;
}

body.login-page #LoginBackround .login-bg-motion,
body.login-page #LoginBackround::before {
  will-change: transform;
  animation-name: loginBgZoomInSoft;
  /* fallback statici; var(...) sovrascritta dalle custom property inline
     su #LoginBackround (Views/Account/Login.cshtml) — stesso valore per
     entrambi i layer, garantendo movimento sincrono */
  animation-duration: var(--bg-motion-duration, 58s);
  animation-delay: var(--bg-motion-delay, 0s);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

body.login-page #LoginBackround .login-bg-motion {
  position: absolute;
  top: -5%;
  right: -5%;
  bottom: -5%;
  left: -5%;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Intensità raddoppiata su richiesta utente (2026-07-21, sessione 8ª) per rendere il
   movimento più evidente in fase di test, a parità di durata (~30s, temporanea/tuning).
   Geometria riverificata via script: margine minimo 6,10% con questi valori, ancora
   ampiamente entro il margine di sicurezza dato da inset:-5%. */
@keyframes loginBgZoomInSoft {
  from {
    transform: scale(1.04) translate3d(-0.8%, 0.4%, 0);
  }
  to {
    transform: scale(1.12) translate3d(1.8%, -1%, 0);
  }
}
@keyframes loginBgZoomOutSoft {
  from {
    transform: scale(1.13) translate3d(1.4%, -0.8%, 0);
  }
  to {
    transform: scale(1.05) translate3d(-1%, 0.6%, 0);
  }
}
@keyframes loginBgZoomInRightSoft {
  from {
    transform: scale(1.04) translate3d(-1%, 0.2%, 0);
  }
  to {
    transform: scale(1.1) translate3d(2.2%, -0.4%, 0);
  }
}
@keyframes loginBgZoomOutUpSoft {
  from {
    transform: scale(1.12) translate3d(0.6%, 1.2%, 0);
  }
  to {
    transform: scale(1.06) translate3d(-0.4%, -1.5%, 0);
  }
}
@keyframes loginBgDiagonalDriftSoft {
  from {
    transform: scale(1.06) translate3d(-1.6%, 1.2%, 0);
  }
  to {
    transform: scale(1.1) translate3d(1.6%, -1.2%, 0);
  }
}
@keyframes loginBgPanSoft {
  from {
    transform: scale(1.08) translate3d(-2.2%, 0.2%, 0);
  }
  to {
    transform: scale(1.08) translate3d(2.2%, -0.2%, 0);
  }
}
body.login-page--bg-motion-zoom-in #LoginBackround .login-bg-motion,
body.login-page--bg-motion-zoom-in #LoginBackround::before {
  animation-name: loginBgZoomInSoft;
}

body.login-page--bg-motion-zoom-out #LoginBackround .login-bg-motion,
body.login-page--bg-motion-zoom-out #LoginBackround::before {
  animation-name: loginBgZoomOutSoft;
}

body.login-page--bg-motion-zoom-in-right #LoginBackround .login-bg-motion,
body.login-page--bg-motion-zoom-in-right #LoginBackround::before {
  animation-name: loginBgZoomInRightSoft;
}

body.login-page--bg-motion-zoom-out-up #LoginBackround .login-bg-motion,
body.login-page--bg-motion-zoom-out-up #LoginBackround::before {
  animation-name: loginBgZoomOutUpSoft;
}

body.login-page--bg-motion-diagonal #LoginBackround .login-bg-motion,
body.login-page--bg-motion-diagonal #LoginBackround::before {
  animation-name: loginBgDiagonalDriftSoft;
}

body.login-page--bg-motion-pan #LoginBackround .login-bg-motion,
body.login-page--bg-motion-pan #LoginBackround::before {
  animation-name: loginBgPanSoft;
}

/* Riduzione del movimento: oltre alla regola generale su body.login-page *
   poco sopra (che azzera durata/iterazioni di qualsiasi animazione), qui i
   layer vengono riportati esplicitamente allo stato neutro (nessuno
   zoom/shift residuo), come richiesto per gli elementi puramente
   decorativi. #LoginBackround::before mantiene solo la sua transizione di
   opacity originaria (reveal iniziale / blur al submit), non l'animazione
   di scala. */
@media (prefers-reduced-motion: reduce) {
  body.login-page #LoginBackround .login-bg-motion,
  body.login-page #LoginBackround::before {
    animation: none !important;
    transform: none !important;
  }
}
/* ============================================================
   SFONDO VIDEO — 2026-08-26.
   Lo sfondo estratto può essere un breve filmato ambientale invece di una
   fotografia. I layer li crea LoginBackgroundVideo.js in coda a
   #LoginBackround: stanno quindi sopra .login-bg-motion (che è prima nel DOM,
   a pari z-index) e sotto #LoginBackround::before, che ha z-index 1 ed è
   l'overlay sfocato del reveal iniziale e del blur al submit. Overlay, frase,
   autore, pulsanti, pannello di accesso e selettore lingua restano dove sono:
   nessuno di loro sa che sotto c'è un filmato invece di una foto.

   ⚠ Durante il passaggio da un filmato a un altro i layer sono DUE: l'entrante
   dissolve da 0 a 1 sopra l'uscente, che resta opaco fino alla fine e solo
   allora viene smontato. Non si dissolvono insieme, altrimenti a metà
   transizione trasparirebbe ciò che sta sotto entrambi.

   ⚠ Il Ken Burns NON deve arrivare qui: geometria a filo (0/0/0/0, non
   l'inset -5% dei layer fotografici) e nessuna `animation-name`. Un filmato ha
   già il suo movimento, e sommarci uno zoom lo renderebbe nauseante.

   Finché il filmato non è pronto — e per sempre, se non lo diventa mai — resta
   visibile il fermo immagine, che non è l'attributo `poster` del <video> ma la
   normale foto di sfondo su .login-bg-motion: passa quindi dallo stesso gate
   @media (min-width:769px) e su telefono non viene nemmeno scaricata.
   ============================================================ */
body.login-page #LoginBackround .login-bg-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border: 0;
  /* Come la foto: riempie sempre l'area senza mai deformarsi. */
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--login-bg-video-fade-duration) cubic-bezier(0.33, 0, 0.2, 1);
}

body.login-page #LoginBackround .login-bg-video.is-visible {
  opacity: 1;
}

/* Mentre il filmato copre la fotografia, il Ken Burns di quest'ultima animerebbe
   qualcosa che nessuno vede: si mette in pausa e riprende da dov'era se il
   filmato esce di scena. #LoginBackround::before non è toccato — è trasparente
   fino al submit, e in quel momento deve dissolversi dalla stessa scala. */
body.login-page #LoginBackround.has-bg-video .login-bg-motion {
  animation-play-state: paused;
}

/* ============================================================
   LOGIN MOBILE (≤768px) — 2026-07-20: pagina piena, chiara e
   leggera. Niente foto di sfondo (nemmeno scaricata: il layout
   emette l'inline style dell'immagine dentro @media min-width:769px
   solo per la pagina di Login), niente frase, niente glass/blur,
   niente animazioni decorative. Sezione volutamente IN CODA al
   file: a parità di specificità vince sulle regole desktop sopra
   (incluso il blocco compatto max-height 820 che copre anche i
   telefoni in landscape).
   ============================================================ */
@media (max-width: 768px) {
  /* ⚠ Difetto PREESISTENTE, non introdotto dallo sfondo video (rilevato 2026-08-26).
     `LayoutSidebar.css` dà a `.container.body-content` un `margin-left:40px; width:90%`
     per fare posto alla barra laterale dell'applicativo (`#menuContainerFixed`, larga
     esattamente 40px). La pagina di accesso quella barra non ce l'ha.
     Su desktop non si vedeva: pannello e citazione sono `position:fixed` e non stanno nel
     flusso del contenitore. Su telefono invece la shell torna nel flusso, quindi si
     portava dietro i 40px — tutto spostato a destra, e 391px di contenuto in 390 di
     schermo (misurato: `scrollWidth` 391, margine sinistro 40, destro -1).
     Si annulla per la sola pagina di accesso: la barra laterale, qui, non esiste. */
  body.login-page .container.body-content {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  /* Il body storico è position:absolute height:100% (Site.css): si
     torna al flusso normale per lo scroll naturale del form quando
     compare la tastiera virtuale. Fallback 100vh per browser
     senza unità dvh. */
  body.login-page {
    position: static;
    height: auto;
    min-height: 100vh;
    min-height: 100dvh;
    background: var(--login-page-bg);
    overflow-x: hidden;
  }
  /* Foto random, suo blur, layer animato Ken Burns, layer video, frase motivazionale:
     via del tutto. Il filmato, oltre a non vedersi, non viene nemmeno richiesto: il
     <video> nasce senza `src` e LoginBackgroundVideo.js gliene assegna uno solo se lo
     sfondo occupa spazio in pagina — cioè mai qui. */
  body.login-page #LoginBackround,
  body.login-page #LoginBackround::before,
  body.login-page #LoginBackround .login-bg-motion,
  body.login-page #LoginBackround .login-bg-video,
  body.login-page .login-quote {
    display: none !important;
  }
  /* Overlay gradiente desktop del body: spento */
  body.login-page::before,
  body.login-page::after {
    content: none;
    display: none;
  }
  /* Shell: da overlay fisso a flusso naturale a tutta pagina */
  body.login-page .login-shell {
    position: static;
    display: block;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
  /* Il pannello È la pagina: niente card sospesa, glass, ombre,
     angoli, animazione d'ingresso */
  body.login-page #loginForm {
    width: 100%;
    max-width: none;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding: max(82px, env(safe-area-inset-top) + 64px) 22px max(24px, env(safe-area-inset-bottom));
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    animation: none;
  }
  /* Contenuto centrato, mai troppo largo su phablet/tablet piccoli */
  body.login-page #loginForm .login-form {
    width: 100%;
    max-width: 480px;
    margin-right: auto;
    margin-left: auto;
  }
  /* Testata compatta */
  body.login-page #companyLogo,
  body.login-page .login-logo {
    max-height: 72px;
    margin: 0 auto 18px;
  }
  body.login-page #loginForm h1.login-heading {
    font-size: 26px !important; /* contrasta il clamp !important desktop */
  }
  body.login-page .login-subtitle {
    margin: 7px 0 30px;
    font-size: 15px;
  }
  /* Campi comodi al touch; 16px evita lo zoom automatico di Safari iOS */
  body.login-page .login-field {
    margin-bottom: 18px;
  }
  body.login-page #loginForm .login-field label {
    margin-bottom: 7px;
    font-size: 14px;
  }
  body.login-page #loginForm .login-input {
    min-height: 56px;
    background: var(--login-field-solid);
    font-size: 16px;
    box-shadow: 0 1px 2px rgba(17, 32, 50, 0.04);
  }
  /* Ricordami + recupero password sulla stessa riga */
  body.login-page .login-options {
    align-items: center;
    gap: 16px;
    margin: 4px 0 26px;
  }
  /* Pulsante: stessi blu notte e forma del desktop, ombra più leggera (con il velo
     del passaggio, o la transizione non avrebbe da che cosa partire). Qui sì da bordo a
     bordo: sotto il pollice un bersaglio largo si prende senza mirare. */
  body.login-page #loginForm .login-submit {
    width: 100%;
    min-height: 58px;
    font-size: 17px;
    box-shadow: 0 10px 22px rgba(7, 26, 51, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 0 0 999px rgba(2, 9, 20, 0);
  }
  /* Selettore lingua: pillola chiara in alto a destra (la pagina non
     ha più la foto scura), absolute così scorre con la pagina e non
     copre il campo attivo a tastiera aperta */
  body.login-page .login-language-selector {
    position: absolute;
    top: max(14px, env(safe-area-inset-top));
    right: max(14px, env(safe-area-inset-right));
    z-index: 30;
  }
  body.login-page .login-language-button {
    min-height: 44px;
    padding: 0 13px;
  }
  /* Pillola e menu chiari solo sulla pagina chiara: sulla scura restano quelli scuri della foto, che lì stanno bene. */
  :root:not([data-surface=dark]) body.login-page .login-language-button {
    border: 1px solid #d4dbe4;
    background: rgba(255, 255, 255, 0.92);
    color: #172133;
    box-shadow: 0 4px 14px rgba(17, 32, 50, 0.08);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  :root:not([data-surface=dark]) body.login-page .login-language-button:hover {
    background: #ffffff;
  }
  body.login-page .login-language-button:focus-visible {
    outline: 3px solid rgba(41, 120, 207, 0.38);
    outline-offset: 2px;
  }
  /* Dropdown lingue allineato a destra, mai fuori viewport */
  body.login-page .login-language-menu {
    right: 0;
    left: auto;
    width: min(250px, 100vw - 28px);
    min-width: 0;
    margin-top: 8px;
    border-radius: 14px;
  }
  :root:not([data-surface=dark]) body.login-page .login-language-menu {
    border: 1px solid #dbe1e8;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(17, 32, 50, 0.16);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  :root:not([data-surface=dark]) body.login-page .login-language-item {
    color: #172133;
  }
  :root:not([data-surface=dark]) body.login-page .login-language-item:hover,
  :root:not([data-surface=dark]) body.login-page .login-language-item:focus {
    background: rgba(23, 60, 105, 0.08);
    color: #172133;
  }
  /* Footer molto discreto, nel flusso (mai sticky) */
  body.login-page .login-footer {
    margin-top: 30px;
    padding-top: 20px;
    font-size: 11px;
    color: var(--login-ink-muted);
  }
  /* Nessuna animazione decorativa residua su mobile */
  body.login-page #loginForm,
  body.login-page #LoginBackround,
  body.login-page #LoginBackround::before,
  body.login-page #LoginBackround .login-bg-motion,
  body.login-page #LoginBackround .login-bg-video {
    animation: none !important;
    transition: none;
  }
  body.login-page #LoginBackround .login-bg-motion,
  body.login-page #LoginBackround::before {
    transform: none !important;
  }
}
/* Telefoni molto stretti: Ricordami e Recupera password in colonna */
@media (max-width: 390px) {
  body.login-page .login-options {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  body.login-page .login-options .login-forgot {
    align-self: flex-end;
  }
}
/* ============================================================
   MICRO-INTERAZIONI DELLA CITAZIONE — 2026-07-25
   Mi piace / Non mi piace / Copia frase.

   Le icone sono deliberatamente SECONDARIE rispetto alla frase e all'autore:
   solo contorni sottili, nessuna etichetta permanente, nessun conteggio,
   nessun colore semaforico. Il riempimento del contorno ("a salire", come un
   liquido) e' l'unico momento espressivo, e arriva solo quando l'utente
   interagisce davvero.

   Il blocco .login-quote e' decorativo e ha pointer-events:none: la sola
   barra delle azioni li riattiva.

   Sotto i 768px .login-quote e' gia' display:none !important (layout mobile a
   tutta pagina) e con lei spariscono le azioni: nessuna regola aggiuntiva
   serve per il mobile.
   ============================================================ */
body.login-page .login-quote-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 20px;
  /* Invisibile finche' il JS non ha verificato che la frase e' davvero
     visibile e i pulsanti sono operativi: mai un pulsante che non fa nulla. */
  opacity: 0;
  pointer-events: auto;
}

/* Senza autore le azioni seguono direttamente il testo: serve piu' respiro.
   Il selettore e' sul modificatore e non piu' sull'adiacenza fra testo e azioni:
   separatore e autore ora sono sempre nel markup (servono al cambio di frase
   senza ricarica) e l'adiacenza non si verificherebbe mai piu'. */
body.login-page .login-quote--no-author .login-quote-actions {
  margin-top: 28px;
}

body.login-page .login-quote-actions.is-ready {
  opacity: 1;
}

body.login-page .login-quote-action {
  position: relative;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(255, 255, 255, 0.62);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: color 160ms ease, background-color 160ms ease, transform 220ms cubic-bezier(0.2, 0.9, 0.25, 1);
}

body.login-page .login-quote-actions.is-ready .login-quote-action {
  animation: loginQuoteActionEnter 560ms cubic-bezier(0.22, 0.9, 0.24, 1) both;
}

body.login-page .login-quote-actions.is-ready .login-quote-action:nth-child(1) {
  animation-delay: 260ms;
}

body.login-page .login-quote-actions.is-ready .login-quote-action:nth-child(2) {
  animation-delay: 330ms;
}

body.login-page .login-quote-actions.is-ready .login-quote-action:nth-child(3) {
  animation-delay: 400ms;
}

body.login-page .login-quote-action:hover,
body.login-page .login-quote-action:focus {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.11);
  outline: none;
}

body.login-page .login-quote-action:active {
  transform: scale(0.94);
}

body.login-page .login-quote-action.is-selected {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.16);
}

/* La regola :focus qui sopra toglie l'outline nativo: questa non e' un di piu',
   e' cio' che rende ancora visibile il fuoco da tastiera. */
body.login-page .login-quote-action:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.78);
  outline-offset: 2px;
}

/* ---------- Anello di conferma (un solo giro, mai in loop) ---------- */
body.login-page .login-quote-action::before {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.62);
  pointer-events: none;
}

body.login-page .login-quote-action.is-pulsing::before {
  animation: loginQuoteActionPulse 640ms cubic-bezier(0.16, 0.84, 0.44, 1);
}

/* ---------- Tooltip discreto ----------
   Volutamente NON si usa l'attributo title: il tooltip nativo si sommerebbe a
   questo, con due etichette sovrapposte e tempi di comparsa diversi. La caption
   localizzata resta comunque esposta all'accessibilita' tramite aria-label. */
body.login-page .login-quote-action::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  padding: 5px 9px;
  border-radius: 7px;
  background: rgba(8, 16, 28, 0.88);
  color: rgba(255, 255, 255, 0.95);
  font-family: "Segoe UI", system-ui, sans-serif;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.01em;
  white-space: nowrap;
  opacity: 0;
  transform: translate(-50%, 4px);
  transition: opacity 160ms ease, transform 160ms ease;
  pointer-events: none;
}

body.login-page .login-quote-action:hover::after,
body.login-page .login-quote-action:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
  transition-delay: 240ms;
}

/* ---------- Icone: contorno sottile che si riempie ---------- */
body.login-page .login-quote-icon {
  position: relative;
  display: block;
  width: 19px;
  height: 19px;
}

body.login-page .login-quote-icon__svg {
  display: block;
  width: 19px;
  height: 19px;
  overflow: visible;
}

body.login-page .login-quote-icon__svg--line path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Il livello pieno ripete anche il contorno, cosi' la sagoma piena coincide
   esattamente con quella vuota e il passaggio non "dimagrisce" l'icona. */
body.login-page .login-quote-icon__svg--fill path {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linejoin: round;
}

body.login-page .login-quote-icon__fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 200ms ease;
}

body.login-page .login-quote-action:hover .login-quote-icon__fill {
  opacity: 0.28;
}

body.login-page .login-quote-action.is-selected .login-quote-icon__fill,
body.login-page .login-quote-action.is-copied .login-quote-icon__fill {
  opacity: 1;
}

/* Con clip-path il pieno non compare di colpo: SALE dentro il contorno. Il clip sta
   su un elemento HTML e non su un nodo SVG perche' li' il riquadro di riferimento e'
   prevedibile in tutti i browser. Senza clip-path (browser molto vecchi) resta la
   semplice dissolvenza dichiarata sopra: nessuna icona rotta, solo meno effetto. */
@supports (clip-path: inset(0px)) {
  body.login-page .login-quote-icon__fill {
    opacity: 1;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 460ms cubic-bezier(0.2, 0.86, 0.28, 1);
  }
  /* Il pollice all'ingiu' si riempie dall'alto: il verso del gesto e' quello. */
  body.login-page .login-quote-action--dislike .login-quote-icon__fill {
    clip-path: inset(0 0 100% 0);
  }
  body.login-page .login-quote-action:hover .login-quote-icon__fill {
    opacity: 0.34;
    clip-path: inset(0 0 0 0);
  }
  body.login-page .login-quote-action.is-selected .login-quote-icon__fill,
  body.login-page .login-quote-action.is-copied .login-quote-icon__fill {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
/* ---------- Copia: il glifo si scambia con la spunta ---------- */
body.login-page .login-quote-icon__check {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 19px;
  height: 19px;
  opacity: 0;
  transform: scale(0.55);
  transition: opacity 180ms ease, transform 300ms cubic-bezier(0.2, 1.4, 0.4, 1);
}

body.login-page .login-quote-icon__check path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 22;
  stroke-dashoffset: 22;
  transition: stroke-dashoffset 340ms cubic-bezier(0.3, 0.9, 0.3, 1) 90ms;
}

body.login-page .login-quote-action--copy.is-copied .login-quote-icon__svg,
body.login-page .login-quote-action--copy.is-copied .login-quote-icon__fill {
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 160ms ease, transform 260ms ease;
}

body.login-page .login-quote-action--copy.is-copied .login-quote-icon__check {
  opacity: 1;
  transform: scale(1);
}

body.login-page .login-quote-action--copy.is-copied .login-quote-icon__check path {
  stroke-dashoffset: 0;
}

/* ---------- Messaggio temporaneo (mai un toastr, mai un modal) ---------- */
body.login-page .login-quote-status {
  margin-left: 6px;
  color: rgba(255, 255, 255, 0.82);
  font-family: "Segoe UI", system-ui, sans-serif;
  font-size: 12.5px;
  font-weight: 400;
  letter-spacing: 0.02em;
  white-space: nowrap;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 240ms ease, transform 240ms ease;
  pointer-events: none;
}

body.login-page .login-quote-status.is-visible {
  opacity: 1;
  transform: translateX(0);
}

@keyframes loginQuoteActionEnter {
  from {
    opacity: 0;
    transform: translateY(7px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes loginQuoteActionPulse {
  0% {
    opacity: 0.55;
    transform: scale(0.62);
  }
  100% {
    opacity: 0;
    transform: scale(1.45);
  }
}
/* Sotto i 1100px la citazione e' gia' display:none e con lei le azioni. La
   regola esplicita e' una rete di sicurezza: se un domani la frase venisse
   mostrata anche su viewport strette, le azioni resterebbero comunque fuori. */
@media (max-width: 1100px) {
  body.login-page .login-quote-actions {
    display: none;
  }
}
/* ============================================================
   CAMBIA FRASE E SFONDO — 2026-07-27
   Quarto pulsante della barra della citazione: sostituisce insieme la foto e
   la frase senza ricaricare la pagina.

   Due transizioni, entrambe volutamente sobrie: la citazione si attenua e
   rientra, la foto entra in dissolvenza incrociata su un secondo layer. Nessun
   effetto vistoso, nessuna animazione continua, nessun momento in cui la pagina
   resti senza sfondo (la nuova foto viene scaricata prima di comparire).

   Le due durate sono dichiarate QUI come custom property e LETTE dal JavaScript
   (Scripts/Views/Account/LoginQuote.js): esiste un solo posto in cui cambiarle,
   come gia' fatto per il breakpoint della citazione.
   ============================================================ */
body.login-page {
  --login-quote-swap-duration: 220ms;
  --login-bg-crossfade-duration: 760ms;
  /* Fermo immagine -> filmato: deve sembrare che la fotografia prenda vita, non che
     un'altra cosa la sostituisca. Letta da Scripts\Views\Account\LoginBackgroundVideo.js. */
  --login-bg-video-fade-duration: 800ms;
}

/* ---------- Citazione senza autore ----------
   Separatore e autore sono sempre nel markup (al cambio devono poter comparire
   e sparire): quando l'autore manca li nasconde questo modificatore. */
body.login-page .login-quote--no-author .login-quote__separator,
body.login-page .login-quote--no-author .login-quote__author {
  display: none;
}

/* ---------- Sostituzione della frase ---------- */
body.login-page .login-quote__text,
body.login-page .login-quote__separator,
body.login-page .login-quote__author {
  transition: opacity var(--login-quote-swap-duration) cubic-bezier(0.4, 0, 0.2, 1), transform var(--login-quote-swap-duration) cubic-bezier(0.4, 0, 0.2, 1), width var(--login-quote-swap-duration) cubic-bezier(0.4, 0, 0.2, 1);
}

body.login-page .login-quote.is-swapping .login-quote__text,
body.login-page .login-quote.is-swapping .login-quote__separator,
body.login-page .login-quote.is-swapping .login-quote__author {
  opacity: 0;
  transform: translateY(-8px);
}

/* Il filo dell'autore si riavvolge invece di sparire di colpo: un dettaglio che
   rende il ricambio leggibile come un gesto unico. */
body.login-page .login-quote.is-swapping .login-quote__separator {
  width: 0;
}

/* ---------- Dissolvenza incrociata dello sfondo ----------
   Il layer entrante e' identico a quello uscente (stessa classe, stessa
   geometria, stessa animazione Ken Burns) e sta dopo di lui nel DOM: dipinge
   quindi sopra, ed e' la sola opacita' a governare il passaggio. */
body.login-page #LoginBackround .login-bg-motion--incoming {
  opacity: 0;
  transition: opacity var(--login-bg-crossfade-duration) cubic-bezier(0.33, 0, 0.2, 1);
}

body.login-page #LoginBackround .login-bg-motion--incoming.is-visible {
  opacity: 1;
}

/* Variante Ken Burns applicata al SINGOLO layer e non al body: al cambio il
   nuovo layer ne riceve una diversa mentre quello uscente conserva la sua, e il
   JavaScript non ha bisogno di conoscere alcun nome di keyframe (gli arriva la
   variante dal server). Il selettore ha due classi sul layer, quindi vince sulle
   regole per body.login-page--bg-motion-* senza dipendere dall'ordine del file. */
body.login-page #LoginBackround .login-bg-motion.login-bg-motion--zoom-in {
  animation-name: loginBgZoomInSoft;
}

body.login-page #LoginBackround .login-bg-motion.login-bg-motion--zoom-out {
  animation-name: loginBgZoomOutSoft;
}

body.login-page #LoginBackround .login-bg-motion.login-bg-motion--zoom-in-right {
  animation-name: loginBgZoomInRightSoft;
}

body.login-page #LoginBackround .login-bg-motion.login-bg-motion--zoom-out-up {
  animation-name: loginBgZoomOutUpSoft;
}

body.login-page #LoginBackround .login-bg-motion.login-bg-motion--diagonal {
  animation-name: loginBgDiagonalDriftSoft;
}

body.login-page #LoginBackround .login-bg-motion.login-bg-motion--pan {
  animation-name: loginBgPanSoft;
}

/* ---------- Separatore fra riscontro e cambio ----------
   Le prime tre icone parlano della frase, la quarta la sostituisce: un filo
   verticale appena percettibile separa le due intenzioni senza aggiungere peso. */
body.login-page .login-quote-actions__divider {
  width: 1px;
  height: 18px;
  margin: 0 5px;
  flex: 0 0 auto;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.32) 50%, rgba(255, 255, 255, 0) 100%);
}

/* Entrata scaglionata come per le altre icone: il separatore e poi il quarto
   pulsante chiudono la sequenza. */
body.login-page .login-quote-actions.is-ready .login-quote-actions__divider {
  animation: loginQuoteActionEnter 560ms cubic-bezier(0.22, 0.9, 0.24, 1) 440ms both;
}

body.login-page .login-quote-actions.is-ready .login-quote-action:nth-child(5) {
  animation-delay: 500ms;
}

/* ---------- Quarto pulsante: cambia frase e sfondo ----------
   Icona di sole linee: non c'e' una sagoma da riempire, lo stato lo esprime il
   movimento. Al passaggio del mouse le frecce compiono mezzo giro — il gesto
   dello scambio — invece di accendersi. */
body.login-page .login-quote-action--shuffle .login-quote-icon {
  transition: transform 420ms cubic-bezier(0.2, 0.86, 0.28, 1);
}

body.login-page .login-quote-action--shuffle:hover .login-quote-icon,
body.login-page .login-quote-action--shuffle:focus-visible .login-quote-icon {
  transform: rotate(180deg);
}

/* Stato di attesa: la sola icona ruota, lentamente e in silenzio. Nessuno
   spinner, nessun overlay: il pulsante e' un comando accessorio. */
body.login-page .login-quote-action--shuffle.is-loading {
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  cursor: default;
}

body.login-page .login-quote-action--shuffle.is-loading .login-quote-icon {
  animation: loginQuoteShuffleSpin 1100ms linear infinite;
}

/* Il pulsante disabilitato non deve reagire ne' al passaggio del mouse ne'
   alla pressione: durante il cambio un secondo clic non ha alcun effetto. */
body.login-page .login-quote-action--shuffle:disabled {
  cursor: default;
}

body.login-page .login-quote-action--shuffle:disabled:hover {
  background: transparent;
}

body.login-page .login-quote-action--shuffle:disabled:active {
  transform: none;
}

@keyframes loginQuoteShuffleSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Riduzione del movimento: il cambio resta, ma diventa immediato. Azzerando
   anche le due custom property il JavaScript non attende transizioni che non
   avvengono (le legge da qui). */
@media (prefers-reduced-motion: reduce) {
  body.login-page {
    --login-quote-swap-duration: 0.01ms;
    --login-bg-crossfade-duration: 0.01ms;
  }
  body.login-page .login-quote-action--shuffle .login-quote-icon,
  body.login-page .login-quote-action--shuffle:hover .login-quote-icon,
  body.login-page .login-quote-action--shuffle.is-loading .login-quote-icon {
    animation: none !important;
    transform: none !important;
  }
}
/* Sotto i 1100px la citazione e' gia' nascosta e con lei l'intera barra: il
   quarto pulsante non esiste su mobile, dove non c'e' ne' foto ne' frase. */
/* ============================================================
   PAGINE ACCESSORIE DELL'ACCESSO — recupero password (2026-08-21)
   Views\Account\RetrievePassword.cshtml e SetNewPassword.cshtml.

   Sono la stessa stanza della pagina di accesso e ne riusano tutto: shell,
   pannello di vetro, campi, pulsante, sfondo animato. Qui c'è solo quello che
   la pagina di accesso non ha — il ritorno indietro, il percorso in due passi,
   la conferma dell'invio, il codice e la robustezza della password.

   Niente frase motivazionale, per scelta: la metà sinistra resta la sola foto.

   ⚠ Sezione IN CODA al file, dopo il blocco mobile (max-width:768px) che vale
   per la pagina di accesso: le regole qui sotto usano solo classi NUOVE, così
   non scavalcano quel blocco. Gli aggiustamenti per il telefono stanno nella
   media query in fondo a QUESTA sezione.
   ============================================================ */
/* ---------- Torna all'accesso ----------
   Fino a ieri da queste due pagine si tornava indietro solo col tasto del
   browser: era la mancanza più concreta, prima ancora dell'estetica. */
body.login-page #loginForm .login-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 18px -8px; /* il padding sinistro rientra: il testo resta allineato al pannello */
  padding: 6px 12px 6px 8px;
  border-radius: 999px;
  color: var(--login-ink-soft);
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: none;
  transition: color 160ms ease, background-color 160ms ease;
}

body.login-page #loginForm .login-back:hover,
body.login-page #loginForm .login-back:focus {
  color: var(--login-ink);
  background: var(--login-hover-bg);
  text-decoration: none; /* la regola storica #loginForm a:hover sottolinea */
}

body.login-page #loginForm .login-back:focus-visible {
  outline: 3px solid rgba(38, 151, 245, 0.4);
  outline-offset: 2px;
}

body.login-page #loginForm .login-back svg {
  transition: transform 160ms ease;
}

body.login-page #loginForm .login-back:hover svg {
  transform: translateX(-3px);
}

/* ---------- Marchio compatto ----------
   Il logo c'è ancora — dice su quale IRIDay si sta lavorando — ma più piccolo:
   il titolo qui è il compito, non il benvenuto. Vale anche da telefono, dove il
   logo della pagina di accesso è invece di 72px. */
body.login-page .login-brand--compact #companyLogo,
body.login-page .login-brand--compact .login-logo {
  max-height: 56px;
  margin-bottom: 14px;
}

/* Lo spazio sotto il marchio appartiene al blocco, non al sottotitolo: la pagina
   del passo 2 il sottotitolo non ce l'ha — sarebbe la terza volta di fila che le
   si dice che il codice è nell'e-mail — e senza questo il titolo finirebbe
   appiccicato ai due passi. */
body.login-page .login-brand--compact {
  margin-bottom: 26px;
}

body.login-page .login-brand--compact .login-subtitle {
  margin-bottom: 0;
}

/* ---------- Percorso in due passi ----------
   Prende il posto della frase motivazionale, e a differenza di quella serve:
   dice che i passi sono due e a quale si è arrivati. */
body.login-page .login-steps {
  display: flex;
  gap: 10px;
  margin: 0 0 26px;
  padding: 0;
  list-style: none;
}

body.login-page .login-step {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1 1 0;
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: var(--login-r-ctl);
  background: var(--login-step-bg);
  color: var(--login-ink-muted);
  font-size: 13px;
  font-weight: 600;
}

body.login-page .login-step-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--login-step-mark);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}

body.login-page .login-step-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body.login-page .login-step--current {
  border-color: var(--login-step-current-line);
  background: var(--login-step-current-bg);
  color: var(--login-step-current);
}

/* Stesso blu notte del pulsante di accesso: il passo in corso e l'azione che lo
   chiude sono la stessa cosa. */
body.login-page .login-step--current .login-step-mark {
  background: var(--login-primary-bg);
}

body.login-page .login-step--done {
  color: var(--login-ink-2);
}

body.login-page .login-step--done .login-step-mark {
  background: var(--login-link);
}

/* ---------- Conferma dell'invio ----------
   Non è un errore e non è un titolo: è la ricevuta di qualcosa che è appena
   successo, e sparisce dal tentativo successivo in poi. */
body.login-page .login-note {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin-bottom: 20px;
  padding: 13px 15px;
  border: 1px solid var(--login-note-line);
  border-radius: 12px;
  background: var(--login-note-bg);
  color: var(--login-note);
  font-size: 13.5px;
  line-height: 1.45;
}

body.login-page .login-note-icon {
  display: inline-flex;
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--login-link);
}

/* ---------- Campo del codice ----------
   È un GUID che si incolla dall'e-mail: larghezza fissa dei caratteri per
   rileggerlo, e niente icona a destra da cui rientrare. */
body.login-page #loginForm .login-input--code {
  padding-right: 16px;
  font-family: Consolas, "Cascadia Mono", "SF Mono", Menlo, monospace;
  font-size: 14.5px;
  letter-spacing: 0.02em;
}

/* ---------- Requisiti della password ----------
   Scritti PRIMA di sbagliare: l'errore sotto il campo arriva comunque, ma
   averlo letto in anticipo evita di doverlo leggere. */
body.login-page .login-hint {
  margin: 8px 0 0;
  color: var(--login-ink-muted);
  font-size: 12.5px;
  line-height: 1.4;
}

/* ---------- Barra di robustezza ----------
   Il componente e i suoi colori restano quelli condivisi
   (Content\Views\Shared\PasswordProgressBar.css, che la view linka): qui si
   rivedono solo forma e binario, perché nel pannello la barra non è incollata
   sotto il campo ma staccata, e va arrotondata come tutto il resto. */
body.login-page .login-field [data-password-strength] {
  margin-top: 9px;
}

body.login-page .login-field [data-password-strength] .progress {
  height: 5px;
  border-radius: 999px;
  background-color: var(--login-meter-bg);
  box-shadow: none;
}

body.login-page .login-field [data-password-strength] .progress .progress-bar {
  height: 5px;
  line-height: 5px;
  border-radius: 999px;
  box-shadow: none;
  transition: width 220ms ease, background-color 220ms ease;
}

/* L'etichetta testuale della barra non viene più valorizzata da checkStrength
   (ritorna sempre stringa vuota): resta nel markup del componente condiviso, e
   qui non deve occupare spazio. */
body.login-page .login-field [data-password-strength] .progress small {
  display: none;
}

/* Campo vuoto: il binario della barra sparisce ma il suo spazio resta, così alla
   prima lettera digitata nulla si sposta. Senza questo, sotto un campo ancora
   vuoto resta una riga grigia che sembra un separatore fuori posto. */
body.login-page .login-field .password-strength-empty .progress {
  opacity: 0;
  transition: opacity 160ms ease;
}

/* ---------- Telefono ----------
   Il pannello è già a tutta pagina per le regole della pagina di accesso: qui
   solo quello che riguarda gli elementi nuovi. */
@media (max-width: 768px) {
  /* Quelle regole lasciano 82px di aria in testa per non finire sotto il
     selettore lingua: qui il selettore non c'è, e quell'aria sarebbe solo vuoto
     prima del link di ritorno. */
  body.login-page #loginForm.login-panel--task {
    padding-top: max(28px, env(safe-area-inset-top) + 16px);
  }
  body.login-page #loginForm .login-back {
    margin-bottom: 14px;
  }
  body.login-page .login-steps {
    gap: 8px;
    margin-bottom: 22px;
  }
  body.login-page .login-step {
    padding: 9px 10px;
    font-size: 12.5px;
  }
}
/* Telefoni molto stretti: i due passi non ci stanno affiancati con la loro
   etichetta, e troncarle li renderebbe illeggibili entrambi. Restano i numeri,
   che sono l'informazione ("uno di due"), e l'etichetta la tiene il solo passo
   in corso — l'unico di cui serva sapere il nome. */
@media (max-width: 420px) {
  body.login-page .login-step {
    flex: 0 0 auto;
  }
  body.login-page .login-step--current {
    flex: 1 1 auto;
    min-width: 0;
  }
  body.login-page .login-step:not(.login-step--current) .login-step-label {
    display: none;
  }
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.modal-backdrop {
  z-index: 15000 !important;
}

.modal-backdrop.fade {
  background-color: rgba(0, 0, 0, 0.12);
  /*display: none;*/
}

.modal-content {
  -webkit-box-shadow: 0 -2px 25px 0 rgba(0, 0, 0, 0.15), 0 13px 25px 0 rgba(0, 0, 0, 0.3) !important;
  border: none;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.modal .modal-header {
  border: none;
  padding: 8px 15px;
}

.modal-header .modal-title {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 24px;
  text-align: left;
  letter-spacing: 0.03px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.modal-footer {
  border: none;
  background-color: var(--background-color);
  text-align: right;
  /* Corner radius */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  /* Internal padding */
  padding-top: 0;
  padding-left: 16px;
  padding-right: 15px;
  padding-bottom: 8px;
  /* External padding */
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.modal-footer.event-modal {
  padding: 15px 0px 0px 0px;
}

.modal .modal-body {
  position: unset;
}

.modal .modal-body .option-row {
  text-decoration: none;
  color: var(--text-main-color-dark);
}

#trash-modal.modal .modal-body {
  min-height: 300px;
}

#trash-modal.modal .modal-body .table-wrapper {
  max-height: 45vh;
  overflow-y: auto;
}

#trash-modal.modal .modal-body .table-wrapper table th:first-child {
  text-align: center;
}

#trash-modal.modal .modal-body .table-wrapper .empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  font-size: 18px;
}

#trash-modal.removing .button, .modal.removing .button,
.modal.saving .button, .modal.saving,
.modal-button.waiting {
  pointer-events: none;
}

#trash-modal.removing .d-btn .text, .modal.removing .d-btn .text {
  display: none;
}

#trash-modal .d-btn .spinner, .modal .spinner {
  display: none;
}

#trash-modal.removing .d-btn .spinner,
.modal.removing .d-btn .spinner,
.modal.saving .s-btn .spinner,
.modal.saving .s-btn .spinner,
.modal-button.waiting .spinner {
  display: block;
}

.modal.saving .s-btn .text,
.modal.saving .s-btn .text,
.modal-button.waiting .text {
  display: none;
}

.modal-button.waiting .loading-spinner {
  margin-right: 5px;
  display: inline-block;
}

.modal.loading .modal-button.disabled-on-loading:not(.waiting),
.modal-button.disabled {
  pointer-events: none;
  color: var(--text-secondary-color) !important;
  transition: color 0.5s;
}

.modal.loading .input-autocomplete.disabled-on-loading .ui-autocomplete-input,
.modal.loading .input-autocomplete.disabled-on-loading .button-autocomplete {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
  }
  .modal-dialog.big {
    width: 1000px;
  }
}
.modal-dialog {
  margin: 100px auto;
}

.modal-dialog .modal-body {
  max-height: 70vh;
  overflow-y: auto;
}

.modal-dialog .modal-body.ignore-autoscroll {
  max-height: initial;
  overflow-y: inherit;
}

@media (max-height: 800px) {
  .modal-dialog {
    /*width: 600px;*/
    margin: 50px auto;
  }
  .modal-dialog .modal-body {
    max-height: 50vh;
  }
}
/* La modale «Scarica unità» (Ordini di produzione, Gruppi di fasi, Anomalie, Registro tempi) dichiara la larghezza
   in linea, in percentuale: sul telefono metà schermo non si legge. Lì torna quella di Bootstrap; `!important`
   perché uno stile in linea non si batte altrimenti. */
@media (max-width: 767px) {
  #production-history-infScroll.modal-dialog,
  #edit-production-history-modal .modal-dialog,
  #confirm-delete-production-history-qty-modal .modal-dialog {
    width: auto !important;
  }
}
#modal-image {
  z-index: 30000;
}

#modal-image .modal-dialog {
  /*width: inherit;*/
  max-width: 50%;
}

#modal-image img {
  max-width: 100%;
  max-height: 100%;
}

.modal-button.color-0 {
  color: var(--modal-button-neutral-ink, var(--text-main-color)) !important;
  transition: color 0.5s;
}

.modal-button.color-1 {
  color: var(--reminder-background-color-1) !important;
  transition: color 0.5s;
}

.modal-button.color-2 {
  color: var(--reminder-background-color-2) !important;
  transition: color 0.5s;
}

.modal-button.color-3 {
  color: var(--reminder-background-color-3) !important;
  transition: color 0.5s;
}

.modal-button.color-4 {
  color: var(--reminder-background-color-4) !important;
  transition: color 0.5s;
}

.modal-button.color-5 {
  color: var(--reminder-background-color-5) !important;
  transition: color 0.5s;
}

.modal-button.color-6 {
  color: var(--reminder-background-color-6) !important;
  transition: color 0.5s;
}

.modal-button.color-7 {
  color: var(--reminder-background-color-7) !important;
  transition: color 0.5s;
}

.modal-button.disabled {
  pointer-events: none;
  color: var(--text-secondary-color) !important;
  transition: color 0.5s;
}

.modal-button,
.popover .button,
.modal .button {
  font-weight: bold;
  min-width: 50px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px;
  border-radius: 2px;
  cursor: pointer;
  color: var(--theme-secondary-ink) !important;
  text-decoration: none;
  background-color: transparent;
}

.modal .create-type-btn {
  float: right;
}

.modal .button .selected-types-description {
  text-transform: none;
}

.modal .type-selection-table-container {
  margin-bottom: 15px;
}

.modal-button:hover,
.modal-button:focus,
.popover .button:hover,
.modal .button:hover,
.popover .button:focus,
.modal .button:focus {
  background-color: var(--modal-button-hover-bg, var(--hover-bg-color));
  text-decoration: none;
}

.modal-button.wide {
  width: 100%;
}

.no-margin {
  margin: 0px !important;
}

.modal tr[class*=-itemClick].disabled {
  opacity: 0.5;
  pointer-events: none;
}

.modal.warning-modal .modal-header {
  background: var(--ird-color-palette-yellow);
}

.modal.error-modal .modal-header {
  background: var(--ird-color-palette-red);
}

.modal.info-modal .modal-header {
  background: var(--ird-color-palette-blue);
}

.modal.warning-modal .modal-content {
  border: 3px solid var(--ird-color-palette-yellow);
}

.modal.error-modal .modal-content {
  border: 3px solid var(--ird-color-palette-red);
}

.modal.info-modal .modal-content {
  border: 3px solid var(--ird-color-palette-blue);
}

.modal.warning-modal .modal-header .modal-title,
.modal.error-modal .modal-header .modal-title,
.modal.info-modal .modal-header .modal-title {
  color: var(--text-knockout-color);
}

.modal.warning-modal .modal-header .modal-title:not(.no-icon)::before {
  font-family: "Icomoon" !important;
  content: "\e24f";
  padding-right: 10px;
  vertical-align: middle;
}

.modal.error-modal .modal-header .modal-title:not(.no-icon)::before {
  font-family: "Icomoon" !important;
  content: "\e268";
  padding-right: 10px;
  vertical-align: middle;
}

.modal.info-modal .modal-header .modal-title:not(.no-icon)::before {
  font-family: "Icomoon" !important;
  content: "\e25c";
  padding-right: 10px;
  vertical-align: middle;
}

#toast-container .toast-action {
  margin-top: 10px;
  text-align: right;
}

#toast-container .toast-action .modal-button {
  background-color: #ffffff;
  color: #333333 !important;
}

#toast-container .toast-success .toast-action .modal-button {
  color: #51a351 !important;
}

#toast-container .toast-error .toast-action .modal-button {
  color: #bd362f !important;
}

#toast-container .toast-info .toast-action .modal-button {
  color: #2f96b4 !important;
}

#toast-container .toast-warning .toast-action .modal-button {
  color: #f89406 !important;
}

#toast-container .toast-action .modal-button:hover,
#toast-container .toast-action .modal-button:focus {
  background-color: #f5f5f5;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

button.modal-button {
  border: none;
}

/* ---- Conferma digitata delle eliminazioni definitive (delete-confirm.js, NOTES.md §219) ----------------
   Vale per la classica e per la V2: i colori sono i token della shell dove ci sono, con il ripiego della
   classica. Il comando spento a campo vuoto, pieno di rosso a parola giusta: si vede prima di premere. */
.delete-confirm {
  --delete-confirm-ink: var(--sh-danger, #c62828);
  --delete-confirm-tint: var(--sh-danger-tint, rgba(198, 40, 40, .09));
  margin-top: 16px;
  text-align: left;
}

.delete-confirm[hidden] {
  display: none;
}

.delete-confirm__warning {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding: 8px 12px;
  border-left: 3px solid var(--delete-confirm-ink);
  background: var(--delete-confirm-tint);
  color: var(--delete-confirm-ink);
  font-size: calc(14px * var(--sh-text-k, 1));
  font-weight: 600;
  line-height: 1.35;
}

.delete-confirm__label {
  display: block;
  margin: 0 0 6px;
  color: var(--sh-text-2, inherit);
  font-size: calc(14px * var(--sh-text-k, 1));
  font-weight: normal;
  text-transform: none;
  transition: color 0.14s;
}

/* Un clic sul comando ancora spento indica la frase. */
.delete-confirm[data-asked] .delete-confirm__label {
  color: var(--delete-confirm-ink);
}

/* Un clic la seleziona tutta: per chi preferisce copiarla. */
.delete-confirm__word {
  color: var(--delete-confirm-ink);
  letter-spacing: 0.06em;
  user-select: all;
}

.delete-confirm__field {
  position: relative;
}

/* Più pesante di `input:not([type=checkbox])` della classica, che lo vorrebbe senza bordi e tratteggiato. */
.delete-confirm .delete-confirm__field input.delete-confirm__input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 40px 0 12px;
  border: 1px solid var(--sh-line-strong, #b5b5b5);
  border-radius: var(--sh-r-ctl, 2px);
  background: var(--sh-field-bg, #fff);
  color: var(--sh-text, #333);
  font-size: calc(16px * var(--sh-text-k, 1));
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.delete-confirm .delete-confirm__field input.delete-confirm__input::placeholder {
  color: var(--sh-text-3, #999);
  opacity: 0.5;
}

/* Nella V2 il fuoco è l'anello d'accento di tutti i campi; nella classica, che non ne ha, il bordo rosso. */
.delete-confirm .delete-confirm__field input.delete-confirm__input:focus {
  border-color: var(--sh-acc-ink, var(--delete-confirm-ink));
}

/* Quanta parola è giusta, lettera per lettera: si ferma alla prima sbagliata. */
.delete-confirm__meter {
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  height: 3px;
  background: var(--delete-confirm-ink);
  transform: scaleX(var(--delete-confirm-progress, 0));
  transform-origin: left center;
  transition: transform 0.16s cubic-bezier(0.2, 0, 0, 1);
  pointer-events: none;
}

.delete-confirm__check {
  position: absolute;
  top: 50%;
  right: 12px;
  color: var(--delete-confirm-ink);
  font-size: 16px;
  opacity: 0;
  transform: translateY(-50%) scale(0.5);
  transition: opacity 0.16s, transform 0.16s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none;
}

.delete-confirm[data-state=ok] .delete-confirm__check {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.delete-confirm[data-state=wrong] .delete-confirm__field input.delete-confirm__input {
  border-color: var(--delete-confirm-ink);
}

.modal-button[data-delete-confirm][aria-disabled=true],
.modal .button[data-delete-confirm][aria-disabled=true] {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Il ripiego del `color` batte quello con `!important` di `.modal-button.color-1`. */
.delete-confirm-armed .modal-button[data-delete-confirm][aria-disabled=false],
.delete-confirm-armed .button[data-delete-confirm][aria-disabled=false] {
  background: var(--delete-confirm-ink, var(--sh-danger, #c62828));
  color: #fff !important;
  transition: background-color 0.16s, color 0.16s;
}

.delete-confirm-armed .modal-button[data-delete-confirm][aria-disabled=false]:hover,
.delete-confirm-armed .modal-button[data-delete-confirm][aria-disabled=false]:focus,
.delete-confirm-armed .button[data-delete-confirm][aria-disabled=false]:hover {
  background: var(--sh-danger, #c62828);
  filter: brightness(0.92);
}

.modal[aria-busy=true] [data-delete-confirm] {
  cursor: progress;
}

:root[data-animations=off] .delete-confirm__meter,
:root[data-animations=off] .delete-confirm__check {
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .delete-confirm__meter,
  .delete-confirm__check {
    transition: none;
  }
}
/* ---- Uscita per inattività: la finestra con il conto alla rovescia (idle-logout.js, NOTES.md §231) ------------------
   Classica e V2: i token della shell dove ci sono, con il ripiego della classica. Un <dialog> aperto con showModal() sta
   nel top layer, sopra le modali e il velo di caricamento: nessun z-index. La corona che si svuota è il dato, non un
   effetto: resta con «riduci movimento» e con le animazioni spente della Company, ed è lenta (un giro in un minuto). */
.idle-logout {
  --idle-ink: var(--sh-acc, var(--theme-main-color, #026b9c));
  --idle-warn: var(--sh-warn, #b06a00);
  --idle-warn-ink: var(--sh-warn-ink, #8a5300);
  --idle-track: var(--sh-line, var(--default-line-color, #ccc));
  --idle-ring: 128px;
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 380px;
  padding: 28px 24px 20px;
  border: 0;
  border-radius: var(--sh-r-lg, 8px);
  background: var(--sh-card, #fff);
  color: var(--sh-text, #333);
  box-shadow: var(--sh-shadow-float, 0 8px 24px -6px rgba(16, 21, 27, 0.18), 0 2px 6px rgba(16, 21, 27, 0.06));
  text-align: center;
}

.idle-logout[open] {
  animation: idle-logout-in var(--sh-mo-slow, 200ms) var(--sh-mo-ease, ease-out);
}

/* Il ripiego scritto serve: fino a Chrome 121 `::backdrop` non eredita le proprietà della pagina. */
.idle-logout::backdrop {
  background: var(--sh-scrim, rgba(16, 21, 27, 0.38));
}

.idle-logout__ring {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--idle-ring);
  height: var(--idle-ring);
  margin: 0 auto 18px;
}

/* Ruotata di un quarto: il tratto parte da ore 12 e il vuoto avanza in senso orario, come la lancetta. */
.idle-logout__svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  overflow: visible;
}

.idle-logout__track,
.idle-logout__arc {
  fill: none;
  stroke-width: 6;
}

.idle-logout__track {
  stroke: var(--idle-track);
}

/* pathLength="100" nel markup: le misure del tratto sono costanti, qualunque sia il raggio. La durata la scrive lo
   script da data-idle-warning, e allinea l'istante all'orologio (getAnimations). */
.idle-logout__arc {
  stroke: var(--idle-ink);
  stroke-linecap: round;
  stroke-dasharray: 100;
  animation: idle-logout-empty var(--idle-window, 60s) linear forwards;
  transition: stroke var(--sh-mo-slow, 200ms) linear;
}

.idle-logout__count {
  position: relative;
  color: var(--sh-text, #333);
  font-size: calc(40px * var(--sh-text-k, 1));
  font-weight: 300;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  transition: color var(--sh-mo-slow, 200ms) linear;
}

.idle-logout__unit {
  position: relative;
  margin-top: 4px;
  color: var(--sh-text-2, #777);
  font-size: var(--sh-fs-sm, 12px);
  line-height: 1.2;
}

/* Gli ultimi dieci secondi: ambra e non rosso, perché è un avviso e non un errore. */
.idle-logout[data-urgent] .idle-logout__arc {
  stroke: var(--idle-warn);
}

.idle-logout[data-urgent] .idle-logout__count {
  color: var(--idle-warn-ink);
}

.idle-logout h2.idle-logout__title {
  margin: 0 0 8px;
  color: inherit;
  font-size: calc(19px * var(--sh-text-k, 1));
  font-weight: 600;
  line-height: 1.3;
  text-transform: none;
}

.idle-logout__text,
.idle-logout__unsaved {
  margin: 0 0 6px;
  color: var(--sh-text-2, #666);
  font-size: var(--sh-fs-body, 14px);
  line-height: 1.45;
}

.idle-logout__unsaved {
  color: var(--idle-warn-ink);
  font-weight: 600;
}

.idle-logout__unsaved[hidden] {
  display: none;
}

.idle-logout__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-top: 18px;
}

/* Il comando dell'importante: pieno d'accento e tondo (CLAUDE.md §7), largo abbastanza da toccarlo da un tablet. */
.idle-logout .idle-logout__continue,
.idle-logout .idle-logout__signin {
  position: relative; /* l'ospite del riflesso, più sotto */
  min-width: 220px;
  min-height: 44px;
  padding: 10px 24px;
  border: 0;
  border-radius: var(--sh-r-primary, 4px);
  background: var(--sh-primary, var(--idle-ink));
  color: var(--sh-primary-on, #fff);
  font-size: var(--sh-fs-body, 14px);
  font-weight: 600;
  text-transform: none;
}

.idle-logout .idle-logout__continue:hover,
.idle-logout .idle-logout__continue:focus,
.idle-logout .idle-logout__signin:hover,
.idle-logout .idle-logout__signin:focus {
  background: var(--sh-primary-hover, var(--sh-primary, var(--idle-ink)));
  color: var(--sh-primary-on, #fff);
}

/* Il riflesso della sosta dei pulsanti principali (NOTES.md §261), con i token della shell e i loro valori per la
   classica, dove non ci sono. */
@media (hover: hover) and (pointer: fine) {
  .idle-logout .idle-logout__continue:hover::after,
  .idle-logout .idle-logout__signin:hover::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 20%, rgba(255, 255, 255, calc(var(--sh-primary-sheen, 0.24) * 0.45)) 38%, rgba(255, 255, 255, var(--sh-primary-sheen, 0.24)) 50%, rgba(255, 255, 255, calc(var(--sh-primary-sheen, 0.24) * 0.45)) 62%, transparent 80%) no-repeat;
    background-size: 72px 100%;
    background-position: -72px 0;
    animation: idle-logout-sheen var(--sh-mo-primary-sheen, 900ms) cubic-bezier(0.35, 0.45, 0.75, 0.8) var(--sh-mo-primary-sheen-wait, 750ms) both;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce), (hover: hover) and (pointer: fine) and (forced-colors: active) {
  .idle-logout .idle-logout__continue:hover::after,
  .idle-logout .idle-logout__signin:hover::after {
    content: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  :root[data-animations=off] .idle-logout .idle-logout__continue:hover::after,
  :root[data-animations=off] .idle-logout .idle-logout__signin:hover::after {
    content: none;
  }
}
@keyframes idle-logout-sheen {
  from {
    background-position: -72px 0;
  }
  to {
    background-position: calc(100% + 72px) 0;
  }
}
.idle-logout .idle-logout__leave {
  min-height: 44px;
  padding: 10px 16px;
  color: var(--sh-text-2, #666);
  font-size: var(--sh-fs-body, 14px);
  text-transform: none;
}

.idle-logout .idle-logout__leave:hover,
.idle-logout .idle-logout__leave:focus {
  color: var(--sh-text, #333);
}

.idle-logout .btn:focus-visible {
  outline: 2px solid var(--idle-ink);
  outline-offset: 2px;
}

/* A sessione chiusa la finestra copre tutta la vista con un fondo pieno: su un PC condiviso la pagina dietro non resta
   leggibile sotto un velo. È la finestra che si allarga, non il ::backdrop (vedi sopra). */
.idle-logout__closed {
  display: none;
}

.idle-logout[data-state=closed] > :not(.idle-logout__closed):not([data-idle-live]) {
  display: none;
}

.idle-logout[open][data-state=closed] {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  border-radius: 0;
  background: var(--sh-canvas, var(--background-color, #fff));
  box-shadow: none;
  animation: none;
}

.idle-logout[data-state=closed] .idle-logout__closed {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.idle-logout__closed-title {
  margin: 0;
  color: var(--sh-text, #333);
  font-size: calc(17px * var(--sh-text-k, 1));
  font-weight: 600;
}

@keyframes idle-logout-empty {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -100;
  }
}
@keyframes idle-logout-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 767px) {
  .idle-logout {
    --idle-ring: 112px;
    padding: 24px 16px 16px;
  }
  .idle-logout .idle-logout__continue,
  .idle-logout .idle-logout__signin {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .idle-logout[open] {
    animation: none;
  }
  .idle-logout__arc,
  .idle-logout__count {
    transition: none;
  }
}
@media (forced-colors: active) {
  .idle-logout__arc {
    stroke: Highlight;
  }
  .idle-logout__track {
    stroke: GrayText;
  }
  .idle-logout__count {
    color: CanvasText;
  }
}
@media print {
  .idle-logout {
    display: none;
  }
}
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.drop-zone {
  position: relative;
  width: 250px;
  height: 250px;
  vertical-align: middle;
  text-align: center;
  border: 2px dashed var(--text-light-color-2);
  border-radius: 0px;
  overflow: hidden;
}

.drop-zone.disabled .text-content {
  display: none;
}

.drop-zone.auto-w {
  width: auto;
  /*max-width: 250px;*/
}

.drop-zone.auto-w {
  width: auto;
  /*max-width: 250px;*/
}

.drop-zone.auto-h {
  height: initial;
  min-height: 50px;
}

.drop-zone-content.center .drop-zone {
  margin: auto;
}

.drop-zone-content.circle .drop-zone {
  border-radius: 50%;
}

.drop-zone .image {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.drop-zone.medium {
  width: 150px;
  height: 150px;
}

.drop-zone .text-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.drop-zone.empty:not(.disabled) .image,
.drop-zone.empty .remove-btn,
.drop-zone.empty .zoom-btn {
  display: none;
}

.drop-zone:not(.empty) .add-content {
  display: none;
}

.drop-zone.empty .add-btn,
.drop-zone:not(.empty) .remove-btn,
.drop-zone:not(.empty) .zoom-btn {
  opacity: 0;
  transition: 0.5s all;
}

.drop-zone.empty:hover .add-btn,
.drop-zone:not(.empty):hover .remove-btn,
.drop-zone:not(.empty):hover .zoom-btn {
  opacity: 1;
  transition: 0.5s all;
}

.drop-zone .text-content .labelDropZone {
  font-size: 20px;
}

.drop-zone .text-content .remove-btn,
.drop-zone .text-content .add-btn {
  cursor: pointer;
  position: absolute !important;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  color: var(--text-light-color);
  width: 50px;
  height: 50px;
  transition: opacity 0.2s ease-out;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 20px;
}

.drop-zone .text-content .zoom-btn {
  cursor: pointer;
  position: absolute !important;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  color: var(--text-light-color);
  width: 50px;
  height: 50px;
  transition: opacity 0.2s ease-out;
  right: 10px;
  bottom: 10px;
  margin: auto;
  font-size: 20px;
}

.drop-zone .text-content .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
}

.drop-zone.medium .zoom-btn {
  width: 25px;
  height: 25px;
  font-size: 15px;
}

.drop-zone.dz-drag-hover,
.documents-container .wrap .zone.dz-drag-hover {
  border: 2px solid var(--theme-main-color);
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

#primary-navbar {
  border: none;
  background-color: var(--theme-main-color);
  min-height: 40px !important;
}

#topbar-actions a:not(.content) {
  padding-top: 4px !important;
  padding-right: 15px !important;
  padding-bottom: 4px !important;
  padding-left: 15px !important;
}

#primary-navbar .dropdown-toggle {
  padding-top: 2px !important;
  padding-right: 15px !important;
  padding-bottom: 2px !important;
  padding-left: 15px !important;
}

#primary-navbar .navbar-toggle:hover,
#primary-navbar .navbar-toggle:focus {
  background-color: var(--theme-secondary-fill);
}

#primary-navbar .navbar-toggle {
  height: 25px;
  margin-top: 3px;
  margin-bottom: 1px;
}

#primary-navbar .navbar-toggle span:first-child {
  margin-top: -4px;
  display: block;
}

#primary-navbar .navbar-collapse.collapse.in {
  overflow: visible;
}

#primary-navbar .navbar-collapse.collapse.in .pageTitle {
  display: none;
}

/* Nel menu aperto (sotto i 768 px) la fila dei comandi è rientrata di 25 px per lato, e sotto il
   menu di sistema del Master scende invece di affiancarlo. Lo faceva il form di LogOff che la
   conteneva — un galleggiante largo 100% − 40 px con padding-left 40 px, e i −15 px di Bootstrap
   sulla lista —, e da quando la fila non sta più in un form (NOTES.md §153) la stessa geometria la
   dichiara lei: galleggiante, e largo quanto non entra accanto a nessun altro. Il margine
   superiore di Bootstrap resta: sotto un galleggiante un altro galleggiante lo conserva, un blocco
   no. */
#primary-navbar .navbar-collapse.collapse.in #topbar-actions {
  float: left !important;
  width: calc(100% - 50px);
  margin-left: 25px;
  margin-right: 25px;
  text-align: left;
}

#primary-navbar .navbar-brand:hover,
#primary-navbar .navbar-brand:focus {
  /*background: url(Images/logo-iride-progetti-32px.png) 10px center no-repeat;*/
  background: url(Images/logocolor2.png) 15px center no-repeat;
}

#primary-navbar .navbar-nav > li > a:hover,
#primary-navbar .navbar-nav > li > a:focus {
  background-color: rgba(255, 255, 255, 0.14902);
}

#primary-navbar .navbar-nav > .active > a,
#primary-navbar .navbar-nav > .active > a:hover,
#primary-navbar .navbar-nav > .active > a:focus {
  background-color: rgba(255, 255, 255, 0.14902);
}

#primary-navbar > li > a:hover,
#primary-navbar > li > a:focus {
  color: #fff;
  background-color: #29B6F6;
}

#primary-navbar .navbar-nav > .open > a,
#primary-navbar .navbar-nav > .open > a:hover,
#primary-navbar .navbar-nav > .open > a:focus {
  background-color: rgba(255, 255, 255, 0.14902);
}

#primary-navbar .navbar-brand > li.disabled > a {
  color: var(--text-on-fill);
}

#primary-navbar .navbar-brand > li.disabled > a:hover,
#primary-navbar .navbar-brand > li.disabled > a:focus {
  color: var(--text-on-fill);
  text-decoration: none;
  text-decoration: solid;
}

#primary-navbar .navbar-brand {
  /*background: url(Images/logo-iride-progetti-32px-white2.png) 10px center no-repeat;*/
  background: url(Images/logogray.png) 15px center no-repeat;
  padding-left: 50px;
}

#primary-navbar .navbar-brand::before {
  content: "IRI" !important;
  font-weight: bold;
}

#primary-navbar .navbar-brand::after {
  content: "Day" !important;
  font-weight: normal;
}

#primary-navbar .navbar-nav > li > a,
#primary-navbar .navbar-nav > li > a > span,
#primary-navbar .navbar-brand {
  color: var(--text-on-fill);
  font-size: 20px;
}

#primary-navbar .dropdown.user-logged-data > a {
  height: 40px;
  display: flex;
  align-items: center;
}

#primary-navbar .display-info {
  /*    padding-top:5px;*/
}

#primary-navbar .nav.navbar-nav.pull-right > li {
  height: 40px;
}

#primary-navbar .nav.navbar-nav.pull-right > li:not(.user-logged-data) > a {
  height: 40px;
  display: flex;
  align-items: center;
}

#primary-navbar .info {
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: solid;
  border-left-width: 1px;
  border-left-color: rgba(255, 255, 255, 0.14902);
}

#primary-navbar .info .display-info .user {
  text-align: center;
}

#primary-navbar .info .display-info .company {
  text-align: center;
  font-size: 7pt;
  font-weight: bold;
}

#primary-navbar .info .display-info, #primary-navbar .info .caret {
  display: inline-block !important;
}

#primary-navbar .info .caret {
  vertical-align: middle;
  margin-left: 10px;
}

#primary-navbar #home-button {
  font-size: 28px;
}

#primary-navbar .navbar-header {
  margin-left: -5px;
}

#topbar-actions {
  margin-right: 30px;
}

/* Con il menu di sistema del Master, che galleggia a destra prima di lei, la fila gli sta accanto:
   i 30 px li dava il form che la conteneva, e il bordo di un galleggiante vicino vinceva su di
   loro. Sulla lista, invece, li aggiungerebbe fra i due menu. */
.shell-master-menu ~ #topbar-actions {
  margin-right: 0;
}

.navbar-search {
  color: var(--text-main-color-2);
  display: block;
  padding: 12px 0 0 0;
}

.navbar-search li {
  background-color: var(--text-main-color);
  height: 22px;
}

.navbar-search input, .navbar-search input:focus {
  border: none;
  width: 15px;
  height: 22px !important;
  outline: none;
}

.halfcircleleft {
  display: inline-block;
  width: 11px;
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
}

.halfcircleright {
  display: inline-block;
  width: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
}

@media all and (max-width: 768px) {
  #topbar-actions {
    float: left !important;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: var(--text-on-fill);
    transition: all 0.5s;
  }
}
/*.pageTitle {
    font-family: Raleway;
    font-size: 24px;*/ /*18px;*/
/*color: var(--text-main-color);
    padding-left: 15px;
    position: absolute;
    height:40px;
    border-left: var(--text-main-color) solid 1px;
}*/
.page-title-wrap {
  font-family: Raleway;
  font-size: 24px;
  color: var(--text-on-fill);
  padding-left: 15px;
  position: absolute;
  height: 40px;
  border-left: var(--text-main-color) solid 1px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 50%;
}

.page-title-wrap .pageTitle {
  /*display: flex;*/
  align-items: center;
  height: 100%;
}

.pageTitle, .pageSubTitle {
  display: inline-block;
  vertical-align: text-top;
}

.reminder-modal.show {
    opacity: 1;
    z-index: 9000;
    min-width: 450px;
    min-height: 350px;
    width: 40%;
    height: 50%;
}

.reminder-modal {
    font-size: 25px !important;
    width: 0;
    height: 0;
}


    .reminder-modal .datetimepicker .display-date {
        width: 230px !important;
    }

    .reminder-modal .generic-filter {
        border-bottom: 1px solid;
        margin-bottom: 15px;
    }

        .reminder-modal .generic-filter .filter-text-container .filter-icon {
            padding-left: 5px;
            color: inherit !important;
        }

        .reminder-modal .generic-filter .filter-text-container .filter-text {
            width: -webkit-calc(100% - 35px);
            width: -moz-calc(100% - 35px);
            width: calc(100% - 35px);
        }

    .reminder-modal .target-content {
        overflow: auto;
        max-height: calc(100% - 60px);
        max-height: -webkit-calc(100% - 60px);
        max-height: -moz-calc(100% - 60px);
    }



.reminder-modal {
    min-width: 0px;
    min-height: 0px;
    z-index: -1;
    opacity: 0;
    position: fixed;
    right: 0;
    left: 0;
    top: 15%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    overflow: hidden;
    transform: rotate(0deg);
    transition: all .3s ease-out;
}

    .reminder-modal[reminder-id=""] .delete-btn {
        display: none !important;
    }

    .reminder-modal .reminder-header .datetimepicker {
        font-size: 22px;
    }

    .reminder-modal .reminder-footer {
        position: absolute;
        padding: 5px;
        width: 100%;
        height: 50px;
        bottom: 0;
    }


        .reminder-modal .reminder-footer .color-selector > li {
            margin: auto;
            -webkit-transition: opacity 1s, display 1s;
            transition: opacity 1s, display 1s;
        }

        .reminder-modal .reminder-footer .color-selector.collapsed {
            width: 0px;
            max-height: 0px;
            overflow: hidden;
            display: inline-block;
            vertical-align: bottom;
        }

            .reminder-modal .reminder-footer .color-selector.collapsed > li {
                opacity: 0;
                margin: auto;
            }

    .reminder-modal .reminder-body {
        width: 100%;
        height: -webkit-calc(100% - 100px ); /*100px = height 50px (.reminder-header) + height 50px (.reminder-footer)*/
        height: -moz-calc(100% -100px); /*100px = height 50px (.reminder-header) + height 50px (.reminder-footer)*/
        height: calc(100% - 100px); /*100px = height 50px (.reminder-header) + height 50px (.reminder-footer)*/
        max-width: none;
        overflow: hidden;
    }



    .reminder-modal .reminder-footer .color-controll {
        max-height: 20px;
    }

    .reminder-modal .reminder-footer .color-selector {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
        width: 180px;
        height: 35px;
        -webkit-transition: width 1s;
        transition: width 1s;
        overflow: hidden;
        display: inline-block;
        vertical-align: bottom;
    }

    .reminder-modal .reminder-footer .toggle-color {
        display: inline-block;
    }

    .reminder-modal .reminder-header {
        padding: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .reminder-modal textarea {
        text-align: justify;
        padding: 10px;
        height: -webkit-calc(100% - 50px); /*50px height (.title-content ) */
        height: -moz-calc(100% -50px); /*50px height (.title-content ) */
        height: calc(100% - 50px); /*50px height (.title-content ) */
        resize: none;
    }

    .reminder-modal .datetimepicker {
        margin: auto;
        padding: 3px;
        max-width: 255px;
        text-align: center;
        display: table;
    }



    .reminder-modal .reminder-body .reminder-primary-info {
        height: 100%;
        width: 100%;
        display: block;
        padding: 5px;
        -webkit-transition: opacity .3s ease .3s;
        transition: opacity .3s ease .3s;
    }

    .reminder-modal .reminder-body .reminder-targets {
        height: 100%;
        width: 100%;
        display: block;
        -webkit-transition: opacity .3s ease-in .3s;
        transition: opacity .3s ease-in .3s;
        padding: 0px 5px;
        font-size: initial;
    }

        .reminder-modal .reminder-body .reminder-targets .rows-wrap {
            display: table;
            width: 100%;
        }

    .reminder-modal .reminder-targets .row > .cell:first-child {
        width: 40px;
        text-align: center;
    }


    .reminder-modal .reminder-body .reminder-targets .title-row {
        font-size: 20px;
    }

        .reminder-modal .reminder-body .reminder-targets .title-row .cell {
            border-bottom: 1px solid #ddd
        }

            .reminder-modal .reminder-body .reminder-targets .item-row .cell .user-code {
                font-family: monospace, monospace;
            }

    .reminder-modal .reminder-body .reminder-primary-info.collapsed {
        width: 0px;
        max-height: 0px;
        opacity: 0;
        overflow: hidden;
    }

    .reminder-modal .reminder-body .reminder-targets.collapsed {
        width: 0px;
        max-height: 0px;
        opacity: 0;
        overflow: hidden;
    }

    .reminder-modal .reminder-body .reminder-targets div.row {
        margin: 0;
        display: table-row;
    }

        .reminder-modal .reminder-body .reminder-targets div.row div.cell {
            margin: 0;
            display: table-cell;
            padding: 0px !important;
            vertical-align: middle;
        }

    .reminder-modal .reminder-title {
        display: inline-block;
        padding: 5px;
        font-size: 25px;
        outline: 0;
    }

    .reminder-modal textarea {
        display: block;
        font-size: 20px;
        outline: 0;
    }

    .reminder-modal .reminder-header .datetimepicker .input-group-addon {
        margin-left: 50px;
        font-size: 25px;
        color: inherit;
    }

        .reminder-modal .reminder-header .datetimepicker .input-group-addon a {
            color: inherit;
        }

            .reminder-modal .reminder-header .datetimepicker .input-group-addon a span {
                color: inherit;
            }


    .reminder-modal .wrapper {
        display: inline-block;
        position: relative;
        max-height: 35px !important;
        right: 0;
        left: 0;
        margin: auto;
        white-space: nowrap;
    }

    .reminder-modal .confirm-message {
        width: 100%;
        overflow: hidden;
        -webkit-transition: width 1s ease-in-out;
        -moz-transition: width 1s ease-in-out;
        -o-transition: width 1s ease-in-out;
        transition: width 1s ease-in-out;
    }

        .reminder-modal .confirm-message .btn {
            margin-bottom: 3px;
        }

        .reminder-modal .confirm-message:not(.collapsed) .message {
            display: inline-block;
        }

        .reminder-modal .confirm-message.collapsed {
            width: 0%;
            height: 0;
            font-size: 0px;
        }

    .reminder-modal .reminder-footer {
        display: table;
    }

        .reminder-modal .reminder-footer .left-container, .middle-container, .right-container {
            display: table-cell;
        }

        .reminder-modal .reminder-footer .left-container {
            min-width: 90px;
        }

        .reminder-modal .reminder-footer .right-container {
            text-align: right;
            width: 90px;
        }


        .reminder-modal .reminder-footer .middle-container .wrapper .confirm-message {
            vertical-align: text-top;
            display: inline-block;
        }

        .reminder-modal .reminder-footer .color-controll .toggle-color {
            display: inline-block;
        }


        .reminder-modal .reminder-footer .middle-container {
            text-align: center;
        }

.color-controll, .toggle-target {
    display: inline-block;
}



.reminder-modal *::-webkit-scrollbar {
    width: 4px;
}

.reminder-modal *::-webkit-scrollbar-thumb {
    background-color: #bdc3c7;
    border-radius: 10px;
}

.reminder-modal *::-webkit-scrollbar-track {
    border: 0px gray solid;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 px gray inset;
    opacity: 0;
}


.reminder-modal.color-1 .datetimepicker.invalid-date input {
    color: white !important;
    text-decoration: underline;
}

.reminder-modal.color-3 .datetimepicker.invalid-date input {
    color: white !important;
    text-decoration: underline;
}

.reminder-modal.color-4 .datetimepicker.invalid-date input {
    color: white !important;
    text-decoration: underline;
}

.reminder-modal.color-1 .datetimepicker.invalid-date .input-group-addon a span {
    color: white !important;
}



.reminder-modal.color-3 .datetimepicker.invalid-date .input-group-addon a span {
    color: white !important;
}

.reminder-modal.color-4 .datetimepicker.invalid-date .input-group-addon a span {
    color: white !important;
}
/*Bianco*/

.reminder-modal.color-0 {
    color: var(--reminder-modal-ink, black) !important;
    background-color: var(--background-color-light-alt);
    border-color: #bdc3c7;
}

    .reminder-modal.color-0 .reminder-header {
        background-color: #bdc3c7;
        color: #eee;
    }

    .reminder-modal.color-0 .reminder-body {
        color: #bdc3c7;
    }

    .reminder-modal.color-0 .reminder-footer {
        color: #bdc3c7;
        border-top: 1px solid #ccc;
    }

        .reminder-modal.color-0 .reminder-footer .btn {
            color: #bdc3c7 !important;
        }

    .reminder-modal.color-0 .reminder-title {
        border-bottom: 1px solid #ccc;
    }

    .reminder-modal.color-0 .generic-filter {
        border-color: #ccc;
    }

    .reminder-modal.color-0 *::-webkit-scrollbar-thumb {
        background-color: #bdc3c7;
    }

/*Rosso*/
.reminder-modal.color-1 {
    color: #ecf0f1 !important;
    background-color: #e74c3c;
    border-color: #c0392b;
}

    .reminder-modal.color-1 .reminder-header {
        background-color: #c0392b;
    }

    .reminder-modal.color-1 .reminder-footer {
        border-top: 1px solid #c0392b;
    }

    .reminder-modal.color-1 .reminder-title {
        border-bottom: 1px solid #c0392b;
    }

    .reminder-modal.color-1 .generic-filter {
        border-color: #c0392b;
    }

    .reminder-modal.color-1 *::-webkit-scrollbar-thumb {
        background-color: #c0392b;
    }

/*Verde*/
.reminder-modal.color-2 {
    color: #ecf0f1 !important;
    background-color: #2ecc71;
    border-color: #27AE60;
}

    .reminder-modal.color-2 .reminder-header {
        background-color: #27AE60;
    }

    .reminder-modal.color-2 .generic-filter {
        border-color: #27AE60;
    }

    .reminder-modal.color-2 .reminder-footer {
        border-top: 1px solid #27AE60;
    }

    .reminder-modal.color-2 .reminder-title {
        border-bottom: 1px solid #27AE60;
    }

    .reminder-modal.color-2 *::-webkit-scrollbar-thumb {
        background-color: #27AE60;
    }
/*Giallo*/
.reminder-modal.color-3 {
    color: #ecf0f1;
    background-color: #f1c40f;
    border-color: #f39c12;
}

    .reminder-modal.color-3 .reminder-header {
        background-color: #f39c12;
    }

    .reminder-modal.color-3 .reminder-footer {
        border-top: 1px solid #f39c12;
    }

    .reminder-modal.color-3 .reminder-title {
        border-bottom: 1px solid #f39c12;
    }

    .reminder-modal.color-3 .generic-filter {
        border-color: #f39c12;
    }

    .reminder-modal.color-3 *::-webkit-scrollbar-thumb {
        background-color: #f39c12;
    }
/*Arancione*/
.reminder-modal.color-4 {
    color: #ecf0f1;
    background-color: #e67e22;
    border-color: #d35400;
}

    .reminder-modal.color-4 .reminder-header {
        background-color: #d35400;
    }

    .reminder-modal.color-4 .reminder-footer {
        border-top: 1px solid #d35400;
    }

    .reminder-modal.color-4 .reminder-title {
        border-bottom: 1px solid #d35400;
    }

    .reminder-modal.color-4 .generic-filter {
        border-color: #d35400;
    }

    .reminder-modal.color-4 *::-webkit-scrollbar-thumb {
        background-color: #d35400;
    }
/*Blu*/
.reminder-modal.color-5 {
    color: #ecf0f1;
    background-color: #3498db;
    border-color: #2980b9;
}

    .reminder-modal.color-5 .reminder-header {
        background-color: #2980b9;
    }

    .reminder-modal.color-5 .reminder-footer {
        border-top: 1px solid #2980b9;
    }

    .reminder-modal.color-5 .reminder-title {
        border-bottom: 1px solid #2980b9;
    }

    .reminder-modal.color-5 .generic-filter {
        border-color: #2980b9;
    }

    .reminder-modal.color-5 *::-webkit-scrollbar-thumb {
        background-color: #2980b9;
    }
/*Viola*/
.reminder-modal.color-6 {
    color: #ecf0f1;
    background-color: #9b59b6;
    border-color: #8e44ad;
}

    .reminder-modal.color-6 .reminder-header {
        background-color: #8e44ad;
    }

    .reminder-modal.color-6 .reminder-footer {
        border-top: 1px solid #8e44ad;
    }

    .reminder-modal.color-6 .reminder-title {
        border-bottom: 1px solid #8e44ad;
    }

    .reminder-modal.color-6 .generic-filter {
        border-color: #8e44ad;
    }

    .reminder-modal.color-6 *::-webkit-scrollbar-thumb {
        background-color: #8e44ad;
    }

/*Nero*/
.reminder-modal.color-7 {
    color: #ecf0f1;
    background-color: #34495e;
    border-color: #2c3e50;
}

    .reminder-modal.color-7 .reminder-header {
        background-color: #2c3e50;
    }

    .reminder-modal.color-7 .reminder-footer {
        border-top: 1px solid #2c3e50;
    }

    .reminder-modal.color-7 .reminder-title {
        border-bottom: 1px solid #2c3e50;
    }

    .reminder-modal.color-7 *::-webkit-scrollbar-thumb {
        background-color: #2c3e50;
    }

    .reminder-modal.color-7 .generic-filter {
        border-color: #2c3e50;
    }



.reminder-modal input::placeholder,
.reminder-modal textarea::placeholder {
    opacity: 1;
    color: white !important;
}

.reminder-modal input:-ms-input-placeholder, /* Internet Explorer 10-11 */
.reminder-modal textarea:-ms-input-placeholder, /* Internet Explorer 10-11 */
.reminder-modal input::-ms-input-placeholder, /* Microsoft Edge */
.reminder-modal input::-ms-input-placeholder { /* Microsoft Edge */
    color: white !important;
}

.reminder-modal.color-0 input::placeholder,
.reminder-modal.color-0 textarea::placeholder {
    opacity: 1;
    color: #bdc3c7 !important;
}

.reminder-modal.color-0 input:-ms-input-placeholder, /* Internet Explorer 10-11 */
.reminder-modal.color-0 textarea:-ms-input-placeholder, /* Internet Explorer 10-11 */
.reminder-modal.color-0 input::-ms-input-placeholder, /* Microsoft Edge */
.reminder-modal.color-0 input::-ms-input-placeholder { /* Microsoft Edge */
    color: #bdc3c7 !important;
}

@media only screen and (max-width: 1148px) {
    .reminder-modal .reminder-targets .users {
        display: table-footer-group;
        /*width: 100%;*/
    }

    .reminder-modal .reminder-targets .roles {
        display: table-header-group;
        /*width: 100%;*/
    }
}

@media only screen and (max-width:1450px) {
    .reminder-modal .confirm-message.collapsed .message {
        font-size: 0px;
    }

    .reminder-modal .confirm-message .message {
        font-size: 15px;
    }
}

/* Il promemoria bianco sulla V2 scura: il fondo segue il ponte (incavo), il testo lo segue qui (NOTES.md §245). */
:root[data-surface="dark"] .shell-v2-body .reminder-modal.color-0 {
    --reminder-modal-ink: var(--sh-text);
}

:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.popover.flat .notificationItem {
  border-left: 0px;
  border-right: 0px;
}

#toast-container > .toast-type-0-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABxElEQVR42rWWwU4CQQyGF0Qv+gok+g7gI3DToxfhYOQiJj4Bcb2LRn0K7z4A0SMnvGrAKIlniUY27C7rV5zVRXfdGcAmTbND27/TdlosK4aCIMjAeXjD9/2z0WjUgjt8u8hXzu7gJlznrAQvWyaEQQHjc+Qj7AfJ5AP4hO7xcDgspDq2bTvred42hl3YC/RJdLvYVpDZpKgzKOwhB8GUxG0cfNR+gXCwwA/lWZxHaCC+JiInf+sqLXMhbvKAKIYAeYp0oZHzo0hQh2k1wecJcslyXXdTOkEjMBMAuUUPsWpJn6e04lQA4pNa7IhySzO1pgBCl6Lc+S8AstMWZXcKgC1y3NewcaQGb5rRSFfkQhDye6AB4lgo3Wv29jNi98cDrarzpKBuBaBp8IZeJPIIQE5Ak24CwLjIdc02DW/SB6Qapgu5At/81aYlkHqGo2CcLnGO7SnyPSb6z4cmy4KPhuF4HqcLu+s45xOjQohhV1QDai6E8+9hF2k7WRbOHPzLTqgkLZyaLI1ZnBP9fuJWUyuzrNJltDKVTfLKjJLUBMWGGuNpS78nBRUb038Wi9Jm0svIKxlcqkYOTtvyiNRva1/dEkMfqf06Z+AwsfYAAAAASUVORK5CYII=) !important;
  background-color: var(--notification-warning) !important;
}

#toast-container > .toast-type-0-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABxElEQVR42rWWwU4CQQyGF0Qv+gok+g7gI3DToxfhYOQiJj4Bcb2LRn0K7z4A0SMnvGrAKIlniUY27C7rV5zVRXfdGcAmTbND27/TdlosK4aCIMjAeXjD9/2z0WjUgjt8u8hXzu7gJlznrAQvWyaEQQHjc+Qj7AfJ5AP4hO7xcDgspDq2bTvred42hl3YC/RJdLvYVpDZpKgzKOwhB8GUxG0cfNR+gXCwwA/lWZxHaCC+JiInf+sqLXMhbvKAKIYAeYp0oZHzo0hQh2k1wecJcslyXXdTOkEjMBMAuUUPsWpJn6e04lQA4pNa7IhySzO1pgBCl6Lc+S8AstMWZXcKgC1y3NewcaQGb5rRSFfkQhDye6AB4lgo3Wv29jNi98cDrarzpKBuBaBp8IZeJPIIQE5Ak24CwLjIdc02DW/SB6Qapgu5At/81aYlkHqGo2CcLnGO7SnyPSb6z4cmy4KPhuF4HqcLu+s45xOjQohhV1QDai6E8+9hF2k7WRbOHPzLTqgkLZyaLI1ZnBP9fuJWUyuzrNJltDKVTfLKjJLUBMWGGuNpS78nBRUb038Wi9Jm0svIKxlcqkYOTtvyiNRva1/dEkMfqf06Z+AwsfYAAAAASUVORK5CYII=) !important;
  background-color: var(--notification-info-background) !important;
}

#toast-container > .toast-type-7 {
  background-image: url(Images/ToastCustomIcon/toastr_info.png) !important;
  background-color: var(--notification-info-background) !important;
}

#toast-container > .toast-type-8 {
  background-image: url(Images/ToastCustomIcon/toastr_cabinet.png) !important;
  background-color: var(--notification-warning) !important;
}

#toast-container > .toast-type-9 {
  background-image: url(Images/ToastCustomIcon/toastr_info.png) !important;
  background-color: var(--validation-error) !important;
}

#toast-container > .toast-type-10 {
  background-image: url(Images/ToastCustomIcon/toastr_racing.png) !important;
  background-color: var(--flag-good) !important;
}

#toast-container > .toast-type-11 {
  background-image: url(Images/ToastCustomIcon/toastr_stop.png) !important;
  background-color: var(--validation-error) !important;
}

#toast-container > .toast-type-12-info {
  background-image: url(Images/ToastCustomIcon/toast_user_unavailability.png) !important;
  background-color: var(--ird-color-palette-blue) !important;
}

#toast-container > .toast-type-12-success {
  background-image: url(Images/ToastCustomIcon/toast_user_unavailability.png) !important;
  background-color: var(--ird-color-palette-green) !important;
}

#toast-container > .toast-type-12-error {
  background-image: url(Images/ToastCustomIcon/toast_user_unavailability.png) !important;
  background-color: var(--ird-color-palette-red) !important;
}

#toast-container > .toast-type-14-info {
  background-image: url(Images/ToastCustomIcon/clock-dbl-arrow-up-2.png) !important;
  background-color: var(--ird-color-palette-blue) !important;
}

#toast-container > .toast-type-14-success {
  background-image: url(Images/ToastCustomIcon/clock-dbl-arrow-up-2.png) !important;
  background-color: var(--ird-color-palette-green) !important;
}

#toast-container > .toast-type-14-error {
  background-image: url(Images/ToastCustomIcon/clock-dbl-arrow-up-2.png) !important;
  background-color: var(--ird-color-palette-red) !important;
}

#toast-container > .toast-type-15-info {
  background-image: url(Images/ToastCustomIcon/remote-work.png) !important;
  background-color: var(--ird-color-palette-blue) !important;
}

#toast-container > .toast-type-15-success {
  background-image: url(Images/ToastCustomIcon/remote-work.png) !important;
  background-color: var(--ird-color-palette-green) !important;
}

#toast-container > .toast-type-15-error {
  background-image: url(Images/ToastCustomIcon/remote-work.png) !important;
  background-color: var(--ird-color-palette-red) !important;
}

#toast-container > .toast-type-1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAxElEQVR42mNgAIL///8b/fv37wiQ/kckjgdiGSC+8ffv396fP3/qMuADQIV5QPzzP/GgAaoPDICWHAJSjvgsqPtPGkCxAASAIXAHSDnRzAIouPbr1y8jWloAtgQYJ3q0tAAUJ0dfv37NSzMLgODd79+//ahhQQMOXAPEFhRbQDQgwwJiQP2oBeRZAMzy+/GkDrwYqpegD0hLIbgTy2gQjQbRUAsiUit9QuDHnz9/cuAWfP78WQxYCy2hlukgs4BmioLMBgBGltQNlAyUAQAAAABJRU5ErkJggg==);
  background-color: var(--notification-warning) !important;
}

#toast-container > .toast-type-2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACWklEQVR42rWVPWgUQRTHN3KxSyHEoFExQYOlYiystLBQUsTOgIRwhR/4UdgoqJCcYDpJjBDBLgFNYxEIEWJhbE0KO61MRIvAcTGHt/ehu3e3/v7w7jzj7WHi3sCPmd333v/tzLyZdZx/bEEQdJdKpTkYy2Qy7U7UjQQXy+VyBtxisTjYjAS3wYefJLgVeYJcLtfJ8jyHFyTpjDyB53m9iN9DXPQ2Y4kkXDLuNyPBcPC7Jf5XbC9LctL3/X7GQ3AN3lTUqaS3dNfN1i9fxYSJtah3XXc31XGF4AX4BGvYNuiz9IXg71Ywm3zWLOY1GlfR6qjdvBNs3rDqG+ci/TqswnueZ2SDGzBfI/7K3sk2I1/FMF43je+M7zLe5dh08/COlwmW5Vw+nz+w1T1QDO/Pwgg6S+gW6J85llEPE6lUqq3BvmjNfxg3w/ykIS1p4ucpsFz5LAxZmGYdL/F4BLpgD7SHINtB+RJzmdgpW+pq+yPBpubh/JV+mcDFemBfwv5FviEaDRNE0ioJ0nzNRoS60kpXEzDdxzow9JOgqkpuQzSpipSGtGC8dgYJq5SdtnmH4DgbFyfgkSWuxwP56CJUjA6rNExrpJrADsYkZ+AUz/uhDVq3cLW0Wsw+aaD1VJr1NlnV8BGHl/RP4A7EYRD6CD4t+Oo+exe3H9GExXzYXFE6yZ8brKsOYdZq+5vtTdKuE9fuIj8sGHvS4WvOM16RWIRVJK0VZntGSxSDo0xxVIfHSmy7LW0aD+EY7KjdqJhV0GG4YDfsLCxrqvWmb7ZZ+bISA7zuMY1YRfcXBe2WopHoxH4AAAAASUVORK5CYII=);
  background-color: var(--validation-error) !important;
}

#toast-container > .toast-type-3 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABjklEQVR42q2UvU7DMBDHs4WBigUWNgbEAuINKPAEjLAAG5koO88AnegOc8vWiS+JF2CDMQsSoAwIQpsM+eB/yBHHxSFu65NOZzv2/3I/W+c4Y1gcx4t5np9nWfaFeA9fd2wZxKYhfII4zH/tEb5hJUGapmdC/MeSJNme+M+VeMmw3rOJJcL4Dv7B/n7fJpZOGIZzEPVYBV2+H992sLw5KpYI444Q8opKKAnmuxTV/Alh2RgLvA1vwF34WjGGUIvjEtY3xkKCKvEB/JW+q7nLcQl7NsaiE6J9QRA0JC4yGtPaKFgONSjeIbKlzs7ALwtxhBadM8ZSwVm7R1XqjoXlvz0qgVdqXLy34OADwrw6vEoXJcV16HDuE4mOfN+fklguRG8Z1ryQSiwlcTJsGFT0lz8vBEtvxlhEBTcVb5iqOmUomsZYxNNcgV8VXZEaF0WJi+2vx6JJslS8Z1ZZj+NCmDXGYmIQ2xO4bo2xGLboru5ijLHUiB9LYStY+J3Ar9kd2MHCLYqiBQj34S+TYPkGhNhGU+nT9gMAAAAASUVORK5CYII=) !important;
  background-color: var(--flag-good) !important;
}

#toast-container > .toast-type-4 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABx0lEQVR42u2VzStEURjGZ2czSVGKJeVjIVI2FshS2ViQpe+vKCk77P0FRMpHsZWFvUKxwIKVTJkFMtSl3Pm61+/RoTFmbky3ZuPU03ve97zv87zndM69gcD/yPtwXbcF9II5P5FIJLpisVh9IJlMnuPMOI5z6vo3TuCchvNKO3DAZTweb0NsnaCVKyu1L+KAqx17pdingBZvUR1iYRw3lAN/iPoJccAV/gx+CRiRBwSmOLsG5ke/ZabmWDWQT+Lep659EzAiNoljTEspXMF/9TiSV3JWlUvNKPYtPeeHgBlKXAQVFA5jrzPkXLM2Ytt2hcl9y9RENgGNGB0uYwtBHZ0epHSueR0oAmvKzbZLLwHFn9WleS/FiGyATcuySkxMu3vy4MguQJdnkPcwDYIO0AQKDJpMLEhOt3L/ImDT5RK2HNQw38NGsBfRaLSaM6/CPzexPWK1ylWNLoinAAk3ustMy8CA3kbaru6EtFiYmkHdJDAmjh8C5gVuMW/mFXbi7//1lVG/i+mkvllc4vwQwDnUHWbrlfjbLDwqP5cvhY4N7IhLl0OXJKCOcfogjvj4sYvA2Q93q46oAcyCBR8xbzgb/3+I+R/vDMSbadvh8rUAAAAASUVORK5CYII=) !important;
  background-color: var(--notification-type-4) !important;
}

#toast-container > [class*=toast-type-].warning {
  background-color: var(--notification-warning) !important;
}

#toast-container > .toast-type-5 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAt0lEQVR42mNgIAD+///P9/fv36VA+jsQ/wNhIPgEpCsZqAWAFnwEGrofaGgDCEPZH6hmwX8IaEDi14EESDGg7j8CNCAZSjTAYk79MLeAzLgiyQd1MAzl2yGLoWOKggiLGurGAa0saIBhKN8eWQwdD8pIHvpxQFsLRjPaaEYjOZILgfjXf+qBH3/+/MlBtsAYiO9Ry3RgI+E+kDJBtoDp169f5kCJw8AWw0cKDP4EMgPINAeZCTIbADHXr8RZbtv8AAAAAElFTkSuQmCC);
  background-color: var(--notification-type-5) !important;
}

.notification-list-container {
  overflow-y: auto;
}

/*
.notificationItem {
    cursor: pointer;
}*/
.notificationItem .close {
  position: absolute;
  right: 2px;
  top: 5px;
  padding: 3px 9px;
  z-index: 2000;
}

.notificationItem .content {
  text-decoration: none;
}

.notificationItem .title {
  font-weight: bold;
  color: var(--text-main-color-dark);
  opacity: 0.8;
}

.notificationItem .message {
  color: var(--text-main-color-dark);
  opacity: 0.8;
}

.notificationItem .icon {
  font-size: 25px;
  display: inline-block;
  text-align: center;
  width: 30px !important;
  height: 100%;
}

.notificationItem .notification-details {
  display: inline-block;
  width: -webkit-calc(100% - 35px);
  width: -moz-calc(100% - 35px);
  width: -o-calc(100% - 35px);
  width: calc(100% - 35px);
  height: 100%;
  padding-left: 5px;
  vertical-align: middle;
  color: var(--text-main-color-dark);
}

.notificationItem .icon-details {
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 10px;
}

.notificationItem:not(.sys-notification) .sys-notification-icon {
  display: none;
}

.notificationItem.clicked .mark {
  display: none;
}

.notificationItem .mark {
  background-color: transparent;
  color: var(--text-link-color-1);
}

.notificationItem.sys-notification .sys-notification-icon {
  font-size: 15px;
}

.notification-type-0-warning {
  color: var(--notification-warning) !important;
}

.notification-type-0-info,
.notification-type-7 {
  color: var(--notification-info-background) !important;
}

.notification-type-1,
.notification-type-8 {
  color: var(--notification-warning) !important;
}

.notification-type-2,
.notification-type-9 {
  color: var(--validation-error) !important;
}

.notification-type-3 {
  color: var(--flag-good) !important;
}

.notification-type-4 {
  color: var(--notification-type-4) !important;
}

.notification-type-4-warning {
  color: var(--notification-warning) !important;
}

.notification-type-5 {
  color: var(--notification-type-5) !important;
}

.notification-type-10 {
  color: black !important;
}

.notification-type-11 {
  color: var(--validation-error) !important;
}

#SystemNotificationModal .modal-body {
  overflow: hidden;
}

#SystemNotificationModal .notification .content {
  text-align: justify;
}

#SystemNotificationModal .title {
  font-size: 16px;
  margin-bottom: 10px;
}

#SystemNotificationModal .notification .icon {
  font-size: 50px;
  margin: auto;
}

#SystemNotificationModal .notification[alert-type=success] .icon,
.notificationItem .icon.success {
  color: var(--flag-good);
}

#SystemNotificationModal .notification[alert-type=warning] .icon,
.notificationItem .icon.warning {
  color: #f39c12;
}

#SystemNotificationModal .notification[alert-type=danger] .icon,
.notificationItem .icon.danger {
  color: var(--validation-error);
}

#SystemNotificationModal .notification[alert-type=info] .icon,
.notificationItem .icon.info {
  color: var(--text-link-color-1);
}

#SystemNotificationModal .notification-info {
  bottom: 0;
}

#CreateSystemNotification-Form .company {
  background-color: var(--neutral-bg-color);
  display: inline-table;
  width: 250px;
  margin: 5px 0px;
}

#CreateSystemNotification-Form .company.disabled {
  opacity: 0.7;
}

#CreateSystemNotification-Form .company .head {
  background-color: var(--neutral-bg-color-2);
  padding: 5px;
  min-height: 40px;
}

#CreateSystemNotification-Form .company .head .code {
  margin-right: 10px;
  font-weight: bold;
  vertical-align: middle;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  cursor: pointer;
}

#CreateSystemNotification-Form .company .head .name {
  margin-right: 10px;
  vertical-align: middle;
}

#CreateSystemNotification-Form .user-list {
  padding: 5px;
}

#CreateSystemNotification-Form .icon-type .icon {
  font-size: 25px;
  padding-left: 10px;
  text-decoration: none;
}

#system-notice-panel {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: rgba(221, 221, 221, 0.7);
}

#system-notice-panel .pan {
  background-color: var(--neutral-bg-color-2);
  width: 450px;
  height: 100%;
  padding: 10px 0px;
  position: relative;
}

#system-notice-panel .sn-title {
  text-align: center;
  font-size: 25px;
}

#system-notice-panel .system-notice {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid var(--text-light-color-2);
}

#system-notice-panel .system-notice .description {
  /*max-height: 300px;*/
  overflow: auto;
}

#system-notice-panel .system-notice .title {
  font-weight: bold;
  margin-bottom: 6px;
  text-transform: uppercase;
}

#system-notice-panel .list {
  max-height: calc(100% - 100px);
  overflow-y: auto;
}

#system-notice-panel .system-notice .footer {
  text-align: right;
}

#system-notice-panel .buttons {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
}

.toast .toast-message {
  overflow-y: auto;
  max-height: 350px;
}
@charset "UTF-8";
/* =====================================================================================
   Il segno d'attesa di IRIDay: le tre tessere del marchio (NOTES.md §206)
   -------------------------------------------------------------------------------------
   Prende il posto delle GIF di prima (una per colore di tema, più le `ajax-loader` dei
   campi). Due tagli dello stesso segno, disegnati dai mixin `wait-*` di
   `shell/shell-mixins.scss`: il Puzzle 3×3 dai 24 px, la Tessera 2×2 sotto.

   Il COLORE lo decide il posto, non la misura:
     · da solo, in un'area che aspetta (pagina, riquadro, grafico): i colori del marchio;
     · dentro un controllo o accanto a una parola: il colore del testo, in tre toni.
   Le Company con un marchio proprio e l'installazione ScaccoMatto (`data-brand="own"` sulla
   radice, scritto dai layout con la regola di `CompanyBrand`) vedono lo stesso segno
   nell'accento del tema: il logo IRIDay non si mostra a chi si è rimarchiato.

   Un'attesa grande può essere anche l'Orbita o Hop, le altre figure delle stesse tre tessere,
   a caso; quelle a vista insieme si dividono in parti uguali (più in basso, §206.9, §206.10).

   ⚠ `--spinner-background` dei temi non lo legge più nessuno: le GIF di `Images/Spinners`
   restano solo per quella variabile e per i temi stagionali spenti.
   ===================================================================================== */
:root {
  --wait-brand-1: #e74c3c;
  --wait-brand-2: #f1c40f;
  --wait-brand-3: #3498db;
}

:root[data-brand=own] {
  --wait-brand-1: var(--sh-acc, var(--theme-main-color, currentColor));
  --wait-brand-2: color-mix(in srgb, var(--sh-acc, var(--theme-main-color, currentColor)) 62%, transparent);
  --wait-brand-3: color-mix(in srgb, var(--sh-acc, var(--theme-main-color, currentColor)) 34%, transparent);
}

/* Da solo: il Puzzle. Le misure di sempre — 64 (predefinita), 128 (`big`), 32 (`small`) —
   restano il riquadro; il segno ci sta dentro centrato, come la GIF con `contain`. */
.loading-spinner {
  --wait-1: var(--wait-brand-1);
  --wait-2: var(--wait-brand-2);
  --wait-3: var(--wait-brand-3);
  text-align: center;
  position: relative;
  margin: auto;
  border: 0 !important;
  --wait-cell: 14px;
  --wait-alternate: 1;
  width: 64px;
  height: 64px;
  background-image: linear-gradient(var(--wait-1), var(--wait-1)), linear-gradient(var(--wait-2), var(--wait-2)), linear-gradient(var(--wait-3), var(--wait-3));
  background-repeat: no-repeat;
  background-size: var(--wait-cell) var(--wait-cell);
  background-position: calc(50% - var(--wait-cell)) calc(50% + var(--wait-cell)), 50% 50%, calc(50% + var(--wait-cell)) calc(50% - var(--wait-cell));
  animation: iri-wait-puzzle 4s cubic-bezier(0.45, 0, 0.2, 1) -0.4s infinite;
}
@media (prefers-reduced-motion: reduce) {
  .loading-spinner {
    animation-timing-function: step-end;
    animation-duration: 8s;
  }
}

.loading-spinner.big {
  --wait-cell: 28px;
  width: 128px;
  height: 128px;
}

.loading-spinner.small {
  --wait-cell: 8px;
  width: 32px;
  height: 32px;
}

/* Finché `Scripts/iride-wait.js` non l'ha vista, il Puzzle sta fermo sul logo: chi poi diventa un'altra figura parte
   dalla stessa posa, senza scatti. Solo dove lo script c'è (`data-wait-ready`), e con il peso della sola classe, così la
   Tessera, che ne ha due, non si ferma mai. */
:where(:root[data-wait-ready]) .loading-spinner:where(:not([data-wait])) {
  animation-play-state: paused;
}

/* Accanto a una parola o dentro un controllo: la Tessera, nel colore del testo.
   · `x-small` e `xx-small`, le misure piccole di sempre;
   · `small inline-block`: il pulsante che lavora (`setIrideLoadingBtn`, 20 px accanto a
     «Salvataggio…») e gli altri messi in riga a un testo;
   · `small ajax-loader-forSubItem`: la riga che apre un sotto-elenco, al posto della freccia. */
.loading-spinner.x-small,
.loading-spinner.small.inline-block,
.loading-spinner.small.ajax-loader-forSubItem {
  --wait-1: currentColor;
  --wait-2: color-mix(in srgb, currentColor 62%, transparent);
  --wait-3: color-mix(in srgb, currentColor 34%, transparent);
  --wait-cell: 7px;
  --wait-step: 9px;
  --wait-alternate: 0;
  width: 16px;
  height: 16px;
  background-image: linear-gradient(var(--wait-1), var(--wait-1)), linear-gradient(var(--wait-2), var(--wait-2)), linear-gradient(var(--wait-3), var(--wait-3));
  background-repeat: no-repeat;
  background-size: var(--wait-cell) var(--wait-cell);
  background-position: calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2);
  animation: iri-wait-tessera calc(var(--sh-mo-spin, 900ms) * 3) cubic-bezier(0.45, 0, 0.2, 1) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .loading-spinner.x-small,
  .loading-spinner.small.inline-block,
  .loading-spinner.small.ajax-loader-forSubItem {
    animation-timing-function: step-end;
    animation-duration: calc(var(--sh-mo-spin, 900ms) * 6);
  }
}

.loading-spinner.xx-small {
  --wait-1: currentColor;
  --wait-2: color-mix(in srgb, currentColor 62%, transparent);
  --wait-3: color-mix(in srgb, currentColor 34%, transparent);
  --wait-cell: 4px;
  --wait-step: 6px;
  --wait-alternate: 0;
  width: 10px;
  height: 10px;
  background-image: linear-gradient(var(--wait-1), var(--wait-1)), linear-gradient(var(--wait-2), var(--wait-2)), linear-gradient(var(--wait-3), var(--wait-3));
  background-repeat: no-repeat;
  background-size: var(--wait-cell) var(--wait-cell);
  background-position: calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2);
  animation: iri-wait-tessera calc(var(--sh-mo-spin, 900ms) * 3) cubic-bezier(0.45, 0, 0.2, 1) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .loading-spinner.xx-small {
    animation-timing-function: step-end;
    animation-duration: calc(var(--sh-mo-spin, 900ms) * 6);
  }
}

/* Le GIF che le view scrivono come `<img>`: i 294 campi con ricerca (`ajax-operation-loader`),
   le schede, la distinta, la chat AI. Il markup non si tocca: il padding azzera l'area
   dell'immagine e il segno si disegna sullo sfondo dell'elemento, che resta lo stesso, con
   il suo `id` e le sue classi. Vale in ogni browser, a differenza di `content: url()` su un
   elemento che non sia un `::before`. */
img[src$="ajax-loader.gif"],
img.ajax-loader {
  box-sizing: border-box;
  padding: 8px;
  vertical-align: middle;
  --wait-1: currentColor;
  --wait-2: color-mix(in srgb, currentColor 62%, transparent);
  --wait-3: color-mix(in srgb, currentColor 34%, transparent);
  --wait-cell: 7px;
  --wait-step: 9px;
  --wait-alternate: 0;
  width: 16px;
  height: 16px;
  background-image: linear-gradient(var(--wait-1), var(--wait-1)), linear-gradient(var(--wait-2), var(--wait-2)), linear-gradient(var(--wait-3), var(--wait-3));
  background-repeat: no-repeat;
  background-size: var(--wait-cell) var(--wait-cell);
  background-position: calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2);
  animation: iri-wait-tessera calc(var(--sh-mo-spin, 900ms) * 3) cubic-bezier(0.45, 0, 0.2, 1) infinite;
}
@media (prefers-reduced-motion: reduce) {
  img[src$="ajax-loader.gif"],
  img.ajax-loader {
    animation-timing-function: step-end;
    animation-duration: calc(var(--sh-mo-spin, 900ms) * 6);
  }
}

/* La GIF grande (la distinta, le RiBa, i report): un'attesa che sta da sola. */
img[src$="ajax-loader-trasparent.gif"] {
  --wait-1: var(--wait-brand-1);
  --wait-2: var(--wait-brand-2);
  --wait-3: var(--wait-brand-3);
  box-sizing: border-box;
  padding: 24px;
  vertical-align: middle;
  --wait-cell: 10px;
  --wait-alternate: 1;
  width: 48px;
  height: 48px;
  background-image: linear-gradient(var(--wait-1), var(--wait-1)), linear-gradient(var(--wait-2), var(--wait-2)), linear-gradient(var(--wait-3), var(--wait-3));
  background-repeat: no-repeat;
  background-size: var(--wait-cell) var(--wait-cell);
  background-position: calc(50% - var(--wait-cell)) calc(50% + var(--wait-cell)), 50% 50%, calc(50% + var(--wait-cell)) calc(50% - var(--wait-cell));
  animation: iri-wait-puzzle 4s cubic-bezier(0.45, 0, 0.2, 1) -0.4s infinite;
}
@media (prefers-reduced-motion: reduce) {
  img[src$="ajax-loader-trasparent.gif"] {
    animation-timing-function: step-end;
    animation-duration: 8s;
  }
}

/* …ma dentro un campo con ricerca anche la GIF grande è l'attesa del campo (LCM, contatti degli articoli, campi
   personalizzati): la misura la dava la regola dei 17 px di `Site.scss`, che non c'è più. */
.ajax-operation-loader img {
  box-sizing: border-box;
  padding: 8px;
  vertical-align: middle;
  --wait-1: currentColor;
  --wait-2: color-mix(in srgb, currentColor 62%, transparent);
  --wait-3: color-mix(in srgb, currentColor 34%, transparent);
  --wait-cell: 7px;
  --wait-step: 9px;
  --wait-alternate: 0;
  width: 16px;
  height: 16px;
  background-image: linear-gradient(var(--wait-1), var(--wait-1)), linear-gradient(var(--wait-2), var(--wait-2)), linear-gradient(var(--wait-3), var(--wait-3));
  background-repeat: no-repeat;
  background-size: var(--wait-cell) var(--wait-cell);
  background-position: calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2);
  animation: iri-wait-tessera calc(var(--sh-mo-spin, 900ms) * 3) cubic-bezier(0.45, 0, 0.2, 1) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .ajax-operation-loader img {
    animation-timing-function: step-end;
    animation-duration: calc(var(--sh-mo-spin, 900ms) * 6);
  }
}

/* L'attesa della pagina (`#GlobalLoadingDiv`, `_Layout` e `_LoginLayout`): il momento del
   marchio. Il Puzzle sta su una piastra del colore delle card, perché sul velo grigio il
   giallo si spegne. */
.loading-plate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
  vertical-align: middle;
  border-radius: var(--sh-r-lg, 16px);
  background: var(--sh-card, var(--background-color, #fff));
  box-shadow: var(--sh-shadow-float, 0 8px 24px -6px rgba(16, 21, 27, 0.18), 0 2px 6px rgba(16, 21, 27, 0.06));
  /* Sempre il Puzzle, e in moto dal primo disegno della pagina, prima di ogni script. */
}
.loading-plate .loading-spinner {
  --wait-cell: 16px;
  --wait-alternate: 0;
  width: 80px;
  height: 80px;
  margin: 0;
  animation-play-state: running;
}

/* Le altre due figure delle stesse tre tessere (NOTES.md §206.9, §206.10), dalle coreografie del grafico (2026-10-15)
   con il passo misurato in tessere invece che in punti dell'SVG:
     · l'Orbita — si separano, girano su un triangolo attorno al centro e si ricompongono nel logo;
     · Hop — saltano una alla volta, poi tutte insieme, e atterrano schiacciandosi.
   Le sceglie `Scripts/iride-wait.js`, a caso ma in parti uguali fra le attese a vista insieme, e dà loro le tre tessere
   (`.wait-figure`). Partono dalla posa del Puzzle alla stessa misura, così il cambio non si vede.
   Con «riduci movimento» o le animazioni della Company spente resta il Puzzle: la varietà si può togliere, l'attesa no. */
.wait-figure {
  display: none;
}

@media (prefers-reduced-motion: no-preference) {
  :root:not([data-animations=off]) .loading-spinner[data-wait=orbit],
  :root:not([data-animations=off]) .loading-spinner[data-wait=hop] {
    background-image: none;
    animation: none;
  }
  :root:not([data-animations=off]) .loading-spinner[data-wait=orbit] > .wait-figure,
  :root:not([data-animations=off]) .loading-spinner[data-wait=hop] > .wait-figure {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0;
  }
  :root:not([data-animations=off]) .loading-spinner[data-wait=orbit] > .wait-figure > span,
  :root:not([data-animations=off]) .loading-spinner[data-wait=hop] > .wait-figure > span {
    position: absolute;
    top: calc(var(--wait-cell) / -2);
    left: calc(var(--wait-cell) / -2);
    width: var(--wait-cell);
    height: var(--wait-cell);
    margin: 0;
    background: var(--wait-1);
  }
  :root:not([data-animations=off]) .loading-spinner[data-wait=orbit] > .wait-figure > span:nth-child(2),
  :root:not([data-animations=off]) .loading-spinner[data-wait=hop] > .wait-figure > span:nth-child(2) {
    background: var(--wait-2);
  }
  :root:not([data-animations=off]) .loading-spinner[data-wait=orbit] > .wait-figure > span:nth-child(3),
  :root:not([data-animations=off]) .loading-spinner[data-wait=hop] > .wait-figure > span:nth-child(3) {
    background: var(--wait-3);
  }
  :root:not([data-animations=off]) .loading-spinner[data-wait=orbit] > .wait-figure > span {
    animation: iri-wait-orbit-1 3.2s cubic-bezier(0.45, 0, 0.2, 1) -0.38s infinite;
  }
  :root:not([data-animations=off]) .loading-spinner[data-wait=orbit] > .wait-figure > span:nth-child(2) {
    animation-name: iri-wait-orbit-2;
  }
  :root:not([data-animations=off]) .loading-spinner[data-wait=orbit] > .wait-figure > span:nth-child(3) {
    animation-name: iri-wait-orbit-3;
  }
  :root:not([data-animations=off]) .loading-spinner[data-wait=hop] > .wait-figure > span {
    animation: iri-wait-hop-1 4.4s cubic-bezier(0.45, 0, 0.2, 1) -0.32s infinite;
  }
  :root:not([data-animations=off]) .loading-spinner[data-wait=hop] > .wait-figure > span:nth-child(2) {
    animation-name: iri-wait-hop-2;
  }
  :root:not([data-animations=off]) .loading-spinner[data-wait=hop] > .wait-figure > span:nth-child(3) {
    animation-name: iri-wait-hop-3;
  }
}
/* Le dodici mosse del Puzzle (quelle del logo animato) e le dodici della Tessera. Generate, non scritte a mano:
   ogni stato è una terna di posizioni (rosso, giallo, blu), e due stati uguali di seguito sono una sosta. */
@keyframes iri-wait-puzzle {
  0%, 10% {
    background-position: calc(50% - var(--wait-cell)) calc(50% + var(--wait-cell)), 50% 50%, calc(50% + var(--wait-cell)) calc(50% - var(--wait-cell));
  }
  16% {
    background-position: 50% calc(50% + var(--wait-cell)), 50% 50%, calc(50% + var(--wait-cell)) calc(50% - var(--wait-cell));
  }
  22% {
    background-position: 50% calc(50% + var(--wait-cell)), calc(50% - var(--wait-cell)) 50%, calc(50% + var(--wait-cell)) calc(50% - var(--wait-cell));
  }
  28% {
    background-position: 50% calc(50% + var(--wait-cell)), calc(50% - var(--wait-cell)) 50%, calc(50% + var(--wait-cell)) 50%;
  }
  34% {
    background-position: calc(50% + var(--wait-cell)) calc(50% + var(--wait-cell)), calc(50% - var(--wait-cell)) 50%, calc(50% + var(--wait-cell)) 50%;
  }
  40% {
    background-position: calc(50% + var(--wait-cell)) calc(50% + var(--wait-cell)), calc(50% - var(--wait-cell)) calc(50% - var(--wait-cell)), calc(50% + var(--wait-cell)) 50%;
  }
  46% {
    background-position: calc(50% + var(--wait-cell)) calc(50% + var(--wait-cell)), calc(50% - var(--wait-cell)) calc(50% - var(--wait-cell)), 50% 50%;
  }
  52% {
    background-position: 50% calc(50% + var(--wait-cell)), calc(50% - var(--wait-cell)) calc(50% - var(--wait-cell)), 50% 50%;
  }
  58% {
    background-position: 50% calc(50% + var(--wait-cell)), calc(50% - var(--wait-cell)) calc(50% - var(--wait-cell)), 50% calc(50% - var(--wait-cell));
  }
  64% {
    background-position: 50% calc(50% + var(--wait-cell)), calc(50% - var(--wait-cell)) 50%, 50% calc(50% - var(--wait-cell));
  }
  70% {
    background-position: calc(50% - var(--wait-cell)) calc(50% + var(--wait-cell)), calc(50% - var(--wait-cell)) 50%, 50% calc(50% - var(--wait-cell));
  }
  76% {
    background-position: calc(50% - var(--wait-cell)) calc(50% + var(--wait-cell)), calc(50% - var(--wait-cell)) 50%, calc(50% + var(--wait-cell)) calc(50% - var(--wait-cell));
  }
  82%, 100% {
    background-position: calc(50% - var(--wait-cell)) calc(50% + var(--wait-cell)), 50% 50%, calc(50% + var(--wait-cell)) calc(50% - var(--wait-cell));
  }
}
@keyframes iri-wait-tessera {
  0% {
    background-position: calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2);
  }
  5.17%, 8.33% {
    background-position: calc(50% - var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2);
  }
  13.5%, 16.67% {
    background-position: calc(50% - var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2);
  }
  21.83%, 25% {
    background-position: calc(50% - var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2);
  }
  30.17%, 33.33% {
    background-position: calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2);
  }
  38.5%, 41.67% {
    background-position: calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2);
  }
  46.83%, 50% {
    background-position: calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2);
  }
  55.17%, 58.33% {
    background-position: calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2);
  }
  63.5%, 66.67% {
    background-position: calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2);
  }
  71.83%, 75% {
    background-position: calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% - var(--wait-step) / 2);
  }
  80.17%, 83.33% {
    background-position: calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% - var(--wait-step) / 2);
  }
  88.5%, 91.67% {
    background-position: calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% - var(--wait-step) / 2) calc(50% - var(--wait-step) / 2);
  }
  96.83%, 100% {
    background-position: calc(50% - var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% + var(--wait-step) / 2), calc(50% + var(--wait-step) / 2) calc(50% - var(--wait-step) / 2);
  }
}
/* L'Orbita, tessera per tessera. Il passo è il lato della tessera (`translate` in % di sé): a riposo le tre stanno dove
   le mette il Puzzle; poi raggiungono i vertici di un triangolo e lo percorrono in senso orario, un quarto di giro
   su se stesse a ogni lato. */
@keyframes iri-wait-orbit-1 {
  0%, 12% {
    transform: translate(-100%, 100%) rotate(0deg) scale(1);
  }
  28% {
    transform: translate(-135%, 75%) rotate(-45deg) scale(0.86);
  }
  44% {
    transform: translate(0, -155%) rotate(45deg) scale(0.86);
  }
  60% {
    transform: translate(135%, 75%) rotate(135deg) scale(0.86);
  }
  76% {
    transform: translate(0, 135%) rotate(225deg) scale(0.86);
  }
  90%, 100% {
    transform: translate(-100%, 100%) rotate(360deg) scale(1);
  }
}
@keyframes iri-wait-orbit-2 {
  0%, 12% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  28% {
    transform: translate(0, -155%) rotate(45deg) scale(0.86);
  }
  44% {
    transform: translate(135%, 75%) rotate(135deg) scale(0.86);
  }
  60% {
    transform: translate(-135%, 75%) rotate(225deg) scale(0.86);
  }
  76% {
    transform: translate(-100%, -35%) rotate(315deg) scale(0.86);
  }
  90%, 100% {
    transform: translate(0, 0) rotate(360deg) scale(1);
  }
}
@keyframes iri-wait-orbit-3 {
  0%, 12% {
    transform: translate(100%, -100%) rotate(0deg) scale(1);
  }
  28% {
    transform: translate(135%, 75%) rotate(135deg) scale(0.86);
  }
  44% {
    transform: translate(-135%, 75%) rotate(225deg) scale(0.86);
  }
  60% {
    transform: translate(0, -155%) rotate(315deg) scale(0.86);
  }
  76% {
    transform: translate(100%, -135%) rotate(405deg) scale(0.86);
  }
  90%, 100% {
    transform: translate(100%, -100%) rotate(360deg) scale(1);
  }
}
/* Hop, tessera per tessera, con lo stesso passo. Gli istanti del grafico su 4,4 s: il rosso salta a 0,32 s, il giallo a
   0,96, il blu a 1,60, tutte e tre a 2,50; poi la sosta fino a fine giro. In ogni salto la tessera si schiaccia sul
   posto (la base resta a terra: scende di un decimo mentre si accorcia di un quinto), si allunga in volo e
   riatterra schiacciandosi. */
@keyframes iri-wait-hop-1 {
  0%, 7.27%, 21.36%, 56.82%, 80.68%, 100% {
    transform: translate(-100%, 100%) rotate(0deg) scale(1, 1);
  }
  9.55%, 60.23% {
    transform: translate(-100%, 110%) rotate(0deg) scale(1.13, 0.8);
  }
  14.09% {
    transform: translate(-100%, 20%) rotate(-9deg) scale(0.94, 1.08);
  }
  18.41% {
    transform: translate(-100%, 110%) rotate(0deg) scale(1.14, 0.8);
  }
  66.82% {
    transform: translate(-100%, 30%) rotate(-10deg) scale(0.96, 1.04);
  }
  73.18% {
    transform: translate(-100%, 110%) rotate(0deg) scale(1.15, 0.8);
  }
  76.82% {
    transform: translate(-100%, 90%) rotate(0deg) scale(0.98, 1.02);
  }
}
@keyframes iri-wait-hop-2 {
  0%, 21.82%, 35.91%, 56.82%, 80.68%, 100% {
    transform: translate(0, 0) rotate(0deg) scale(1, 1);
  }
  24.09%, 60.23% {
    transform: translate(0, 10%) rotate(0deg) scale(1.13, 0.8);
  }
  28.64% {
    transform: translate(0, -80%) rotate(7deg) scale(0.94, 1.08);
  }
  32.95% {
    transform: translate(0, 10%) rotate(0deg) scale(1.14, 0.8);
  }
  66.82% {
    transform: translate(0, -70%) rotate(0deg) scale(0.96, 1.04);
  }
  73.18% {
    transform: translate(0, 10%) rotate(0deg) scale(1.15, 0.8);
  }
  76.82% {
    transform: translate(0, -10%) rotate(0deg) scale(0.98, 1.02);
  }
}
@keyframes iri-wait-hop-3 {
  0%, 36.36%, 50.45%, 56.82%, 80.68%, 100% {
    transform: translate(100%, -100%) rotate(0deg) scale(1, 1);
  }
  38.64%, 60.23% {
    transform: translate(100%, -90%) rotate(0deg) scale(1.13, 0.8);
  }
  43.18% {
    transform: translate(100%, -180%) rotate(-9deg) scale(0.94, 1.08);
  }
  47.5% {
    transform: translate(100%, -90%) rotate(0deg) scale(1.14, 0.8);
  }
  66.82% {
    transform: translate(100%, -170%) rotate(10deg) scale(0.96, 1.04);
  }
  73.18% {
    transform: translate(100%, -90%) rotate(0deg) scale(1.15, 0.8);
  }
  76.82% {
    transform: translate(100%, -110%) rotate(0deg) scale(0.98, 1.02);
  }
}
#CalendarLoader {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 9999999999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* =====================================================================================
   Interfaccia classica (V1): le GIF di prima (richiesta del committente, 2026-10-19)
   -------------------------------------------------------------------------------------
   Le tessere restano della V2. Nella classica tornano le regole di prima del §206: la GIF
   del tema (`--spinner-background`), le `color-N`, le GIF piccole dei pulsanti delle
   modali, i 17 px dei campi con ricerca e `img.ajax-loader`. La V1 è il `<body>` senza
   `shell-v2-body` (lo scrive `_Layout` solo per la shell nuova; `_LoginLayout` non lo ha).
   `!important` perché le regole delle tessere hanno pesi diversi fra loro (fino a tre
   classi) e qui devono perdere tutte; le eccezioni di sotto lo ripetono con un peso maggiore.
   Si toglie in un colpo solo, con questo blocco (NOTES.md §206.11).
   ===================================================================================== */
body:not(.shell-v2-body) .loading-spinner {
  background-image: var(--spinner-background) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  animation: none !important;
}

/* Le altre figure (Orbita, Hop) le aggiunge lo script come figli: nella classica non si vedono. */
body:not(.shell-v2-body) .loading-spinner > .wait-figure,
body:not(.shell-v2-body) .loading-spinner > .wait-orbit {
  display: none !important;
}

/* Prima la Tessera non c'era: `small` era 32 px anche in riga a un testo e sulla freccia. */
body:not(.shell-v2-body) .loading-spinner.small.inline-block,
body:not(.shell-v2-body) .loading-spinner.small.ajax-loader-forSubItem {
  width: 32px;
  height: 32px;
}

body:not(.shell-v2-body) .loading-spinner.color-1 {
  background-image: url(/Content/Images/Spinners/spinner_red.gif) !important;
}

body:not(.shell-v2-body) .loading-spinner.color-1.dark {
  background-image: url(/Content/Images/Spinners/spinner_dark_red.gif) !important;
}

body:not(.shell-v2-body) .loading-spinner.color-2 {
  background-image: url(/Content/Images/Spinners/spinner_green.gif) !important;
}

body:not(.shell-v2-body) .loading-spinner.color-2.light {
  background-image: url(/Content/Images/Spinners/spinner_light_green.gif) !important;
}

body:not(.shell-v2-body) .loading-spinner.color-3 {
  background-image: url(/Content/Images/Spinners/spinner_yellow.gif) !important;
}

body:not(.shell-v2-body) .loading-spinner.color-4 {
  background-image: url(/Content/Images/Spinners/spinner_orange.gif) !important;
}

body:not(.shell-v2-body) .loading-spinner.color-4.dark {
  background-image: url(/Content/Images/Spinners/spinner_dark_orange.gif) !important;
}

body:not(.shell-v2-body) .loading-spinner.color-5 {
  background-image: url(/Content/Images/Spinners/spinner_blue.gif) !important;
}

body:not(.shell-v2-body) .loading-spinner.color-5.light {
  background-image: url(/Content/Images/Spinners/spinner_light_blue.gif) !important;
}

body:not(.shell-v2-body) .loading-spinner.color-6 {
  background-image: url(/Content/Images/Spinners/spinner_purple.gif) !important;
}

body:not(.shell-v2-body) .loading-spinner.color-7 {
  background-image: url(/Content/Images/Spinners/spinner_midnight.gif) !important;
}

body:not(.shell-v2-body) .modal-button.color-1.waiting .loading-spinner {
  background-image: url(/Content/Images/Spinners/spinner_red_small.gif) !important;
}

body:not(.shell-v2-body) .modal-button.color-2.waiting .loading-spinner {
  background-image: url(/Content/Images/Spinners/spinner_green_small.gif) !important;
}

body:not(.shell-v2-body) .modal-button.color-3.waiting .loading-spinner {
  background-image: url(/Content/Images/Spinners/spinner_yellow_small.gif) !important;
}

body:not(.shell-v2-body) .modal-button.color-4.waiting .loading-spinner {
  background-image: url(/Content/Images/Spinners/spinner_orange_small.gif) !important;
}

body:not(.shell-v2-body) .modal-button.color-5.waiting .loading-spinner {
  background-image: url(/Content/Images/Spinners/spinner_blue_small.gif) !important;
}

body:not(.shell-v2-body) .modal-button.color-6.waiting .loading-spinner {
  background-image: url(/Content/Images/Spinners/spinner_purple_small.gif) !important;
}

body:not(.shell-v2-body) .modal-button.color-7.waiting .loading-spinner {
  background-image: url(/Content/Images/Spinners/spinner_black_small.gif) !important;
}

/* L'attesa della pagina: senza piastra, la GIF trasparente a 5em come prima. */
body:not(.shell-v2-body) .loading-plate {
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

body:not(.shell-v2-body) .loading-plate .loading-spinner {
  display: inline-block;
  vertical-align: middle;
  width: 5em;
  height: 5em;
  background-image: url(/Content/Images/ajax-loader-trasparent.gif) !important;
}

/* Le `<img>` GIF: torna a vedersi l'immagine, alla sua misura. */
body:not(.shell-v2-body) img[src$="ajax-loader.gif"],
body:not(.shell-v2-body) img[src$="ajax-loader-trasparent.gif"],
body:not(.shell-v2-body) img.ajax-loader,
body:not(.shell-v2-body) .ajax-operation-loader img {
  box-sizing: content-box;
  width: auto;
  height: auto;
  padding: 0;
  background: none;
  animation: none;
}

/* …tranne le misure che davano gli attributi (sovrascritti dalla regola di sopra) e i fogli di prima. */
body:not(.shell-v2-body) img[src$="ajax-loader-trasparent.gif"][width="50"] {
  width: 50px;
  height: 50px;
}

body:not(.shell-v2-body) img.ajax-loader-forSubItem {
  width: 18px;
  height: 18px;
}

body:not(.shell-v2-body) img.ajax-loader {
  content: url(/Content/Images/ajax-loader-trasparent.gif);
  max-width: 1.5em;
}

body:not(.shell-v2-body) span.ajax-operation-loader img[src] {
  width: 17px;
  height: 17px;
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

#AttendaceRegistryForm table.registry-table {
  width: 100%;
}
#AttendaceRegistryForm table.registry-table td {
  border: var(--text-light-color-2) 1px solid;
  height: 40px;
  text-align: center;
}
#AttendaceRegistryForm table.registry-table td:not(.head) {
  padding: 5px;
  width: 50px;
  min-width: 40px;
}
#AttendaceRegistryForm table.registry-table td input {
  text-align: center;
  margin: 1px 0;
}
#AttendaceRegistryForm table.registry-table td input:focus {
  border: 1px var(--alert-error) dashed;
}
#AttendaceRegistryForm table.registry-table td .day-overtime:focus {
  border: 1px var(--alert-error) dashed;
}
#AttendaceRegistryForm table.registry-table td .day-absence:focus {
  border: 1px var(--alert-error) dashed;
}
#AttendaceRegistryForm table.registry-table td .day-remote-work:focus {
  border: 1px var(--alert-error) dashed;
}
#AttendaceRegistryForm table.registry-table th {
  border: var(--text-light-color-2) 1px solid;
  height: 40px;
  text-align: center;
  padding: 5px;
  width: 50px;
  min-width: 40px;
}
#AttendaceRegistryForm table.registry-table .row-labels {
  width: 30px !important;
  border-left: none;
}
#AttendaceRegistryForm table.registry-table .row-labels div {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#AttendaceRegistryForm table.registry-table .row-label-single {
  width: 52px;
  min-width: 52px;
  font-weight: 700;
}
#AttendaceRegistryForm table.registry-table .row-label-single.ordinary {
  color: #6c7a89;
}
#AttendaceRegistryForm table.registry-table .row-label-single.overtime {
  color: var(--alert-ok);
}
#AttendaceRegistryForm table.registry-table .row-label-single.transfer {
  color: var(--ird-color-palette-yellow);
}
#AttendaceRegistryForm table.registry-table .row-label-single.absence {
  color: var(--alert-error-darker);
}
#AttendaceRegistryForm table.registry-table .row-label-single.remote-work {
  color: var(--ird-color-palette-blue);
}
#AttendaceRegistryForm table.registry-table .totals div {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#AttendaceRegistryForm table.registry-table .totals-value {
  font-weight: 700;
}
#AttendaceRegistryForm table.registry-table tbody tr td.head {
  border-right: none;
  padding: 10px;
  text-align: left;
}
#AttendaceRegistryForm table.registry-table tbody tr td {
  border-bottom: var(--text-light-color-2) 2px solid;
}
#AttendaceRegistryForm table.registry-table .saturday {
  background-color: var(--transparent-smoke-black-1);
}
#AttendaceRegistryForm table.registry-table .sunday {
  background-color: var(--transparent-smoke-black-2);
}
#AttendaceRegistryForm table.registry-table .holiday {
  background-color: var(--transparent-smoke-black-2);
}
#AttendaceRegistryForm table.registry-table th.sunday {
  color: var(--alert-error);
}
#AttendaceRegistryForm table.registry-table th.holiday {
  color: var(--alert-error);
}
#AttendaceRegistryForm table.registry-table .day-overtime {
  cursor: pointer;
  background-color: transparent !important;
  height: 30px;
  width: 100%;
  border: none;
  border-bottom: 1px dashed var(--text-light-color-2);
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#AttendaceRegistryForm table.registry-table .day-absence {
  cursor: pointer;
  background-color: transparent !important;
  height: 30px;
  width: 100%;
  border: none;
  border-bottom: 1px dashed var(--text-light-color-2);
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#AttendaceRegistryForm table.registry-table .day-transfer {
  cursor: pointer;
  background-color: transparent !important;
  height: 30px;
  width: 100%;
  border: none;
  border-bottom: 1px dashed var(--text-light-color-2);
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#AttendaceRegistryForm table.registry-table .day-remote-work {
  cursor: pointer;
  background-color: transparent !important;
  height: 30px;
  width: 100%;
  border: none;
  border-bottom: 1px dashed var(--text-light-color-2);
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#AttendaceRegistryForm table.registry-table .day-total,
#AttendaceRegistryForm table.registry-table .grand-total {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  border-top: 1px solid var(--text-light-color-2);
}
#AttendaceRegistryForm table.registry-table input.ordinary.invalid {
  border: 1px solid var(--alert-error-darker);
  color: var(--alert-error-darker);
  text-transform: uppercase;
}
#AttendaceRegistryForm table.registry-table .note-sign {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  color: var(--alert-danger);
  pointer-events: none;
}
#AttendaceRegistryForm table.registry-table .widthNote .note-sign {
  display: block;
}
#AttendaceRegistryForm table.registry-table .overtime-content {
  position: relative;
}
#AttendaceRegistryForm table.registry-table .absence-content {
  position: relative;
}
#AttendaceRegistryForm table.registry-table .transfer-content {
  position: relative;
}
#AttendaceRegistryForm table.registry-table .overtime-content.disabled {
  pointer-events: none;
}
#AttendaceRegistryForm table.registry-table .absence-content.disabled {
  pointer-events: none;
}
#AttendaceRegistryForm table.registry-table .transfer-content.disabled {
  pointer-events: none;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row td.registry-inline-detail-cell {
  padding: 0 !important;
  background-color: var(--sh-card, #fff);
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-panel {
  padding: 0;
  text-align: left;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-header {
  margin-bottom: 0;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-title {
  text-align: center;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-body,
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-footer {
  padding-left: 18px;
  padding-right: 18px;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-actions {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-actions .close-detail-btn {
  order: -1;
  margin-right: auto;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-footer {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-body {
  display: block;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-item {
  padding: 12px 0;
  border-top: 1px dashed var(--text-light-color-2);
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-item:first-child {
  border-top: none;
  padding-top: 0;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-item:last-child {
  padding-bottom: 0;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-item > .row {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
  flex-wrap: wrap;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-item [class*=col-] {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 12px;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-item .input-group.flat {
  width: 100%;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-item .registry-inline-detail-hours-group {
  display: flex;
  align-items: stretch;
  width: 100%;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-item .registry-inline-detail-hours-group > .hours {
  flex: 1 1 auto;
  min-width: 0;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-item .registry-inline-detail-hours-group > .input-group-addon {
  flex: 0 0 auto;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-item.deleted {
  display: none;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-controller {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  height: 100%;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .registry-inline-detail-controller .deleteBtn {
  cursor: pointer;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row input.flat-input,
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row select.flat-input,
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row textarea.flat-input,
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .hours,
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .causal-id {
  width: 100%;
  display: block;
  margin: 0;
  text-align: left;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .hours {
  text-align: right;
}
#AttendaceRegistryForm table.registry-table .registry-inline-detail-row .hours.invalid {
  border: 1px solid var(--alert-error-darker);
  color: var(--alert-error-darker);
}
#AttendaceRegistryForm table.registry-table td.registry-inline-detail-source {
  position: relative;
}
#AttendaceRegistryForm table.registry-table td.registry-inline-detail-source .day-overtime,
#AttendaceRegistryForm table.registry-table td.registry-inline-detail-source .day-transfer,
#AttendaceRegistryForm table.registry-table td.registry-inline-detail-source .day-absence {
  transition: none;
}
#AttendaceRegistryForm table.registry-table td.registry-inline-detail-source.active-type-overtime {
  background-color: rgba(46, 204, 113, 0.12) !important;
}
#AttendaceRegistryForm table.registry-table td.registry-inline-detail-source.active-type-overtime .day-overtime {
  background: rgba(46, 204, 113, 0.08) !important;
  border-color: rgba(46, 204, 113, 0.45);
  box-shadow: inset 0 0 0 1px rgba(46, 204, 113, 0.12);
}
#AttendaceRegistryForm table.registry-table td.registry-inline-detail-source.active-type-transfer {
  background-color: rgba(241, 196, 15, 0.12) !important;
}
#AttendaceRegistryForm table.registry-table td.registry-inline-detail-source.active-type-transfer .day-transfer {
  background: rgba(241, 196, 15, 0.08) !important;
  border-color: rgba(241, 196, 15, 0.45);
  box-shadow: inset 0 0 0 1px rgba(241, 196, 15, 0.12);
}
#AttendaceRegistryForm table.registry-table td.registry-inline-detail-source.active-type-absence {
  background-color: rgba(231, 76, 60, 0.12) !important;
}
#AttendaceRegistryForm table.registry-table td.registry-inline-detail-source.active-type-absence .day-absence {
  background: rgba(231, 76, 60, 0.08) !important;
  border-color: rgba(231, 76, 60, 0.45);
  box-shadow: inset 0 0 0 1px rgba(231, 76, 60, 0.12);
}
#AttendaceRegistryForm .registry-popover {
  min-width: 300px;
  border-radius: 0px;
}
#AttendaceRegistryForm .registry-popover .popover-content {
  max-height: 205px;
  min-height: 110px;
  overflow-y: auto;
}
#AttendaceRegistryForm .registry-popover .popover-title {
  border-radius: 0px;
  color: white;
}
#AttendaceRegistryForm .registry-popover .registry input {
  display: inline;
  margin-bottom: 5px;
  margin-right: 10px;
}
#AttendaceRegistryForm .registry-popover .registry select {
  display: inline;
  margin-bottom: 5px;
  margin-right: 10px;
}
#AttendaceRegistryForm .registry-popover .registry {
  padding: 5px;
  border-bottom: 1px solid var(--separator-color);
}
#AttendaceRegistryForm .registry-popover .data {
  width: 90%;
  display: inline-block;
  vertical-align: middle;
}
#AttendaceRegistryForm .registry-popover .data .hours {
  width: 100px;
  display: inline-block;
}
#AttendaceRegistryForm .registry-popover .data select {
  display: inline-block;
  width: calc(100% - 115px);
  margin: 0;
}
#AttendaceRegistryForm .registry-popover .data .note {
  height: 40px;
  resize: vertical;
}
#AttendaceRegistryForm .registry-popover .controller {
  width: 10%;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
}
#AttendaceRegistryForm .registry-popover .registry.deleted {
  display: none;
}
#AttendaceRegistryForm .registry-popover .hours.invalid {
  border: 1px solid var(--alert-error-darker);
  color: var(--alert-error-darker);
  text-transform: uppercase;
}
#AttendaceRegistryForm .registry-popover .message {
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px;
  color: var(--alert-error-darker);
  opacity: 0;
  transition: ease-in-out;
}
#AttendaceRegistryForm .registry-popover .message.invalid {
  transition: 0.5s ease-in-out;
  opacity: 1;
  float: left;
}
#AttendaceRegistryForm .registry-popover.overtime {
  border-color: var(--alert-ok);
  padding: 0;
}
#AttendaceRegistryForm .registry-popover.overtime .popover-title {
  background-color: var(--alert-ok);
}
#AttendaceRegistryForm .registry-popover.absence {
  border-color: var(--alert-error-darker);
  padding: 0;
}
#AttendaceRegistryForm .registry-popover.absence .popover-title {
  background-color: var(--alert-error-darker);
}
#AttendaceRegistryForm .registry-popover.overtime.top > .arrow {
  border-top-color: var(--alert-ok);
}
#AttendaceRegistryForm .registry-popover.absence.top > .arrow {
  border-top-color: var(--alert-error-darker);
}
#AttendaceRegistryForm .note-panel {
  margin-left: 0;
  margin-right: 0;
}
#AttendaceRegistryForm .note-panel .total-notes {
  float: right;
  padding: 0 10px;
  background-color: var(--neutral-bg-color-2);
}
#AttendaceRegistryForm .note-panel .note-row {
  padding: 10px 10px 10px 10px;
  border-bottom: 1px dashed var(--text-light-color-2);
}
#AttendaceRegistryForm .note-panel .note-row .user {
  font-size: 19px;
}
#AttendaceRegistryForm .note-panel .note-row .notes .note {
  margin: 2px 0;
}
#AttendaceRegistryForm .note-panel .note-row .notes .note div {
  display: inline-block;
  margin-right: 10px;
}
#AttendaceRegistryForm .note-panel .note-row .notes .note.overtime .day {
  color: var(--alert-ok);
}
#AttendaceRegistryForm .note-panel .note-row .notes .note.absence .day {
  color: var(--alert-error-darker);
}

#edit-attendance-registry-user-modal {
  overflow-x: hidden;
}
#edit-attendance-registry-user-modal .modal-dialog {
  width: calc(95vw - 30px);
  max-width: calc(95vw - 30px);
  margin-left: auto;
  margin-right: auto;
}
#edit-attendance-registry-user-modal .modal-content {
  overflow-x: hidden;
  overflow-y: visible;
}
#edit-attendance-registry-user-modal .attendance-registry-user-modal-body {
  overflow-x: hidden;
  overflow-y: visible;
  max-width: 100%;
}
#edit-attendance-registry-user-modal .attendance-registry-user-modal-loader {
  margin: 20px auto;
}

.attendance-registry-user-editor-form {
  max-width: 100%;
}
.attendance-registry-user-editor-form .attendance-registry-user-editor-table-wrap {
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
}
.attendance-registry-user-editor-form table.registry-table {
  padding: 0;
  border: 1px solid var(--theme-secondary-color);
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  min-width: max-content;
  width: max-content;
}
.attendance-registry-user-editor-form table.registry-table .attendance-registry-user-editor-leading-cell {
  width: 30px;
  min-width: 30px;
  background: var(--sh-sunken, #f3f3f3) !important;
  position: sticky;
  left: 0;
  z-index: 4;
}
.attendance-registry-user-editor-form table.registry-table tbody tr td.head {
  display: none;
}
.attendance-registry-user-editor-form table.registry-table th,
.attendance-registry-user-editor-form table.registry-table td {
  border: 1px solid var(--border-color-2) !important;
  padding: 4px;
  vertical-align: top;
  box-shadow: inset -1px 0 0 var(--border-color-2), inset 0 -1px 0 var(--border-color-2);
}
.attendance-registry-user-editor-form table.registry-table thead th {
  background: var(--sh-sunken, #f3f3f3) !important;
  box-shadow: inset 0 -1px 0 var(--border-color-2);
}
.attendance-registry-user-editor-form table.registry-table tbody tr td {
  border-bottom: 1px solid var(--border-color-2) !important;
  box-shadow: inset -1px 0 0 var(--border-color-2), inset 0 -1px 0 var(--border-color-2);
}
.attendance-registry-user-editor-form table.registry-table .row-labels {
  border-left: 1px solid var(--border-color-2) !important;
}
.attendance-registry-user-editor-form table.registry-table .row-label-single {
  width: 28px;
  min-width: 28px;
  background: var(--sh-card, #fff);
  vertical-align: middle;
  position: sticky;
  left: 0;
  z-index: 3;
  box-shadow: inset -1px 0 0 var(--border-color-2), 2px 0 0 rgba(207, 214, 221, 0.9);
}
.attendance-registry-user-editor-form table.registry-table th.totals,
.attendance-registry-user-editor-form table.registry-table td.totals,
.attendance-registry-user-editor-form table.registry-table td.totals-value {
  background: var(--sh-sunken, #f3f3f3) !important;
  font-weight: 700;
  border-left: 2px solid #cfd6dd !important;
  vertical-align: middle;
  position: sticky;
  right: 0;
  z-index: 3;
  box-shadow: inset 1px 0 0 #cfd6dd, -2px 0 0 rgba(207, 214, 221, 0.9);
}
.attendance-registry-user-editor-form table.registry-table thead .attendance-registry-user-editor-leading-cell,
.attendance-registry-user-editor-form table.registry-table thead th.totals {
  z-index: 5;
}
.attendance-registry-user-editor-form table.registry-table td.totals-value.total-ordinary {
  color: #6c7a89;
}
.attendance-registry-user-editor-form table.registry-table td.totals-value.total-overtime {
  color: var(--alert-ok);
}
.attendance-registry-user-editor-form table.registry-table td.totals-value.total-transfer {
  color: var(--ird-color-palette-yellow);
}
.attendance-registry-user-editor-form table.registry-table td.totals-value.total-absence {
  color: var(--alert-error-darker);
}
.attendance-registry-user-editor-form table.registry-table td.totals-value.total-expected {
  color: var(--theme-secondary-ink);
}
.attendance-registry-user-editor-form table.registry-table tr.total-row td {
  background: var(--sh-sunken, #f8f9fb) !important;
  font-weight: 700;
  border-top: 2px solid #cfd6dd !important;
  border-bottom: 2px solid rgba(52, 152, 219, 0.18) !important;
  vertical-align: middle;
}
.attendance-registry-user-editor-form table.registry-table tr.total-row .row-label-single.total {
  background: var(--sh-sunken, #f3f3f3) !important;
}
.attendance-registry-user-editor-form table.registry-table tr.total-row td.totals-value.grand-total-cell {
  background: var(--sh-sunken, #f3f3f3) !important;
  border-left: 2px solid #cfd6dd !important;
  border-top: 2px solid #cfd6dd !important;
  color: var(--text-color);
  vertical-align: middle;
}
.attendance-registry-user-editor-form table.registry-table tr.total-row td.expected-higher .day-total,
.attendance-registry-user-editor-form table.registry-table tr.total-row td.expected-lower .day-total {
  position: relative;
  display: inline-block;
  overflow: visible;
}
.attendance-registry-user-editor-form table.registry-table tr.total-row td.expected-higher .day-total::before,
.attendance-registry-user-editor-form table.registry-table tr.total-row td.expected-lower .day-total::before {
  position: absolute;
  right: -1px;
  top: 3px;
  display: block;
  width: 0;
  height: 0;
  content: "";
}
.attendance-registry-user-editor-form table.registry-table tr.total-row td.expected-higher .day-total::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid var(--ird-color-palette-blue);
}
.attendance-registry-user-editor-form table.registry-table tr.total-row td.expected-lower .day-total::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid var(--alert-error-darker);
}
.attendance-registry-user-editor-form table.registry-table tr.expected-row td {
  background: var(--ar-expected-bg, #f7fbff) !important;
  font-weight: 700;
  border-top: 2px solid rgba(52, 152, 219, 0.28) !important;
  border-bottom: 2px solid rgba(52, 152, 219, 0.18) !important;
  box-shadow: inset -1px 0 0 var(--border-color-2), inset 0 1px 0 rgba(52, 152, 219, 0.18), inset 0 -1px 0 rgba(52, 152, 219, 0.12);
  vertical-align: middle;
}
.attendance-registry-user-editor-form table.registry-table tr.expected-row .row-label-single.expected {
  background: var(--ar-expected-label-bg, #edf5fb) !important;
  color: var(--theme-secondary-ink);
}
.attendance-registry-user-editor-form table.registry-table tr.expected-row td.totals-value.total-expected {
  background: var(--ar-expected-label-bg, #edf5fb) !important;
  color: var(--theme-secondary-ink);
}
.attendance-registry-user-editor-form table.registry-table tr.expected-row .day-total {
  border-top: none;
  color: var(--theme-secondary-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.attendance-registry-user-editor-form table.registry-table th.saturday,
.attendance-registry-user-editor-form table.registry-table td.saturday {
  background-color: rgba(52, 152, 219, 0.08) !important;
}
.attendance-registry-user-editor-form table.registry-table th.sunday,
.attendance-registry-user-editor-form table.registry-table td.sunday {
  background-color: rgba(231, 76, 60, 0.08) !important;
}
.attendance-registry-user-editor-form table.registry-table th.holiday,
.attendance-registry-user-editor-form table.registry-table td.holiday {
  background-color: rgba(231, 76, 60, 0.08) !important;
}
.attendance-registry-user-editor-form table.registry-table td input.ordinary,
.attendance-registry-user-editor-form table.registry-table .day-overtime,
.attendance-registry-user-editor-form table.registry-table .day-transfer,
.attendance-registry-user-editor-form table.registry-table .day-absence,
.attendance-registry-user-editor-form table.registry-table .day-total,
.attendance-registry-user-editor-form table.registry-table .grand-total {
  min-height: 24px;
  height: auto;
  line-height: 1.35;
}
.attendance-registry-user-editor-form table.registry-table td input.ordinary {
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 500;
  color: var(--text-color);
}
.attendance-registry-user-editor-form table.registry-table td input.ordinary:focus {
  border: 1px solid var(--border-color-2);
}
.attendance-registry-user-editor-form table.registry-table .day-overtime,
.attendance-registry-user-editor-form table.registry-table .day-transfer,
.attendance-registry-user-editor-form table.registry-table .day-absence {
  width: 100%;
  min-height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
  border: 1px solid var(--default-line-color);
  background: var(--sh-card, #fff) !important;
  box-shadow: none;
  justify-content: center;
  border-radius: 2px;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.attendance-registry-user-editor-form table.registry-table .day-overtime:hover,
.attendance-registry-user-editor-form table.registry-table .day-transfer:hover,
.attendance-registry-user-editor-form table.registry-table .day-absence:hover {
  background: var(--sh-hover, #f8f9fb) !important;
  border-color: var(--border-color-2);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
}
.attendance-registry-user-editor-form table.registry-table .day-total,
.attendance-registry-user-editor-form table.registry-table .grand-total {
  border-top: 1px solid var(--border-color-2);
}

table#index-table.attendance-registries .attendance-registry-open-link-cell {
  display: none;
}
table#index-table.attendance-registries.main-header-suppressed > thead.floating-header {
  display: none !important;
}
table#index-table.attendance-registries .myCompanyRow td {
  border: none;
}
table#index-table.attendance-registries .myCompanyRow {
  border: 2px dashed var(--text-link-color-1) !important;
}
table#index-table.attendance-registries .myCompanyRow.subitem-row {
  width: 100%;
  border: 2px dashed var(--text-link-color-1) !important;
}
table#index-table.attendance-registries .subitem-row table td {
  border: none;
}
table#index-table.attendance-registries .attendance-registry-subitem-row .loading-spinner {
  margin: 10px 0;
}
table#index-table.attendance-registries .attendance-registry-user-filter-input {
  width: 100%;
  min-width: 0;
  height: 28px;
  padding: 3px 6px;
  font-weight: 400;
}
table#index-table.attendance-registries .attendance-registry-users-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
table#index-table.attendance-registries .attendance-registry-users-table thead th {
  position: sticky;
  top: var(--attendance-registry-subheader-top, 50px);
  z-index: 20;
  background: var(--sh-sunken, #f3f3f3) !important;
  box-shadow: inset 0 -1px 0 var(--border-color-2);
}
table#index-table.attendance-registries .attendance-registry-users-table tbody .attendance-registry-user-meta-row:not(:first-child) td {
  border-top: 3px solid #cfd6dd !important;
}
table#index-table.attendance-registries .attendance-registry-users-table tbody .attendance-registry-user-meta-row td {
  box-shadow: inset 0 -1px 0 var(--border-color-2);
}
table#index-table.attendance-registries .attendance-registry-users-table tbody .attendance-registry-user-row td {
  box-shadow: inset 0 -1px 0 var(--border-color-2);
}
table#index-table.attendance-registries .attendance-registry-users-table tbody .attendance-registry-user-row td.requires-recalculation {
  background-color: rgba(241, 196, 15, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(241, 196, 15, 0.28), inset 0 -1px 0 var(--border-color-2);
}
table#index-table.attendance-registries .attendance-registry-users-table tbody .attendance-registry-user-row td.requires-recalculation .ordinary {
  color: #8a6d3b;
}
table#index-table.attendance-registries .attendance-registry-users-table .manual-entry-value {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
table#index-table.attendance-registries .attendance-registry-users-table .manual-entry-anchor {
  position: relative;
  display: inline-block;
  overflow: visible;
}
table#index-table.attendance-registries .attendance-registry-users-table .manual-entry-badge {
  position: absolute;
  right: -3px;
  top: 3px;
  display: block;
  width: 0;
  height: 0;
  color: var(--theme-secondary-ink);
  line-height: 1;
  cursor: help;
}
table#index-table.attendance-registries .attendance-registry-users-table .manual-entry-badge .glyphicon {
  top: 0;
  display: block;
  font-size: 8px;
  line-height: 1;
}
table#index-table.attendance-registries .attendance-registry-users-table th,
table#index-table.attendance-registries .attendance-registry-users-table td {
  border: 1px solid var(--border-color-2) !important;
  padding: 4px;
  vertical-align: top;
}
table#index-table.attendance-registries .attendance-registry-users-table .total-cell {
  text-align: right;
}
table#index-table.attendance-registries .attendance-registry-users-table .total-cell .attendance-registry-hours-summary {
  text-align: right;
}
table#index-table.attendance-registries .attendance-registry-users-table .total-cell .attendance-registry-hours-summary .ordinary,
table#index-table.attendance-registries .attendance-registry-users-table .total-cell .attendance-registry-hours-summary .overtime,
table#index-table.attendance-registries .attendance-registry-users-table .total-cell .attendance-registry-hours-summary .remote-work,
table#index-table.attendance-registries .attendance-registry-users-table .total-cell .attendance-registry-hours-summary .absence {
  font-weight: 700;
}
table#index-table.attendance-registries .attendance-registry-users-table .total-cell .attendance-registry-hours-summary .attendance-registry-tooltip-trigger {
  justify-content: flex-end;
}
table#index-table.attendance-registries .attendance-registry-users-table .action-cell,
table#index-table.attendance-registries .attendance-registry-users-table .user-cell {
  padding-top: 0;
  padding-bottom: 0;
}
table#index-table.attendance-registries .attendance-registry-users-table thead .action-cell,
table#index-table.attendance-registries .attendance-registry-users-table thead .user-cell {
  padding-top: 4px;
  padding-bottom: 4px;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-period-header {
  text-align: left;
  font-weight: 700;
  min-width: 120px;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-period-header-label {
  opacity: 0;
  transition: opacity 0.15s ease;
}
table#index-table.attendance-registries .attendance-registry-users-table.subtable-sticky-active .attendance-registry-period-header-label {
  opacity: 1;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-action-cell {
  min-height: 39px;
  text-align: center;
  vertical-align: middle;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-action-cell .index-icon {
  display: inline-block;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-action-value-cell {
  min-height: 52px;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-subheader, table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-action-cell {
  background-color: var(--theme-lighter-color);
  padding: 6px 8px;
  min-height: 39px;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-subheader-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  line-height: 1.3;
  color: var(--theme-secondary-ink);
  min-height: 26px;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
table#index-table.attendance-registries .attendance-registry-users-table .user-meta-inline {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  color: var(--text-color);
}
table#index-table.attendance-registries .attendance-registry-users-table .user-meta-name {
  font-weight: 600;
  color: var(--text-color);
}
table#index-table.attendance-registries .attendance-registry-users-table .user-code {
  font-weight: 600;
  color: var(--text-color);
}
table#index-table.attendance-registries .attendance-registry-users-table .user-meta-separator {
  color: #000;
  padding: 0 5px;
}
table#index-table.attendance-registries .attendance-registry-users-table .user-totals-inline {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  margin-left: auto;
}
table#index-table.attendance-registries .attendance-registry-users-table .user-total {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}
table#index-table.attendance-registries .attendance-registry-users-table .user-total.ordinary .user-total-value {
  color: #6c7a89;
}
table#index-table.attendance-registries .attendance-registry-users-table .user-total.remote-work .user-total-label,
table#index-table.attendance-registries .attendance-registry-users-table .user-total.remote-work .user-total-value,
table#index-table.attendance-registries .attendance-registry-users-table .user-total.remote-work .ird-remote-work {
  color: var(--ird-color-palette-blue);
}
table#index-table.attendance-registries .attendance-registry-users-table .user-total.overtime .user-total-value {
  color: var(--alert-ok);
}
table#index-table.attendance-registries .attendance-registry-users-table .user-total.transfer .user-total-value {
  color: var(--ird-color-palette-yellow);
}
table#index-table.attendance-registries .attendance-registry-users-table .user-total.absence .user-total-value {
  color: var(--alert-error-darker);
}
table#index-table.attendance-registries .attendance-registry-users-table .user-total.grand-total .user-total-value {
  color: var(--text-color);
}
table#index-table.attendance-registries .attendance-registry-users-table .user-total-label {
  color: var(--text-color);
}
table#index-table.attendance-registries .attendance-registry-users-table .user-total-value {
  font-weight: 700;
}
table#index-table.attendance-registries .attendance-registry-users-table .user-total-separator {
  color: var(--text-muted-color);
  font-weight: 700;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-labels-cell {
  min-width: 28px;
  width: 28px;
  vertical-align: top;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-labels {
  text-align: center;
  display: flex;
  flex-direction: column;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-label.ordinary,
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .ordinary {
  order: 1;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-label.remote-work,
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .remote-work {
  order: 2;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-label.overtime,
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .overtime {
  order: 3;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-label.transfer,
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .transfer {
  order: 4;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-label.absence,
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .absence {
  order: 5;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .grand-total {
  order: 6;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-label {
  font-weight: 700;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-label.ordinary {
  color: #6c7a89;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-label.overtime {
  color: var(--alert-ok);
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-label.transfer {
  color: var(--ird-color-palette-yellow);
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-label.absence {
  color: var(--alert-error-darker);
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-user-label.remote-work {
  color: var(--ird-color-palette-blue);
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary {
  min-height: 65px;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .ordinary,
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .remote-work,
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .overtime,
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .transfer,
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .absence,
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .grand-total {
  min-height: 13px;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .attendance-registry-tooltip-trigger {
  display: block;
  min-width: 100%;
  text-align: right;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .attendance-registry-value-with-note {
  display: inline-block;
  position: relative;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .attendance-registry-cell-value {
  display: inline-block;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .attendance-registry-note-icon {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translate(-4px, -50%);
  font-size: 11px;
  opacity: 0.9;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .attendance-registry-tooltip-detail + .attendance-registry-tooltip-detail {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .attendance-registry-tooltip-notes {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.35;
  opacity: 0.95;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .attendance-registry-tooltip-note-label {
  font-weight: 700;
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .overtime {
  color: var(--alert-ok);
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .overtime .attendance-registry-cell-value {
  color: var(--alert-ok);
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .transfer {
  color: var(--ird-color-palette-yellow);
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .transfer .attendance-registry-cell-value {
  color: var(--ird-color-palette-yellow);
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .absence {
  color: var(--alert-error-darker);
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .absence .attendance-registry-cell-value {
  color: var(--alert-error-darker);
}
table#index-table.attendance-registries .attendance-registry-users-table .attendance-registry-hours-summary .grand-total {
  border-top: 1px solid var(--border-color-2);
  font-weight: 700;
  margin-top: 4px;
  padding-top: 4px;
}
table#index-table.attendance-registries .attendance-registry-users-table th.saturday,
table#index-table.attendance-registries .attendance-registry-users-table td.saturday {
  background-color: rgba(52, 152, 219, 0.08);
}
table#index-table.attendance-registries .attendance-registry-users-table th.sunday,
table#index-table.attendance-registries .attendance-registry-users-table td.sunday {
  background-color: rgba(231, 76, 60, 0.08);
}

.shell-v2 table#index-table.attendance-registries .attendance-registry-users-table > thead > tr > th {
  top: var(--sh-thead-top);
  z-index: var(--sh-z-row-head);
  background: var(--sh-sunken) !important;
  box-shadow: inset 0 -1px 0 var(--sh-line-strong);
  color: var(--sh-text-2);
}
.shell-v2 table#index-table.attendance-registries.main-header-suppressed > thead > tr > th {
  visibility: hidden;
}

/* Le tinte blu della riga «previsto» sulla V2 scura: al 10 e al 16 % sulla carta, come le altre tinte (NOTES.md §245). */
:root[data-surface=dark] .shell-v2-body {
  --ar-expected-bg: color-mix(in srgb, var(--ird-color-palette-blue, #3498db) 10%, var(--sh-card));
  --ar-expected-label-bg: color-mix(in srgb, var(--ird-color-palette-blue, #3498db) 16%, var(--sh-card));
}
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.iride-autocomplete .search {
  text-align: left;
  height: auto;
}

.iride-autocomplete .search.center {
  text-align: center;
}

.iride-autocomplete .result-content {
  margin-top: 5px;
  max-height: 180px;
  overflow-y: auto;
  position: relative;
}

.iride-autocomplete .result-content.center {
  text-align: center;
}

.iride-autocomplete .result-content .result {
  text-align: left;
}

.iride-autocomplete .evidence,
.iride-autocomplete .result:hover {
  cursor: pointer;
  background-color: var(--iride-switch-checked-before);
  color: var(--text-main-color);
  position: relative;
  display: block;
}

.iride-autocomplete .search-button.searching {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.iride-spin-input {
  position: relative;
  text-align: center;
}

.iride-spin-input .prev,
.iride-spin-input .next {
  cursor: pointer;
}

.iride-spin-input.flat.bordered input {
  border-left: 0px !important;
  border-right: 0px !important;
}

.iride-spin-input .prev {
  border-right: 1px solid var(--default-line-color);
}

.iride-spin-input .prev,
.iride-spin-input .next {
  color: var(--text-link-color-1);
}

.iride-spin-input.color-0 .prev,
.iride-spin-input.color-0 .next {
  color: var(--text-main-color);
}

.iride-spin-input.color-1 .prev,
.iride-spin-input.color-1 .next {
  color: var(--reminder-background-color-1);
}

.iride-spin-input.color-2 .prev,
.iride-spin-input.color-2 .next {
  color: var(--generic-color-2);
}

.iride-spin-input.color-3 .prev,
.iride-spin-input.color-3 .next {
  color: var(--reminder-background-color-3);
}

.iride-spin-input.color-4 .prev,
.iride-spin-input.color-4 .next {
  color: var(--reminder-background-color-4);
}

.iride-spin-input.color-5 .prev,
.iride-spin-input.color-5 .next {
  color: var(--reminder-background-color-5);
}

.iride-spin-input.color-6 .prev,
.iride-spin-input.color-6 .next {
  color: var(--reminder-background-color-6);
}

.iride-spin-input.color-7 .prev,
.iride-spin-input.color-7 .next {
  color: var(--reminder-background-color-7);
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.iride-chart.field-group {
  margin-bottom: 30px;
}

.iride-chart {
  position: relative;
}

/* Il velo dell'attesa è la carta al 40 %: bianco nella classica come prima, scuro sullo scuro, dove il
   bianco schiariva il grafico invece di velarlo. */
.iride-chart .loading-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: color-mix(in srgb, var(--sh-card, #fff) 40%, transparent);
}

.iride-chart .title {
  text-align: center;
  font-size: 20px;
}

.iride-chart .chart-resolutions {
  margin: 10px 0 20px 10px;
  text-align: right;
  position: relative;
  display: block;
}

/* Le risoluzioni sono comandi: nella shell nuova il contorno dei controlli e l'accento sulla scelta, al posto
   del grigio chiaro classico (1,5:1 sul bianco, e sullo scuro una casella argento). */
.iride-chart .chart-resolutions .button {
  padding: 5px;
  margin: 2px;
  border: 1px var(--sh-field-edge, var(--text-light-color-2)) solid;
  color: var(--sh-text-2, var(--text-light-color-2));
  cursor: pointer;
}

.iride-chart .chart-resolutions .button.active {
  background-color: var(--sh-acc-soft, var(--text-light-color-2));
  color: var(--sh-acc-ink, var(--text-main-color));
  border-color: var(--sh-acc-ink, var(--text-main-color));
}

.iride-chart .chart-header {
  min-height: 80px;
}

.iride-chart .total-row {
  font-weight: bold;
}

.iride-chart .print-icon {
  margin-left: 10px;
}

@media print {
  * {
    -webkit-print-color-adjust: exact;
  }
  .chart-title {
    font-size: 20px;
  }
  .end-range {
    margin-left: 15px;
  }
  .chart-content {
    margin-top: 30px;
    text-align: center;
  }
  body {
    font-family: Raleway !important;
  }
  table.flat.table-bordered td {
    padding: 10px !important;
  }
  table.flat.table-bordered th {
    padding: 10px !important;
  }
  table.flat {
    width: 100%;
  }
  table.flat tr th, table.flat tr td {
    border-bottom: 1px solid var(--separator-color);
    padding: 10px 0px;
    text-align: left;
    height: 51px;
  }
  table.flat tr th {
    color: rgba(0, 0, 0, 0.54) !important;
  }
  table.flat th > a {
    color: rgba(0, 0, 0, 0.54) !important;
    text-decoration: none;
  }
  table.flat .order-arrow {
    color: rgba(0, 0, 0, 0.26) !important;
  }
  table.flat tr td {
    vertical-align: middle;
  }
  table.flat tr td a {
    padding: 0px 2px;
    color: rgba(0, 0, 0, 0.54) !important;
  }
  table.flat .cell-control {
    width: 80px !important;
    max-width: 80px !important;
    text-align: center;
  }
  table.flat .selection-cell,
  table.flat .cell-ctrl,
  table.flat .cell-icon {
    width: 40px !important;
    max-width: 40px !important;
    text-align: center;
  }
  table.flat a {
    cursor: pointer;
  }
}
#chartjs-tooltip {
  position: absolute;
  border: 1px solid var(--sh-line-strong, var(--default-line-color));
  background-color: var(--sh-card, var(--background-color));
  padding: 5px 10px;
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.iride-color-picker .color,
.iride-color.color {
  position: relative;
  width: 20px;
  height: 20px;
  border: none;
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
  text-transform: uppercase;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 100%;
}

.iride-color-picker .color.selected {
  min-width: 28px;
  min-height: 28px;
}

.iride-color-picker .color .checkmark,
.iride-color.color .checkmark {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  color: white;
}

.iride-color-picker .color.selected .checkmark {
  opacity: 1;
}

.iride-color-picker.big .color {
  width: 30px;
  height: 30px;
}

.iride-color-picker.big .color.selected {
  width: 42px;
  height: 42px;
}

.iride-color-picker:not(.disabled) .color {
  cursor: pointer;
}

.iride-color-picker .color[color-class=blue],
.k-list .iride-color.color[color-class=blue],
.k-dropdown .iride-color.color[color-class=blue] {
  background-color: var(--reminder-background-color-5);
}

.iride-color-picker .color[color-class=yellow],
.k-list .iride-color.color[color-class=yellow],
.k-dropdown .iride-color.color[color-class=yellow] {
  background-color: var(--reminder-background-color-3);
}

.iride-color-picker .color[color-class=orange],
.k-list .iride-color.color[color-class=orange],
.k-dropdown .iride-color.color[color-class=orange] {
  background-color: var(--reminder-background-color-4);
}

.iride-color-picker .color[color-class=red],
.k-list .iride-color.color[color-class=red],
.k-dropdown .iride-color.color[color-class=red] {
  background-color: var(--reminder-background-color-1);
}

.iride-color-picker .color[color-class=purple],
.k-list .iride-color.color[color-class=purple],
.k-dropdown .iride-color.color[color-class=purple] {
  background-color: var(--reminder-background-color-6);
}

.iride-color-picker .color[color-class=green],
.k-list .iride-color.color[color-class=green],
.k-dropdown .iride-color.color[color-class=green] {
  background-color: var(--reminder-background-color-2);
}

.iride-color-picker .color[color-class=teal],
.k-list .iride-color.color[color-class=teal],
.k-dropdown .iride-color.color[color-class=teal] {
  background-color: var(--reminder-teal);
}

.iride-color-picker .color[color-class=grey],
.k-list .iride-color.color[color-class=grey],
.k-dropdown .iride-color.color[color-class=grey] {
  background-color: var(--reminder-gray);
}

.iride-color-picker .color[color-class=black],
.k-list .iride-color.color[color-class=black],
.k-dropdown .iride-color.color[color-class=black] {
  background-color: var(--reminder-background-color-7);
}

.iride-color-picker .color.no-value,
.k-list .iride-color.color.no-value,
.k-dropdown .iride-color.color.no-value {
  border: 1px solid var(--light-border-color);
}

.k-dropdown.colorFilter .k-input {
  height: 26px;
}

.iride-color-picker .color.no-value:before {
  position: absolute;
  content: "";
  left: 0;
  top: calc(50% - 1.5px);
  /*left: -25%;*/
  border-top: 3px solid var(--light-border-color);
  /*border-radius: 10px;*/
  width: 100%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.iride-color-picker .color.no-value .checkmark span {
  text-shadow: -1px 0 var(--light-border-color), 0 1px var(--light-border-color), 1px 0 var(--light-border-color), 0 -1px var(--light-border-color);
}

/*
    La tendina «Colore» (filtri degli elenchi, stati dei tipi documento) è una DropDownList di Kendo, e il tema bootstrap di
    Kendo apre la lista bianca, col passaggio grigio chiaro e la voce scelta piena di blu. Nella V2 la vestono i token, in
    tutti e due gli aspetti. La si riconosce dalle sue voci: Kendo appende la lista in coda al body con le sole classi sue.
*/
.shell-v2-body .k-list-container:has(.iride-color) {
  border-color: var(--sh-line-strong);
  border-radius: var(--sh-r-ctl);
  background: var(--sh-card);
  box-shadow: var(--sh-shadow-float);
  color: var(--sh-text);
}

.shell-v2-body .k-list-container:has(.iride-color) .k-list,
.shell-v2-body .k-list-container:has(.iride-color) .k-item {
  border-color: transparent;
  background: transparent;
  color: var(--sh-text);
}

.shell-v2-body .k-list-container:has(.iride-color) .k-item.k-state-hover {
  background: var(--sh-hover);
}

.shell-v2-body .k-list-container:has(.iride-color) .k-item.k-state-selected {
  background: var(--sh-acc-tint);
}

/* La voce a fuoco è quella che la tastiera sceglierebbe: un anello, perché fondo e passaggio sono già della scelta. */
.shell-v2-body .k-list-container:has(.iride-color) .k-item.k-state-focused {
  box-shadow: inset 0 0 0 1px var(--sh-acc-focus);
}

.shell-v2-body .k-dropdown:has(.iride-color) > .k-dropdown-wrap {
  border-color: var(--sh-field-edge);
  border-radius: var(--sh-r-ctl);
  background: var(--sh-field-bg);
  box-shadow: none;
  color: var(--sh-text);
}

.shell-v2-body .k-dropdown:has(.iride-color) > .k-dropdown-wrap.k-state-hover {
  background: color-mix(in srgb, var(--sh-text) 7%, var(--sh-field-bg));
}

.shell-v2-body .k-dropdown:has(.iride-color) > .k-dropdown-wrap .k-select {
  color: var(--sh-text-2);
}

.shell-v2-body .k-dropdown:has(.iride-color) > .k-dropdown-wrap.k-state-focused {
  border-color: var(--sh-acc);
  box-shadow: 0 0 0 3px var(--sh-acc-ring);
}

/* Il campione, nella lista e nel campo, ha il contorno dei controlli: senza, sullo scuro il «nero» (#34495e) stava a
   1,9:1 sulla card e sul chiaro il giallo a 1,7:1, e nessuno dei due si vedeva finire. */
.shell-v2-body .k-list .iride-color.color,
.shell-v2-body .k-dropdown .iride-color.color {
  border: 1px solid var(--sh-field-edge);
}
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.user-availability-calendar-editor {
  padding-top: 10px;
}

.availability-calendar-summary {
  margin-bottom: 25px;
}

.availability-calendar-summary .flat-input {
  width: 100%;
}

.availability-calendar-section-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.availability-calendar-section-title > label {
  font-size: 16px;
  margin: 0;
}

.availability-calendar-section-title > label .glyphicon {
  margin-right: 5px;
}

.availability-add-week-footer {
  margin-top: 12px;
}

.week-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.week-sort-placeholder {
  background: transparent;
  border: 2px dashed var(--default-line-color);
  min-height: 120px;
}

.user-availability-calendar-week.ui-sortable-helper {
  opacity: 1;
}

.week-drag-helper .availability-week-card {
  background: var(--background-color);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.user-availability-calendar-week {
  margin: 0;
  padding: 0;
  width: 100%;
}

.availability-week-card {
  padding: 0;
}

.availability-weeks-details .availability-week-detail + .availability-week-detail {
  margin-top: 12px;
}
.availability-weeks-details .availability-day-detail .shift-content {
  min-height: 0;
}
.availability-weeks-details .day-shifts {
  min-height: 70px;
}
.availability-weeks-details .availability-shift-detail,
.availability-weeks-details .availability-overtime-detail {
  padding: 9px;
}
.availability-weeks-details .availability-shift-detail .display-shift {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.availability-weeks-details .availability-overtime-detail {
  align-items: center;
  gap: 6px;
  justify-content: space-between;
}
.availability-weeks-details .overtime-detail-hours,
.availability-weeks-details .overtime-detail-priority {
  flex: 0 0 auto;
  font-weight: bold;
}
.availability-weeks-details .overtime-detail-causal {
  flex: 1 1 auto;
  overflow-wrap: anywhere;
}

.availability-week-header {
  align-items: center;
  border-bottom: 1px solid var(--default-line-color);
  display: flex;
  justify-content: space-between;
  min-height: 52px;
  padding: 8px 12px;
}

.week-shift-title {
  align-items: center;
  display: flex;
  font-size: 16px;
  gap: 8px;
  margin: 0;
}

.week-number-title {
  color: var(--default-label-color);
  font-weight: bold;
  text-transform: uppercase;
}

.availability-week-summary {
  color: var(--default-label-color);
  display: inline-flex;
  font-size: 13px;
  font-weight: normal;
  gap: 2px;
}

.week-overtime-summary {
  align-items: center;
  display: inline-flex;
  gap: 2px;
  margin-left: 3px;
}

.availability-week-actions {
  align-items: center;
  display: flex;
  gap: 2px;
}

.availability-week-actions .delete-week {
  padding: 9px 6px;
}

.week-drag-handle {
  align-items: center;
  color: var(--theme-link-color);
  cursor: grab;
  display: inline-flex;
  font-size: 17px;
  height: 34px;
  justify-content: center;
  touch-action: none;
  user-select: none;
  width: auto;
}

.week-drag-handle:active {
  cursor: grabbing;
}

.availability-week-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(190px, 1fr));
  overflow-x: auto;
  padding: 0;
}

.guest-appointment-week-days {
  grid-template-columns: repeat(7, minmax(260px, 1fr));
}

.availability-day {
  border-right: 1px solid var(--default-line-color);
  margin: 0;
  min-width: 0;
  padding: 0;
}

.availability-day:last-child {
  border-right: 0;
}

.role-availability-calendar-help {
  margin-bottom: 12px;
}

.role-availability-week-days {
  grid-template-columns: repeat(7, minmax(150px, 1fr));
}

.role-availability-day .shift-content {
  min-height: 230px;
}

.role-availability-hours-section {
  justify-content: flex-start;
}

.role-availability-day-editor {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 12px 10px;
}

.role-availability-input-group {
  display: table;
  width: 100%;
}

.role-availability-input-group .role-availability-hours {
  height: 36px;
  min-width: 0;
  text-align: right;
  width: 100%;
}

.role-availability-input-group .input-group-addon {
  min-width: 44px;
}

.role-availability-day-editor.is-undefined .role-availability-input-group {
  display: none;
}

.role-availability-sunday {
  color: var(--ird-color-palette-red);
}

.shift-content {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  min-height: 190px;
}

.shift-weekday-header {
  background: var(--background-color);
  border-bottom: 1px solid var(--default-line-color);
  padding: 8px 10px;
}

.shift-weekday-label {
  color: var(--detail-item-color);
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}

.availability-day-sections {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.availability-day-section {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

.availability-day-section + .availability-day-section {
  border-top: 1px solid var(--default-line-color);
}

.availability-day-section-title {
  align-items: center;
  color: var(--default-label-color);
  display: flex;
  font-weight: bold;
  gap: 5px;
  padding: 9px 10px 2px;
  text-transform: uppercase;
}

.availability-day-overtimes-section .availability-day-section-title {
  color: var(--shift-overtime);
}

.availability-day-overtimes-section,
.availability-day-actions-section {
  flex: 0 0 auto;
}

.day-actions {
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: space-around;
  padding: 8px 10px 10px;
}

.user-availability-calendar-action {
  align-items: center;
  display: inline-flex;
  gap: 5px;
  justify-content: center;
  min-height: 34px;
  min-width: 36px;
  padding-left: 9px;
  padding-right: 9px;
  width: auto;
}

.user-availability-calendar-action:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.day-shifts,
.day-overtimes {
  align-content: flex-start;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-height: 145px;
  min-width: 0;
  padding: 10px;
}

.day-overtimes {
  min-height: 0;
}

.shifts-line .calendar-shift,
.shifts-line .overtime-hours {
  border: 1px solid var(--theme-link-color);
  display: inline-flex;
  font-size: 14px;
  min-height: 42px;
}

.overtime-drag-handle {
  color: var(--theme-link-color);
  cursor: grab;
  flex: 0 0 auto;
  padding: 8px 3px;
  touch-action: none;
  user-select: none;
}

.overtime-drag-handle:active {
  cursor: grabbing;
}

.overtime-sort-placeholder {
  background: transparent !important;
  border: 1px dashed var(--default-line-color) !important;
  min-height: 40px;
}

.shifts-line .calendar-shift {
  background-color: var(--text-link-fill);
  color: var(--text-on-fill);
  cursor: pointer;
  justify-content: center;
  padding: 4px 10px;
  width: 100%;
}

.display-shift {
  align-items: center;
  display: flex;
  gap: 4px;
  white-space: nowrap;
  width: 100%;
}

.shifts-line .display-shift {
  gap: 8px;
}
.shifts-line .shift-time-range {
  align-items: center;
  display: inline-flex;
  gap: 3px;
  text-align: left;
}
.shifts-line .shift-edit-indicator {
  margin-left: 0;
}
.shifts-line .duration-display {
  margin-left: auto;
  text-align: right;
}

.shift-edit-indicator {
  color: var(--theme-link-color);
  font-size: 12px;
  margin-left: auto;
}

.new-shift,
.shift-edit {
  background-color: var(--background-color) !important;
  border-style: dashed !important;
  color: var(--default-label-color) !important;
}

.add-shift-box {
  padding: 3px 0;
}

.shift-editor-fields {
  display: grid;
  gap: 8px 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

.shift-time-field {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: 100%;
}

.shift-time-field .datetimepicker {
  width: 100%;
}

.shift-label {
  color: var(--default-label-color);
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
}

.shift-input-date {
  color: var(--default-label-color);
  font-size: 14px;
  min-width: 0 !important;
  width: 100% !important;
}

.shift-edit-actions {
  align-items: center;
  display: flex;
  gap: 5px;
  grid-column: 1/-1;
  justify-content: flex-end;
}

.shift-exit-add,
.shift-delete {
  color: var(--delete-exit-error-button) !important;
}

.shift-exit-add:hover,
.shift-delete:hover {
  color: var(--text-main-color-2) !important;
}

.shifts-line .overtime-hours {
  align-items: center;
  background-color: var(--background-color);
  border: 0;
  color: var(--shift-overtime);
  flex-wrap: nowrap;
  gap: 3px;
  padding: 3px;
  width: 100%;
}

.overtime-input-group {
  display: flex !important;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}

.shifts-line .overtime-hours .overtime-hours-input {
  flex: 0 0 58px;
  min-width: 0;
  padding-left: 6px;
  padding-right: 4px;
  width: 58px !important;
}

/*.overtime-causal {
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
    min-height: 34px;
    text-overflow: ellipsis;
    width: auto;
}*/
.add-shift-btn-container,
.add-overtime-btn-container {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 3px;
  width: 100%;
}

.user-availability-calendar-add {
  align-items: center;
  display: inline-flex;
  gap: 5px;
  justify-content: center;
  min-height: 36px;
  width: 100%;
}

.pointer {
  cursor: pointer;
}

@media (max-width: 767px) {
  .availability-calendar-section-title {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }
  .availability-week-header {
    align-items: flex-start;
  }
  .availability-week-days {
    grid-template-columns: repeat(7, minmax(175px, 1fr));
  }
  .add-shift-btn-container,
  .user-availability-calendar-add {
    max-width: none;
    width: 100%;
  }
  .user-availability-calendar-add {
    justify-content: center;
  }
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.real-time-btn {
  cursor: pointer;
  border: 1px solid #2ecc71;
  display: inline;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  color: #2ecc71;
  font-weight: bold;
  text-transform: uppercase;
}

/* Spento, il pulsante parla con il testo terziario della shell: --light-border-color è un filo, e quando il
   ponte dello scuro lo porta al colore dei bordi la scritta non si leggerebbe più. */
.real-time-btn:not(.active) .pulse-icon {
  background: var(--sh-text-3, var(--light-border-color)) !important;
  animation: none;
}

.real-time-btn:not(.active) {
  color: var(--sh-text-3, var(--light-border-color));
  border-color: var(--sh-text-3, var(--light-border-color));
}

.monitoring .nav li a {
  border-radius: 0px !important;
  border: 1px dashed var(--light-border-color);
  color: #777777;
  border-bottom-color: transparent;
}

.monitoring .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-top-color: var(--theme-secondary-color);
  border-left-color: var(--theme-secondary-color);
  border-right-color: var(--theme-secondary-color);
  border-bottom-color: transparent;
  color: var(--theme-secondary-ink);
  border-style: solid;
  border-radius: 0px;
}

.monitoring .nav-tabs {
  border-bottom: 1px solid var(--theme-secondary-color);
}

.monitoring-container .modal {
  font-size: 14px;
}

.monitoring .tab-content {
  padding: 10px;
  border-left: 1px solid var(--theme-secondary-color);
  border-right: 1px solid var(--theme-secondary-color);
  border-bottom: 1px solid var(--theme-secondary-color);
}

.monitoring-container .history-container .datetimepicker .input,
.monitoring-container .history-container .datetimepicker .cal-btn {
  display: inline-block;
  vertical-align: middle;
}

.monitoring-container .history-container .datetimepicker input#hFrom,
.monitoring-container .history-container .datetimepicker input#hTo {
  width: 190px;
}

/*.monitoring-container .history-container table tr td:first-child:not(.no-results) {
    text-align: center;
}*/
.monitoring-container .history-container table tr.expanded td {
  border-bottom: none;
}

.monitoring-container input {
  border: 1px solid var(--text-light-color-2);
  padding-left: 5px;
  padding-right: 0;
}

.monitoring-container .history-container .datetimepicker input {
  /*width: 190px;*/
}

.monitoring-container select {
  border: 1px solid var(--text-light-color-2);
  padding-left: 5px;
  padding-right: 25px;
}

.monitoring-container .iride-panel .item-title {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  opacity: 0.8;
  margin-bottom: 5px;
}

.monitoring-container .monitor-title {
  margin-left: 10px;
}

.monitoring-container .item {
  margin-bottom: 5px;
}

.monitoring-container .descr,
.monitoring-container .value {
  display: inline-block;
}

.monitoring-container .descr:after {
  content: ":";
}

.monitoring-container .descr {
  text-transform: uppercase;
  margin-right: 10px;
}

.monitoring-container .link:visited,
.monitoring-container .link {
  text-decoration: none;
  border-bottom: 1px dashed var(--theme-link-color) !important;
}

.monitoring-container .link:hover {
  color: var(--theme-link-color);
  transition: 0.2s ease-in-out;
}

.monitoring-container .iride-panel .title {
  font-size: 18px;
}

.monitoring-container .iride-panel .title > * {
  vertical-align: middle;
}

.monitoring-container .iride-panel .title > .icon {
  padding-right: 5px;
}

.monitoring-container .iride-panel {
  margin-bottom: 20px;
}

.monitoring-container .stage-code {
  opacity: 0.8;
  font-size: 17px;
}

.monitoring-container .unavailability {
  margin: 10px 0px;
}

.last-sync .icon.rotation {
  -webkit-animation-name: spin;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 2s;
}

.monitoring-container #history-monitor .sub-sub-row .as {
  border-bottom: 1px solid var(--text-light-color-2);
  padding: 10px 20px !important;
  padding-right: 10px !important;
}

.monitoring-container #history-monitor .sub-sub-row .as:last-child {
  border-bottom: none;
}

.monitoring-container #history-monitor .sub-sub-row td {
  padding-top: 0;
}

.monitoring-container #history-monitor .sub-sub-row .as:hover {
  transition: ease-out 0.3s;
  background-color: var(--sh-hover, var(--text-light-color));
}

.monitoring-container #history-monitor .sub-sub-row .as .text {
  margin-bottom: 5px;
}

.monitoring-container #history-monitor tr.sub-row-wrap > td {
  padding-bottom: 0;
}

.monitoring-container #history-monitor tr.sub-row:last-child td {
  border-bottom: none;
}

.monitoring-container .new-tickets .ticket-list {
  max-height: 300px;
  overflow: auto;
}

.monitoring-container .closed-production-orders .order-list {
  max-height: 500px;
  overflow: auto;
}

.monitoring-container .closed-production-orders .order-list td,
.monitoring-container .new-tickets .ticket-list td {
  vertical-align: top;
}

.monitoring-container .order-list .date .text,
.monitoring-container .ticket-list .date .text {
  font-weight: bold;
  opacity: 0.8;
}

.monitoring-container .order-list .date,
.monitoring-container .ticket-list .date {
  padding: 5px;
}

.monitoring-container .order-list .date .list,
.monitoring-container .ticket-list .date .list {
  padding-left: 20px;
}

.monitoring-container .ticket-list .date:not(:last-child),
.monitoring-container .order-list .date:not(:last-child) {
  margin-bottom: 10px;
  border-bottom: 1px solid var(--text-light-color-2);
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
/*------------------------------------------------*/
.monitoring .last-sync {
  padding: 5px 10px 10px 10px;
}

.monitoring .panel > .head {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid var(--light-border-color);
}

.monitoring .panel > .body {
  padding-top: 5px;
}

.monitoring .panel .head > .title {
  text-transform: uppercase;
  color: var(--text-secondary-color);
  border: none;
  vertical-align: middle;
  font-size: 16px;
}

.monitoring .panel .head > .icon {
  margin-right: 10px;
  font-size: 25px;
  vertical-align: middle;
}

.monitoring .panel {
  border: 1px solid var(--light-border-color);
  padding: 10px;
  border-radius: 0px;
  box-shadow: none;
}

.monitoring-container .activity-list .activity,
.monitoring-container .running-list .activity,
.monitoring-container .activity-stop,
.monitoring-container .production-order-monitor .daily-production-order,
.monitoring-container .users-monitor .daily-user,
.monitoring-container .machines-monitor .daily-machine,
.monitoring-container .users-monitor .daily-user .activity .wrap,
.monitoring-container .machines-monitor .daily-machine .activity .wrap {
  border: 1px solid var(--light-border-color);
  padding: 10px 0px;
}

.monitoring-container .users-monitor .daily-user .activity,
.monitoring-container .machines-monitor .daily-machine .activity {
  border: none;
  padding: 10px;
}

.monitoring-container .running-list .activity {
  font-size: 85%;
}

.monitoring-container .users-monitor .daily-user .user-photo,
.monitoring-container .users-monitor .daily-user .user-data,
.monitoring-container .production-order-monitor .daily-production-order .production-order-image,
.monitoring-container .production-order-monitor .daily-production-order .production-order-data,
.monitoring-container .machines-monitor .daily-machine .machine-data,
.monitoring-container .machines-monitor .daily-machine .machine-icon {
  display: inline-block;
  vertical-align: middle;
}

.monitoring-container .users-monitor .daily-user .user-photo,
.monitoring-container .production-order-monitor .daily-production-order .production-order-image,
.monitoring-container .machines-monitor .daily-machine .machine-icon {
  margin-right: 15px;
}

.monitoring-container .machines-monitor .daily-machine .machine-icon .wrap,
.monitoring-container .production-order-monitor .daily-production-order .production-order-image .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  width: 100%;
  height: 100%;
}

.monitoring-container .production-order-monitor .daily-production-order span.icon {
  animation: none !important;
}

.monitoring-container .machines-monitor .daily-machine .machine-icon,
.monitoring-container .production-order-monitor .daily-production-order .production-order-image {
  height: 80px;
  width: 80px;
}

.monitoring-container .users-monitor .daily-user .user-photo img,
.monitoring-container .machines-monitor .daily-machine .machine-icon,
.monitoring-container .production-order-monitor .daily-production-order .production-order-image img {
  border-radius: 0px;
  border: 2px solid var(--light-border-color);
}

.monitoring-container .production-order-monitor .daily-production-order .production-order-image .img-content img.no-image {
  padding: 10px;
  background-origin: padding-box;
}

.monitoring-container .users-monitor .daily-user .user-data,
.monitoring-container .production-order-monitor .daily-production-order .production-order-data,
.monitoring-container .machines-monitor .daily-machine .machine-data {
  font-size: 30px;
}

.monitoring-container .users-monitor .daily-user > .head,
.monitoring-container .machines-monitor .daily-machine > .head {
  margin-bottom: 15px;
}

.monitoring-container .daily-stages,
.monitoring-container .daily-stages .stage {
  margin-bottom: 10px;
}

.monitoring-container .daily-stages .stage .wrap {
  border: 1px solid var(--light-border-color);
  padding: 10px;
}

.monitoring-container .daily-stages > .stage .duration {
  font-size: 120%;
}

.monitoring-container .daily-user .total-time,
.monitoring-container .daily-production-order .total-time,
.monitoring-container .daily-machine .total-time {
  height: 80px;
}

.monitoring-container .daily-user .total-time > .wrap,
.monitoring-container .daily-production-order .total-time > .wrap,
.monitoring-container .daily-machine .total-time > .wrap {
  display: flex;
  height: 100%;
  display: flex;
  align-items: center;
  float: right;
}

.general-monitor .activity .stage-code,
.general-monitor .activity-stop .stage-code,
.users-monitor .activity .stage-code,
.machines-monitor .activity .stage-code {
  color: var(--theme-link-color);
}

.general-monitor .activity-stop .stop-causal-code {
  font-size: 18px;
}

.general-monitor .general-activity-notes-monitor th,
.general-monitor .general-activity-notes-monitor td {
  padding-right: 15px;
  vertical-align: top;
  border-bottom: 1px solid var(--light-border-color);
  padding: 5px 15px 5px 0px;
}

.general-monitor .general-activity-notes-monitor .body {
  max-height: 200px;
  overflow: auto;
}

.production-order-monitor .daily-production-order .body .component > .wrap {
  padding: 10px;
  border: 1px solid var(--light-border-color);
}

.production-order-monitor .daily-production-order .body .component > .wrap .article-stage {
  padding: 5px 0px;
  border-bottom: 1px solid var(--light-border-color);
}

@media (max-width: 767px) {
  .monitoring .activity .internal,
  .monitoring .activity .external {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .monitoring .activity .internal,
  .monitoring .activity .external {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .monitoring .activity .internal,
  .monitoring .activity .external {
    text-align: right;
  }
}
.monitoring .production-orders-history,
.monitoring .order-groups-history,
.monitoring .stages-history,
.monitoring .machines-history,
.monitoring .users-history {
  margin-bottom: 15px;
}

.monitoring .production-orders-history .scrollable,
.monitoring .stages-history .scrollable,
.monitoring .machines-history .scrollable,
.monitoring .users-history .scrollable,
.monitoring .customers-history .scrollable {
  min-height: 60px;
  max-height: 500px;
  overflow-y: auto;
}

.detail-history-display-panel .display-dh-item[type="1"] .user,
.detail-history-display-panel .display-dh-item[type="1"] .machine-duration,
.detail-history-display-panel .display-dh-item[type="0"] .machine,
.detail-history-display-panel .display-dh-item[type="0"] .user-duration {
  display: none;
}

.detail-history-display-panel .display-dh-item .item-activity-table tr td {
  vertical-align: top;
}

#history-monitor #timing-container .iride-panel {
  margin-bottom: 15px;
  height: 600px;
}

#history-monitor #timing-container .iride-panel .history-title .chart-wrap {
  display: block;
}

#history-monitor #timing-container .iride-panel .history-title > div {
  display: inline-block;
}

#history-monitor #timing-container .iride-panel .history-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
}

#history-monitor #timing-container .iride-panel .scrollable {
  border-top: 1px solid var(--sh-line, #ddd);
}

/* La percentuale delle barre di «Tempi e costi», accanto alla durata e al costo (PartialListHistory). */
.shell-v2-body .iride-progress-bar .history-progress-pct {
  white-space: nowrap;
  color: var(--sh-text-2);
  font-variant-numeric: tabular-nums;
}

#history-monitor #timing-container .iride-panel .scrollable {
  overflow: auto;
}

#history-actual-activity-modal .actual-activity .dirty-div.dirty {
  display: block;
  position: relative;
  z-index: 0;
  opacity: 1;
  margin-bottom: 10px;
  font-size: 25px;
}

tr.actual-activity td.dirty-td {
  width: 1%;
}

/* Un decimo della tabella era accettabile finché la colonna stava in coda, dove l'eccesso si
   scaricava sul bordo. In testa alla riga — dal 2026-09-07 i comandi stanno lì come in ogni altro
   elenco — quel 10% spingeva a destra tutti i dati per mostrare una matita da 26 px.
   La cella porta ora anche `cell-control`, che in `iride-graphic-elements.css` vale
   `width: 60px !important`: quella regola vince comunque, e lasciare qui un 10% morto vorrebbe
   dire scrivere una misura che non ha effetto e che il prossimo lettore crederebbe vera. */
tr.actual-activity td.edit-td {
  width: 1%;
}

#dashboard-monitor .iride-panel .title {
  margin-bottom: 0px !important;
}

#dashboard-monitor .iride-panel .button-bar {
  padding: 5px 10px;
  color: var(--theme-secondary-ink);
  text-align: right;
  font-size: 18px;
}

#dashboard-monitor .iride-panel.color-1 .button-bar {
  color: var(--ird-color-palette-red);
}

#dashboard-monitor .iride-panel.color-2 .button-bar {
  color: var(--ird-color-palette-green);
}

#dashboard-monitor .iride-panel.color-3 .button-bar {
  color: var(--ird-color-palette-yellow);
}

#dashboard-monitor .iride-panel.color-4 .button-bar {
  color: var(--ird-color-palette-orange);
}

#dashboard-monitor .iride-panel.color-5 .button-bar {
  color: var(--ird-color-palette-blue);
}
@charset "UTF-8";
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

.iride-switch {
  position: relative;
}

.iride-switch .iride-switch-input {
  opacity: 0;
}

.iride-switch .iride-switch-selection {
  padding: 0 0 0 44px;
  cursor: pointer;
  margin: 0px;
}

.iride-switch .iride-switch-selection:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 36px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.26);
  border-radius: 14px;
  z-index: 1;
  transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.iride-switch .iride-switch-selection:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: var(--background-color);
  border-radius: 14px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  z-index: 2;
  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: left, background-color;
}

.iride-switch .iride-switch-input:checked + .iride-switch-selection:before {
  background-color: var(--theme-lighter-color);
}

.iride-switch .iride-switch-input:checked + .iride-switch-selection:after {
  left: 16px;
  background-color: var(--theme-item-color);
}

/* Sulla V2 scura la manopola spenta (--background-color) diventava la carta, e spariva sul binario nero al 26 %. Con
   :where() le regole pesano come quelle di base: vincono per ordine e cedono allo stato acceso (NOTES.md §245). */
:where(:root[data-surface=dark]) :where(.shell-v2-body) .iride-switch .iride-switch-selection:before {
  background-color: var(--sh-line-strong);
}

:where(:root[data-surface=dark]) :where(.shell-v2-body) .iride-switch .iride-switch-selection:after {
  background-color: var(--sh-text-2);
}
:root {
  --ird-color-palette-teal: #1abc9c;
  --ird-color-palette-purple: #9b59b6;
  --ird-color-palette-blue: #3498db;
  --ird-color-palette-green: #2ecc71;
  --ird-color-palette-yellow: #f1c40f;
  --ird-color-palette-orange: #e67e22;
  --ird-color-palette-red: #e74c3c;
  --ird-color-palette-grey: #95a5a6;
  --ird-color-palette-black: #34495e;
  --ird-color-palette-pink: #f8bbd0;
  --ird-color-palette-brown: #795548;
  --btn-icon-color: var(--detail-item-color);
  --hover-bg-color: var(--text-light-color);
  --hover-bg-color-2: var(--light-border-color);
  --selected-bg-color: var(--text-light-color);
  --disabled-bg-color: var(--text-light-color);
  --neutral-bg-color: var(--text-light-color);
  --neutral-bg-color-2: var(--light-border-color);
  --separator-color: var(--text-light-color);
  --text-muted-color: var(--text-light-color-2);
  --text-muted-color-2: var(--light-border-color);
  --text-on-fill: var(--text-main-color);
  --text-knockout-color: var(--background-color);
  --text-link-fill: var(--text-link-color-1);
  --theme-secondary-fill: var(--theme-secondary-color);
  --theme-secondary-ink: var(--theme-secondary-color);
  --theme-main-ink: var(--theme-main-color);
  --icon-muted-color: var(--transparent-smoke-black);
  --highlight-event-important-background: var(--misty-rose);
  --highlight-event-warning-background: var(--blond);
  --highlight-event-info-background: var(--beau-Blue);
  --highlight-event-success-background: var(--tea-green);
}

/*#primarySidebar.menuCollapsed ul,*/
#primarySidebar.menuCollapsed div > h5 > a > span:not(.icon),
#primarySidebar.menuCollapsed div > a > h5 > span:not(.icon),
#primarySidebar.menuCollapsed h5 > button > span:not(.icon),
#primarySidebar.menuCollapsed .hpb {
  display: none !important;
}

/*#primarySidebar div > h5 > a,
#primarySidebar h5 > button {
    padding-top: 0px;
}
*/
#primarySidebar div > h5 > a > span,
#primarySidebar h5 > button > span {
  vertical-align: middle;
}

/*
#primarySidebar.menuCollapsed .card .card-icon > span {
    color: var(--background-color);
}
*/
#primarySidebar.menuCollapsed li:hover, #primarySidebar.menuCollapsed .card:hover {
  background-color: var(--theme-main-color);
}

#primarySidebar.menuCollapsed {
  position: fixed;
  left: 0px;
  text-align: center;
  height: 100%;
  width: 40px;
  background-color: var(--theme-secondary-fill);
  transition: 0.5s;
  z-index: 10001;
}

#primarySidebar.menuExpanded {
  height: 100%;
  width: 240px;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  /* padding-top: 60px; */
  color: var(--text-link-color-1);
  text-decoration: none;
  background-color: var(--background-color);
  border-color: var(--theme-secondary-color);
  border-width: 1px;
  border-style: solid;
}

/*#primarySidebar.menuExpanded span.icon {
    color: var(--text-link-color-1);
}
*/
.menuContainer {
  padding: 0;
}

#primarySidebar.menuExpanded .menuContainer {
  width: 240px;
  color: var(--background-color-dark);
}

/*
#primarySidebar.menuExpanded .menuContainer .turnOff {
    background-color: var(--background-color);
    width: calc(100%-5px);
}
*/
/*#primarySidebar.menuCollapsed .menuContainer .turnOff {
    background-color: var(--theme-secondary-color);*/
/*        width: calc(100%-5px);*/
/*}*/
#logOffSideBtn {
  bottom: 50px;
  position: absolute;
  left: 15px;
  display: none;
}

@media screen and (min-height: 600px) {
  #logOffSideBtn {
    display: inline-block;
  }
}
.container.body-content {
  margin-left: 40px;
  width: 90%;
}

@media screen and (min-width: 1000px) {
  .container.body-content {
    width: 95%;
  }
}
#menuContainerFixed {
  position: fixed;
  height: calc(100% - 50px); /*per recuperare di margin-bottom:10px del menuContainer*/
  width: 40px;
  color: var(--text-on-fill);
  transition: width 0.5s;
  /*overflow: hidden;*/
}

/*
#menuContainerFixed .btn.btn-link {
    padding-left: 8px;
}
*/
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: width 0.5s;
  color: var(--highlight-inverse-border);
  text-decoration: none;
  background-color: var(--background-color);
  /* border-color: var(--theme-secondary-color);
  border-width: 1px;
  border-style: solid;*/
}

.sidebar .menuContainer ul {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.sidebar .menuContainer .card .card-header .card-icon {
  font-size: 20px;
}

.sidebar.menuExpanded .menuContainer .card .card-header .card-icon,
.sidebar.menuExpanded .menuContainer .card .card-header .card-icon-status {
  color: var(--theme-secondary-ink);
}

.menuContainer .btn {
  padding-right: 12px;
}

.sidebar .menuContainer a,
.sidebar .menuContainer button {
  text-decoration: none !important;
}

.sidebar.menuExpanded .menuContainer .card-header:hover .card-wrap,
.sidebar.menuExpanded .menuContainer .card-header[aria-expanded=true] {
  text-decoration: none !important;
  background-color: var(--background-color-light-alt);
  font-weight: bold;
}

.sidebar.menuExpanded .menuContainer .card-header:hover .card-wrap .card-title > *:not(.hpb),
.sidebar.menuExpanded .menuContainer .card-header[aria-expanded=true] {
  color: var(--theme-secondary-ink);
}

.sidebar.menuCollapsed .menuContainer .card .card-header {
  pointer-events: none;
}

/*
.sidebar.menuExpanded .menuContainer .card .card-header:hover .card-title .set-homepage-btn {
    color: initial;
}*/
.menuExpanded .menuContainer li,
.menuExpanded #menuContainerFixed {
  width: 237px;
  overflow: hidden;
}

#main {
  transition: margin-left 0.5s;
  padding: 16px;
  padding-bottom: 100px;
}

/* ROTAZIONE DEI CAROUSEL */
.sidebar .card .card-header[aria-expanded=true] .card-title .card-icon-status {
  transform: rotate(180deg);
}

.sidebar .card .card-header .card-title .card-icon-status:after {
  transition: 1s;
}

.sidebar .menuContainer {
  direction: rtl;
}

/* GESTIONE EFFETTI GRAFICI INDESIDERATI */
.sidebar .menuContainer .card {
  list-style-type: none;
  min-height: 40px;
  direction: ltr;
}

.sidebar .menuContainer a:visited {
  color: inherit;
}

/*
#primarySidebar.menuExpanded .menuContainer > div {
    padding-left: 7px;
}*/
.menuExpanded .list_container {
  /*direction: rtl;*/
  /*height: 50px;
          width: 50px;*/
}

.menuExpanded .list_container:not(#menuContainer) {
  overflow: hidden;
}

.menuExpanded .menuContainer {
  overflow-x: hidden;
}

.menuCollapsed .menuContainer {
  overflow-x: hidden;
}

.menuCollapsed .menuContainer {
  scrollbar-width: none;
  -ms-overflow-style: none; /* IE 11 */
}

.menuCollapsed .menuContainer::-webkit-scrollbar {
  display: none;
}

.menuContainer .list_container ::-webkit-scrollbar {
  display: none;
}

.menuCollapsed a span:not(.glyphicon):not(.icon) {
  display: none !important;
}

.menuExpanded .menuContainer::-webkit-scrollbar {
  width: 12px;
  background-color: var(--cultured-light);
}

.menuExpanded .menuContainer::-webkit-scrollbar:hover {
  width: 18px;
}

.menuExpanded .menuContainer::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #bebebe;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

.menuExpanded .menuContainer:hover::-webkit-scrollbar-thumb {
  width: 18px;
}

/*#primarySidebar.menuCollapsed .glyphicon {
    font-size: 20px;
    color: white;
}*/
.sidebar .menuContainer .card .card-header {
  height: 100%;
  font-size: 0;
  cursor: pointer;
  user-select: none;
}

.sidebar .menuContainer .card a.card-header {
  padding: 0px;
  color: initial;
}

.sidebar:not(.menuExpanded) .menuContainer .card .card-header .card-title {
  display: none;
}

.sidebar .menuContainer .card .card-header > .card-wrap > .card-title-wrap,
.sidebar .menuContainer .card .card-header > .card-wrap > .card-icon-wrap {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
}

.sidebar .menuContainer .card .card-header > .card-wrap > .card-icon-wrap > .card-icon {
  width: 40px;
  height: 40px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar.menuCollapsed .menuContainer .card .card-header > .card-wrap > .card-icon-wrap > .card-icon {
  color: white;
}

.sidebar .menuContainer .card .card-title-wrap {
  width: calc(100% - 40px);
}

.sidebar .menuContainer .card .card-header .card-title {
  padding-right: 10px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

.sidebar .menuContainer .card .card-wrap {
  min-height: 40px;
  padding: 2px 0px;
}
@charset "UTF-8";
/*  chat type = 1 --> Private chat */
/*  chat type = 2 --> Group chat */
/*  chat type = 3 --> Target chat */
/*  chat type = 4 --> Broadcast chat */
:root {
  --my-msg-bubble-color: #dcf8c6;
  --chat-border-color: #ddd;
  --text-color-1: #ccc;
  --chat-read-color: #4fc3f7;
  --attach-background: var(--text-color-1);
}

#chat-container .chat-panel {
  display: none;
}

#chat-container .chat-panel.active {
  display: block;
}

#new-chat-message-panel {
  position: fixed;
  width: 300px;
  top: 60px;
  z-index: 999999;
  right: 30px;
  display: none;
  transition: all 0.5s ease 0s;
}

#new-chat-message-panel .notify-msg {
  cursor: pointer;
  background: var(--main-background-color);
  margin-bottom: 10px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  border: 1px solid var(--theme-secondary-color);
  border-radius: 2px;
}

#new-chat-message-panel .notify-msg .name {
  width: calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
}

#new-chat-message-panel .notify-msg .name .sender-name {
  font-weight: bold;
  color: var(--theme-secondary-ink);
}

#chat-container {
  overflow-y: hidden;
  position: fixed;
  top: 40px;
  right: -100%;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  min-width: 400px;
  width: 20%;
  z-index: 1010;
  padding-top: 10px;
  background: var(--main-background-color);
  height: calc(100% - 40px);
  height: -moz-calc(100% - 40px);
  height: -webkit-calc(100% - 40px);
  -webkit-transition: right 0.6s;
  -moz-transition: right 0.6s;
  -o-transition: right 0.6s;
  transition: right 0.6s;
}

#chat-container.active {
  right: 0;
}

@media (max-width: 400px) {
  #chat-container {
    width: calc(100% - 40px);
    min-width: 0;
  }
  /* Nella shell v2 la sidebar di 40 px non c'è: restavano vuoti a sinistra. Da chiusa la chat sta
     12 px più in là, o la sua ombra entrerebbe dal bordo destro dello schermo. */
  .shell-v2 #chat-container {
    width: 100%;
  }
  .shell-v2 #chat-container:not(.active) {
    right: calc(-100% - 12px);
  }
}
#chat-container .chat {
  border-bottom: 1px solid var(--chat-border-color);
  padding: 5px 10px;
  cursor: pointer;
  font-size: 0;
}

#chat-container .chat .iride-tooltip .it-content {
  font-size: 14px;
}

#chat-container .chat.new {
  background: var(--bottle-green-transparent);
  transition: 1s ease;
}

#chat-container .chat {
  border-left: 4px solid transparent;
}

#chat-container #chat-room-panel-info[color="#9b59b6"] div.image-partial img.image,
#chat-container #chat-room-panel-info[color=purple] div.image-partial img.image,
#chat-container #active-chat[color="#9b59b6"] div.image-partial img.image,
#chat-container #active-chat[color=purple] div.image-partial img.image,
#chat-container .chat[color="#9b59b6"],
#chat-container .chat[color=purple] div.image-partial img.image {
  border-color: #9b59b6;
}

#chat-container .chat[color="#9b59b6"] .img-content .unread-icon .badge,
#chat-container .chat[color=purple] .img-content .unread-icon .badge {
  background: #9b59b6;
}

#chat-container #chat-room-panel-info[color="#3498db"] div.image-partial img.image,
#chat-container #chat-room-panel-info[color=blue] div.image-partial img.image,
#chat-container #active-chat[color="#3498db"] div.image-partial img.image,
#chat-container #active-chat[color=blue] div.image-partial img.image,
#chat-container .chat[color="#3498db"],
#chat-container .chat[color=blue] div.image-partial img.image {
  border-color: #3498db;
}

#chat-container .chat[color="#3498db"] .img-content .unread-icon .badge,
#chat-container .chat[color=blue] .img-content .unread-icon .badge {
  background: #3498db;
}

#chat-container #chat-room-panel-info[color="#1abc9c"] div.image-partial img.image,
#chat-container #chat-room-panel-info[color=teal] div.image-partial img.image,
#chat-container #active-chat[color="#1abc9c"] div.image-partial img.image,
#chat-container #active-chat[color=teal] div.image-partial img.image,
#chat-container .chat[color="#1abc9c"],
#chat-container .chat[color=teal] div.image-partial img.image {
  border-color: #1abc9c;
}

#chat-container .chat[color="#1abc9c"] .img-content .unread-icon .badge,
#chat-container .chat[color=teal] .img-content .unread-icon .badge {
  background: #1abc9c;
}

#chat-container #chat-room-panel-info[color="#2ecc71"] div.image-partial img.image,
#chat-container #chat-room-panel-info[color=green] div.image-partial img.image,
#chat-container #active-chat[color="#2ecc71"] div.image-partial img.image,
#chat-container #active-chat[color=green] div.image-partial img.image,
#chat-container .chat[color="#2ecc71"],
#chat-container .chat[color=teal] div.image-partial img.image {
  border-color: #2ecc71;
}

#chat-container .chat[color="#2ecc71"] .img-content .unread-icon .badge,
#chat-container .chat[color=green] .img-content .unread-icon .badge {
  background: #2ecc71;
}

#chat-container #chat-room-panel-info[color="#f1c40f"] div.image-partial img.image,
#chat-container #chat-room-panel-info[color=yellow] div.image-partial img.image,
#chat-container #active-chat[color="#f1c40f"] div.image-partial img.image,
#chat-container #active-chat[color=yellow] div.image-partial img.image,
#chat-container .chat[color="#f1c40f"],
#chat-container .chat[color=yellow] div.image-partial img.image {
  border-color: #f1c40f;
}

#chat-container .chat[color="#f1c40f"] .img-content .unread-icon .badge,
#chat-container .chat[color=yellow] .img-content .unread-icon .badge {
  background: #f1c40f;
}

#chat-container #chat-room-panel-info[color="#e67e22"] div.image-partial img.image,
#chat-container #chat-room-panel-info[color=orange] div.image-partial img.image,
#chat-container #active-chat[color="#e67e22"] div.image-partial img.image,
#chat-container #active-chat[color=orange] div.image-partial img.image,
#chat-container .chat[color="#e67e22"],
#chat-container .chat[color=orange] div.image-partial img.image {
  border-color: #e67e22;
}

#chat-container .chat[color="#e67e22"] .img-content .unread-icon .badge,
#chat-container .chat[color=orange] .img-content .unread-icon .badge {
  background: #e67e22;
}

#chat-container #chat-room-panel-info[color="#e74c3c"] div.image-partial img.image,
#chat-container #chat-room-panel-info[color=red] div.image-partial img.image,
#chat-container #active-chat[color="#e74c3c"] div.image-partial img.image,
#chat-container #active-chat[color=red] div.image-partial img.image,
#chat-container .chat[color="#e74c3c"],
#chat-container .chat[color=red] div.image-partial img.image {
  border-color: #e74c3c;
}

#chat-container .chat[color="#e74c3c"] .img-content .unread-icon .badge,
#chat-container .chat[color=red] .img-content .unread-icon .badge {
  background: #e74c3c;
}

#chat-container #chat-room-panel-info[color="#95a5a6"] div.image-partial img.image,
#chat-container #chat-room-panel-info[color=grey] div.image-partial img.image,
#chat-container #active-chat[color="#95a5a6"] div.image-partial img.image,
#chat-container #active-chat[color=grey] div.image-partial img.image,
#chat-container .chat[color="#95a5a6"],
#chat-container .chat[color=grey] div.image-partial img.image {
  border-color: #95a5a6;
}

#chat-container .chat[color="#95a5a6"] .img-content .unread-icon .badge,
#chat-container .chat[color=grey] .img-content .unread-icon .badge {
  background: #95a5a6;
}

#chat-container #chat-room-panel-info[color="#34495e"] div.image-partial img.image,
#chat-container #chat-room-panel-info[color=black] div.image-partial img.image,
#chat-container #active-chat[color="#34495e"] div.image-partial img.image,
#chat-container #active-chat[color=black] div.image-partial img.image,
#chat-container .chat[color="#34495e"],
#chat-container .chat[color=black] div.image-partial img.image {
  border-color: #34495e;
}

#chat-container .chat[color="#34495e"] .img-content .unread-icon .badge,
#chat-container .chat[color=black] .img-content .unread-icon .badge {
  background: #34495e;
}

#chat-container .chat.deleted {
  background: var(--cinnabar-transparent-2);
  transition: 1s ease;
  pointer-events: none;
}

#chat-container .chat:hover {
  background: var(--main-background-color);
}

#chat-container .chat:first-child {
  border-top: 1px solid var(--chat-border-color);
}

#chat-container .chat .name {
  color: var(--solid-silver);
}

#chat-container .chat[type="3"][is-managed=false] .title .name {
  color: rgb(244, 67, 54);
}

#chat-container .chat .message {
  width: 100%;
}

#chat-container .chat .message .text {
  width: calc(100% - 15px);
  width: -moz-calc(100% - 15px);
  width: -webkit-calc(100% - 15px);
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

#chat-container .chat .img-content .unread-icon {
  font-size: 85%;
  position: absolute;
  top: -4px;
  left: -10px;
}

#chat-container .chat .img-content .unread-icon .badge {
  background: var(--theme-secondary-color);
}

#chat-container .chat:not(.unread) .set-chatroom-read,
#chat-container .chat:not(.unread) .img-content .unread-icon {
  display: none !important;
}

#chat-container .chat .it-content {
  padding: 0px;
}

#chat-container .chat .title {
  display: table;
  width: calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  font-size: 14px;
}

#chat-container .chat .title .wrap,
#chat-container .chat .title .right-wrap {
  display: inline-block;
}

#chat-container .chat .title .wrap {
  /*width: calc(100% - 60px);*/
  width: calc(100% - 85px);
  vertical-align: middle;
}

#chat-container .chat .title .right-wrap {
  text-align: right;
  font-size: 85%;
  /*width: 50px;*/
  width: 80px;
  vertical-align: top;
}

#chat-container .chat:not([type="3"]) .title .right-wrap .btn-groups .set-manage-status,
#chat-container .chat[is-managed=true] .set-manage-status .text[status=true],
#chat-container .chat[is-managed=false] .set-manage-status .text[status=false] {
  display: none;
}

#chat-container .chat .title .right-wrap .btn-groups .set-manage-status {
  background: #ddd;
  padding: 5px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: bold;
}

#chat-container #active-chat .img-content,
#chat-container .chat .img-content,
#chat-container .user .img-content {
  position: relative;
  margin-right: 5px;
}

#chat-container #chat-list,
#chat-container #chat-target-list,
#chat-container .chat-panel .body {
  overflow-y: auto;
  padding: 0;
}

#chat-container div.image-partial img.image,
#new-chat-message-panel div.image-partial img.image {
  border: 3px solid var(--theme-secondary-color);
  background: white;
}

#chat-container .header-info .image-partial img.image,
#chat-container .chat .image-partial img.image,
#new-chat-message-panel .img-content div.image-partial img.image {
  object-fit: scale-down;
}

#chat-container .footer {
  padding: 10px 0px;
  border-top: 1px dashed var(--chat-border-color);
}

#chat-container #active-chat .title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--chat-border-color);
  display: table;
  width: 100%;
}

#chat-container #active-chat .title .wrap {
  display: table-row;
}

#chat-container #active-chat .title .name {
  font-size: 18px;
  font-weight: bold;
}

#chat-container #active-chat .title .wrap .cell {
  display: table-cell;
  vertical-align: middle;
}

#chat-container #active-chat .title .wrap .cell.img-cell {
  width: 40px;
}

#chat-container #active-chat .title .wrap .cell.menu-cell {
  width: 20px;
}

#chat-container #active-chat .sys-text-msg .wrapper,
#chat-container #active-chat .msg .wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#chat-container #active-chat .sys-text-msg .wrapper {
  justify-content: center;
}

#chat-container #active-chat .msg.my-msg .wrapper {
  justify-content: flex-end;
}

#chat-container #active-chat .sys-text-msg .content,
#chat-container #active-chat .msg .bubble {
  border: 1px solid #ddd;
  background: #eee;
  padding: 5px 10px;
  border-radius: 2px;
  border-radius: 10px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  max-width: 80%;
  position: relative;
}

#chat-container #active-chat .msg,
#chat-container #active-chat .sys-text-msg {
  margin-bottom: 10px;
}

#chat-container #active-chat .msg.delivery-task-msg .wrapper {
  justify-content: center;
}

#chat-container #active-chat .msg.delivery-task-msg .bubble {
  max-width: 90%;
  border-radius: 0;
  background: var(--darkturquoise-transparent);
  border-color: var(--darkturquoise);
}

#chat-container #active-chat .msg.delivery-task-msg .bubble .msg-title {
  text-align: center;
}

#chat-container #active-chat .msg.delivery-task-msg .bubble .msg-title a {
  font-weight: bold;
  color: var(--darkturquoise);
  text-transform: uppercase;
  text-decoration: none;
}

#chat-container #active-chat .msg.delivery-task-msg .bubble .msg-head .name,
#chat-container #active-chat .msg.delivery-task-msg .bubble:after {
  display: none;
}

#chat-container #active-chat .msg .bubble:after {
  content: "";
  position: absolute;
  left: -1px;
  right: auto;
  bottom: -11px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: var(--chat-border-color);
  border-right: 0;
  border-top: 0;
  margin-top: -5px;
  margin-right: -10px;
}

#chat-container #active-chat .msg .bubble .msg-title {
  border-bottom: 1px solid var(--chat-border-color);
  margin-bottom: 5px;
}

#chat-container #active-chat .msg.server-msg:not(.my-msg) .bubble:after {
  border-left-color: var(--solid-silver);
}

#chat-container #active-chat .msg.my-msg .msg-status-icon,
#chat-container .chat .msg-status-icon,
#chat-container #active-chat .msg.delivery-task-msg .msg-status-icon {
  display: inline-block !important;
}

/*#chat-container #active-chat .msg[user-is-target="true"]:not(.my-msg) .msg-status-icon*/
#chat-container #active-chat .msg:not(.my-msg) .msg-status-icon,
#chat-container .chat .message:not(.my-msg) .msg-status-icon {
  display: none !important;
}

#chat-container #active-chat .msg .msg-status-icon span {
  vertical-align: middle;
  color: var(--text-color-13);
}

#chat-container #active-chat .msg .bubble .msg-status-icon span {
  font-size: 15px;
}

#chat-container #active-chat .msg .msg-status-icon .read-icon span,
#chat-container .chat .message .msg-status-icon .read-icon span {
  color: var(--chat-read-color);
}

#chat-container #active-chat .msg .msg-status-icon .read-for-target-icon span,
#chat-container .chat .message .msg-status-icon .read-for-target-icon span {
  color: #f39c12;
}

#chat-container #active-chat .msg .msg-status-icon .error-icon span,
#chat-container .chat .message .msg-status-icon .error-icon span {
  color: #e74c3c;
}

#chat-container #active-chat:not([type="3"]) .target-icon {
  display: none;
}

#chat-container #active-chat[type="3"] .target-icon {
  display: inline-block;
  margin-left: 5px;
}

#chat-container #active-chat[type="3"] .target-icon .icon {
  color: var(--cadmium-orange-2);
  vertical-align: top;
  font-size: 10px;
  font-weight: normal;
}

#chat-container #active-chat:not([type="3"]) .target-icon,
#chat-container #active-chat .msg[is-user-target=false] .target-icon {
  display: none;
}

#chat-container #active-chat .msg[status=sent] .bubble .msg-status-icon > :not(.sent-icon),
#chat-container #active-chat .msg[status=delivered] .bubble .msg-status-icon > :not(.delivered-icon),
#chat-container #active-chat .msg[status=read] .bubble .msg-status-icon > :not(.read-icon),
#chat-container #active-chat .msg[status=readForTarget] .bubble .msg-status-icon > :not(.read-for-target-icon),
#chat-container #active-chat .msg[status=error] .bubble .msg-status-icon > :not(.error-icon),
#chat-container .chat .message[status=""] .msg-status-icon,
#chat-container .chat .message[status=sent] .msg-status-icon > :not(.sent-icon),
#chat-container .chat .message[status=delivered] .msg-status-icon > :not(.delivered-icon),
#chat-container .chat .message[status=read] .msg-status-icon > :not(.read-icon),
#chat-container .chat .message[status=readForTarget] .msg-status-icon > :not(.read-for-target-icon),
#chat-container .chat .message[status=error] .msg-status-icon > :not(.error-icon),
#chat-container .garmin-messages .garmin-message[status=sent] .msg-status-icon > :not(.sent-icon),
#chat-container .garmin-messages .garmin-message[status=delivered] .msg-status-icon > :not(.delivered-icon),
#chat-container .garmin-messages .garmin-message[status=read] .msg-status-icon > :not(.read-icon),
#chat-container .garmin-messages .garmin-message[status=readForTarget] .msg-status-icon > :not(.read-for-target-icon),
#chat-container .garmin-messages .garmin-message[status=error] .msg-status-icon > :not(.error-icon) {
  display: none !important;
}

#chat-container .msg:not(.my-msg):not(.delivery-task-msg) .garmin-messages {
  display: none;
}

#chat-container .msg .garmin-messages {
  padding-top: 2.5px;
  padding-left: 10px;
  font-size: 85%;
}

#chat-container .msg.delivery-task-msg .garmin-messages {
  text-align: center;
  padding-left: 0px;
}

#chat-container .msg.my-msg .garmin-messages {
  padding-left: 0px;
  padding-right: 10px;
  text-align: right;
}

#chat-container .msg .garmin-messages .garmin-message .vehicle-code .text {
  margin-right: 2.5px;
}

#chat-container .msg .garmin-messages .garmin-message .vehicle-code,
#chat-container .msg .garmin-messages .garmin-message .msg-status-icon {
  vertical-align: middle;
}

#chat-container .msg .garmin-messages > .garmin-message:last-child {
  padding-bottom: 10px;
}

#chat-container #active-chat .msg.my-msg .bubble:after {
  right: 0;
  border: 10px solid transparent;
  border-right-color: var(--my-msg-bubble-color);
  border-left: 0;
  border-top: 0;
  margin-top: -5px;
  margin-left: -10px;
  right: 9px;
  left: auto;
}

#chat-container #active-chat .msg.garmin-msg .bubble,
#chat-container #active-chat .msg.my-msg.garmin-msg .bubble {
  border-color: var(--notification-1) !important;
  background: var(--cinnabar-transparent) !important;
}

#chat-container #active-chat .msg.garmin-msg .bubble .msg-title {
  font-weight: bold;
  text-transform: uppercase;
}

#chat-container #active-chat .msg.my-msg.garmin-msg .bubble:after {
  border-right-color: var(--notification-1);
}

#chat-container #active-chat .msg.garmin-msg .bubble:after {
  border-left-color: var(--notification-1);
}

#chat-container #active-chat .msg.my-msg .msg-head .name,
#chat-container #active-chat[type="1"] .msg .msg-head .name {
  display: none;
}

#chat-container #active-chat .msg .bubble {
  display: inline-block;
  border-bottom-left-radius: 0;
}

#chat-container #active-chat .msg.my-msg .bubble {
  background: var(--my-msg-bubble-color);
  border-color: var(--my-msg-bubble-color);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
}

#chat-container #active-chat .msg.server-msg:not(.my-msg) .bubble {
  background-color: var(--solid-silver);
  border-color: var(--solid-silver);
  color: var(--background-color-2);
}

#chat-container #active-chat .msg .bubble .msg-info-wrap {
  font-size: 80%;
  display: inline-block;
  opacity: 0;
}

#chat-container #active-chat .msg .bubble .msg-info {
  font-size: 80%;
  position: absolute;
  right: 5px;
  bottom: 5px;
}

#chat-container #active-chat .msg .bubble .msg-head .name {
  font-weight: bold;
  font-size: 0;
}

#chat-container #active-chat .msg .bubble .msg-head .name > span {
  font-size: 12px;
  vertical-align: middle;
}

#chat-container #active-chat .msg[in-chat=false] .bubble .msg-head .name {
  color: var(--text-color-13);
}

#chat-container #active-chat .msg .bubble .option-msg-btn {
  position: absolute;
  right: 0px;
  top: 0;
  background: inherit;
  padding: 5px;
  border-top-right-radius: 100%;
  align-items: center;
  display: none;
  justify-content: center;
  border-left: 1px solid var(--chat-border-color);
  border-bottom: 1px solid var(--chat-border-color);
  color: var(--text-color-13);
}

#chat-container #active-chat [inf-scroll=active-chat] .msg .bubble:hover .option-msg-btn {
  display: flex;
}

#chat-container #active-chat[type="3"] .msg[user-is-target=true]:not(.my-msg) .msg-info-btn,
#chat-container #active-chat:not([type="3"]) .msg:not(.my-msg) .msg-info-btn,
#chat-container #active-chat [inf-scroll=active-chat] .msg:not(.my-msg) .bubble:hover .option-msg-btn {
  display: none;
}

#chat-container #active-chat .msg.my-msg .bubble .option-msg-btn {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-left-radius: 10px;
  left: 0px;
  right: unset;
  border-left: none;
  border-right: 1px solid var(--chat-border-color);
}

#chat-container #active-chat .sys-text-msg .content {
  display: inline-block;
  background: aliceblue;
  border-radius: 2px;
  font-size: 80%;
  text-align: center;
}

#chat-container [class*=-btn] {
  cursor: pointer;
}

#active-chat .infScrollContainer {
  padding-right: 10px;
}

#chat-btn {
  position: relative;
}

#chat-btn #chat-unread-counter {
  position: absolute;
  top: 10px;
  right: -10px;
  background-color: var(--badge-notification-background);
}

#chat-container .users .user {
  border-bottom: 1px solid var(--chat-border-color);
  padding: 5px 10px;
  position: relative;
}

#chat-container .users .user .image-cell {
  width: 50px;
}

#chat-container .users .user .name {
  color: var(--text-color-4);
  font-weight: bold !important;
}

#chat-container .users .user .admin-badge,
#chat-container .users .user .target-badge,
#new-chat-room .user .target-badge,
#new-chat-room .user .admin-badge {
  padding: 2px 4px;
  display: none;
  margin-right: 5px;
  border: 1px solid;
  text-transform: uppercase;
  font-size: 75%;
  border-radius: 2px;
  font-weight: bold;
  border-color: #aaa;
  color: #aaa;
  cursor: pointer;
}

#new-chat-room .user .target-badge,
#new-chat-room .user .admin-badge,
#chat-container #chat-room-panel-info .admin-badge.active,
#chat-container #chat-room-panel-info[type="3"] .target-badge.active,
#chat-container #chat-room-panel-info.admin-view .admin-badge,
#chat-container #chat-room-panel-info[type="3"].admin-view .target-badge {
  display: inline-block;
}

#chat-container #chat-room-panel-info .edit-group-image-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

#chat-container #active-chat[type="4"] .new-msg-input-group input,
#chat-container #active-chat[type="4"] .new-msg-input-group [class*=-btn],
#chat-container #chat-room-panel-info:not(.admin-view) [class*=-btn] {
  pointer-events: none;
  cursor: default;
}

#chat-container #active-chat[type="4"] .new-msg-input-group,
#chat-container #chat-room-panel-info:not(.admin-view) [class*=-btn],
#chat-container #chat-room-panel-info.admin-view .chat-user-group-display,
#chat-container #chat-room-panel-info:not(.admin-view) .chat-user-group-id {
  display: none;
}

#new-chat-room .user .admin-badge.active,
#chat-container #chat-room-panel-info .admin-badge.active {
  border-color: green;
  color: green;
}

#new-chat-room .user .target-badge.active,
#chat-container #chat-room-panel-info .target-badge.active {
  border-color: var(--notification-4);
  color: var(--notification-4);
}

#new-chat-room .user .target-badge:hover,
#chat-container #chat-room-panel-info.admin-view .target-badge:hover {
  background: var(--orange-web-transparent);
  border-color: var(--notification-4);
  color: white;
}

#new-chat-room .user .admin-badge:hover,
#chat-container #chat-room-panel-info.admin-view .admin-badge:hover {
  background: var(--ao-english-transparent);
  border-color: var(--theme-secondary-color);
  color: white;
}

#chat-container #chat-room-panel-info .head {
  padding: 10px 0px;
  /*border-bottom: 1px solid #var(--chat-border-color)*/
}

#chat-container #chat-room-panel-info .head .img-content {
  margin-right: 10px;
}

#chat-container #chat-room-panel-info .head .title {
  width: calc(100% - 100px);
  font-size: 25px;
}

#chat-container #chat-room-panel-info .sub-title {
  border-bottom: 1px solid var(--chat-border-color);
  padding-bottom: 5px;
  margin-bottom: 5px;
  color: var(--theme-secondary-ink);
}

#chat-container .icon {
  color: var(--theme-secondary-ink);
}

/*#chat-container #active-chat[type="1"] .title .wrap .cell.menu-cell {
    display: none;
}*/
#chat-container #new-chat-room:not([type="1"]) .pvt-cr-panel,
#chat-container #new-chat-room:not([type="2"]):not([type="3"]) .grp-cr-panel,
#chat-container #new-chat-room:not([type="4"]) .broadcast-cr-panel {
  display: none;
}

#chat-container #new-chat-room .broadcast-cr-panel .tab-content {
  padding: 10px 0;
}

#chat-container #new-chat-room .broadcast-cr-panel .user .set-admin-btn,
#chat-container #new-chat-room .broadcast-cr-panel .user .set-target-btn {
  display: none;
  pointer-events: none;
}

#chat-container .icheck span.multiple-selection-box.flat {
  color: var(--theme-secondary-ink);
}

#chat-container #new-chat-room[type="3"] .grp-cr-panel .is-target .icheck span.multiple-selection-box.flat {
  font-size: 100% !important;
  color: var(--theme-secondary-ink);
  width: 100%;
  vertical-align: middle;
}

#chat-container #new-chat-room[type="2"] .grp-cr-panel .set-target-btn,
#chat-container #new-chat-room[type="2"] .grp-cr-panel .im-a-target {
  display: none;
}

#chat-container .chatroom-type-icon,
#new-chat-message-panel .chatroom-type-icon {
  font-size: 85%;
  position: absolute;
  bottom: 0px;
  right: 0;
  z-index: 1;
}

#chat-container .img-content .chatroom-type-icon .icon,
#new-chat-message-panel .img-content .chatroom-type-icon .icon {
  background: var(--theme-secondary-color) !important;
  border-radius: 100%;
  display: none;
  font-size: 10px;
  color: white !important;
  padding: 1px 2px;
  font-weight: normal !important;
}

#new-chat-message-panel .img-content .chatroom-type-icon [type="3"].icon,
#chat-container .img-content .chatroom-type-icon [type="3"].icon {
  background: var(--notification-4) !important;
}

#chat-container .chat[type="3"] .chatroom-type-icon .icon[type="3"],
#chat-container #active-chat[type="3"] .chatroom-type-icon .icon[type="3"],
#chat-container .chat[type="2"] .chatroom-type-icon .icon[type="2"],
#chat-container #active-chat[type="2"] .chatroom-type-icon .icon[type="2"],
#new-chat-message-panel .notify-msg[type="2"] .chatroom-type-icon .icon[type="2"],
#new-chat-message-panel .notify-msg[type="3"] .chatroom-type-icon .icon[type="3"] {
  display: block;
}

#new-chat-message-panel .notify-msg:hover {
  background: var(--light-cyan);
}

#new-chat-message-panel .notify-msg.multiple .secondary-thumb .image-partial {
  position: absolute;
}

#new-chat-message-panel .notify-msg.multiple .image-wrap {
  width: 45px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

#new-chat-message-panel .notify-msg.multiple .image-wrap .primary-thumb,
#new-chat-message-panel .notify-msg.multiple .image-wrap .secondary-thumb {
  position: absolute;
}

#new-chat-message-panel .notify-msg.multiple .image-wrap .primary-thumb .image-partial {
  top: 0;
  left: -5px;
}

#new-chat-message-panel .notify-msg.multiple .image-wrap .secondary-thumb .image-partial {
  left: 5px;
}

#new-chat-message-panel .notify-msg.multiple .image-wrap .primary-thumb .image-partial,
#new-chat-message-panel .notify-msg.multiple .image-wrap .secondary-thumb .image-partial {
  width: 35px;
  height: 35px;
}

#chat-container .input-group.full-width {
  width: 100%;
}

#chat-container #active-chat:not([in-chat=true]) input {
  pointer-events: none;
  background: var(--main-background-color) !important;
}

#chat-container #active-chat:not([in-chat=true]) .menu-cell {
  display: none !important;
}

#chat-container #chat-room-panel-info .user .btn-container {
  width: auto;
}

#chat-container #chat-room-panel-info:not(.admin-view, [in-chat=true]) .user .btn-container,
#chat-container #chat-room-panel-info:not(.admin-view, [in-chat=true]) .delete-group-btn,
#chat-container #chat-room-panel-info:not(.admin-view, [in-chat=true]) .user tr.set-img-group-btn {
  display: none !important;
  pointer-events: none;
}

#chat-container #chat-room-panel-info:not(.admin-view, [in-chat=true]) .edit-title-container {
  display: none !important;
  pointer-events: none;
  width: 100%;
  text-align: right;
}

#chat-container #chat-room-panel-info .title:not(.in-editing) .title-hidden-input, #chat-container #chat-room-panel-info.admin-view .title.in-editing .text {
  display: none;
}

#chat-container #chat-room-panel-info.admin-view .title .edit-title-container [class*=-btn] {
  cursor: pointer;
  padding: 0px 5px;
  font-size: 80%;
  display: inline-block;
  vertical-align: top;
}

#chat-container #chat-room-panel-info.admin-view .title.in-editing .edit-title-container .edit-btn,
#chat-container #chat-room-panel-info.admin-view .title:not(.in-editing) .edit-title-container .confirm-btn,
#chat-container #chat-room-panel-info.admin-view .title:not(.in-editing) .edit-title-container .undo-btn {
  display: none;
  pointer-events: none;
}

#chat-container #chat-room-panel-info.admin-view .title.in-editing {
  border: 1px dashed var(--chat-border-color);
}

#chat-container #chat-room-panel-info .user .btn-container [class*=-btn] {
  color: var(--text-color-1) !important;
  cursor: pointer;
}

#chat-container #active-chat .msg .msg-attachments {
  text-align: left;
  max-width: 175px;
  max-height: 175px;
  overflow: hidden;
  border-bottom: 1px solid var(--chat-border-color);
  margin-bottom: 5px;
  position: relative;
}

#chat-container #active-chat .msg .msg-attachments .attach,
#chat-container #chat-room-panel-info .attach {
  position: relative;
}

#chat-container #active-chat .msg .msg-attachments:not(.multiple) .attach {
  width: 100%;
  /*margin-top: 5px;*/
}

#chat-container #active-chat .msg .msg-attachments .img-content {
  margin: 0px;
}

#chat-container #active-chat .msg .msg-attachments .attach .img-content div.image-partial {
  width: 175px;
  height: 175px;
}

#chat-container #active-chat [data-target="#chat-media-modal"] {
  cursor: pointer;
}

#chat-container #active-chat .msg .msg-attachments.multiple .attach {
  display: inline-block;
  margin: 5px;
}

#chat-container #active-chat .msg .msg-attachments.multiple .attach .attach-extension .download-icon {
  display: none;
}

#chat-container #active-chat .msg .msg-attachments.multiple .attach .img-content div.image-partial {
  width: 75px;
  height: 75px;
}

#chat-container #active-chat .msg .msg-attachments.multiple .attach .attach-title {
  display: none;
}

#chat-container #active-chat .msg .msg-attachments.multiple .attach .attach-extension,
#chat-container #chat-room-panel-info .attach .attach-extension .img-content div.image-partial,
#chat-media-modal .attach-thumb {
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
}

#chat-container #chat-room-panel-info .attach .attach-extension .img-content div.image-partial {
  width: 40px;
  height: 40px;
}

#chat-container #chat-room-panel-info .attach {
  display: table;
  border-bottom: 1px solid var(--chat-border-color);
  width: 100%;
  text-align: left;
}

#chat-container #chat-room-panel-info .attach .attach-extension {
  width: 40px;
  height: 40px;
  background: var(--default-file-color);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
}

#chat-container #chat-room-panel-info table.flat .attach td.thumbnail-cell {
  padding: 10px;
}

#chat-container #chat-room-panel-info table.flat .attach td.attach-title {
  width: 100%;
}

#chat-container #active-chat .msg .msg-attachments .attach .attach-extension,
#chat-media-modal .chat-media-list li .attach-thumb {
  color: white;
  background: var(--default-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach {
  background: var(--default-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach.no-thumb {
  background: none !important;
}

#chat-media-modal #chat-media-slider .item img.image {
  width: 100%;
  object-fit: scale-down;
  height: 100%;
}

#chat-media-modal #chat-media-slider .item {
  height: 350px;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".zip"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".7z"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".rar"] .attach-extension,
#chat-container .documents .file-icon[data-type=zip],
#chat-container .documents .file-icon[data-type="7z"],
#chat-container .documents .file-icon[data-type=rar],
#chat-media-modal .chat-media-list li[data-ext=".rar"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".zip"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".7z"] .attach-thumb,
#chat-container #chat-room-panel-info .attach[data-ext=".zip"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".7z"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".rar"] .attach-extension,
#chat-media-modal #chat-media-slider .item[data-ext=".zip"],
#chat-media-modal #chat-media-slider .item[data-ext=".7z"],
#chat-media-modal #chat-media-slider .item[data-ext=".rar"] {
  background: var(--archive-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext^=".doc"] .attach-extension,
#chat-container .documents .file-icon[data-type^=doc],
#chat-media-modal .chat-media-list li[data-ext^=".doc"] .attach-thumb,
#chat-container #chat-room-panel-info .attach[data-ext^=".doc"] .attach-extension,
#chat-media-modal #chat-media-slider .item[data-ext^=".doc"] {
  background: var(--document-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext^=".xls"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".csv"] .attach-extension,
#chat-container .documents .file-icon[data-type^=xls],
#chat-container .documents .file-icon[data-type=csv],
#chat-media-modal .chat-media-list li[data-ext^=".xls"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".csv"],
#chat-container #chat-room-panel-info .attach[data-ext^=".xls"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".csv"] .attach-extension,
#chat-media-modal #chat-media-slider .item[data-ext^=".xls"] .media,
#chat-media-modal #chat-media-slider .item[data-ext=".csv"] .media {
  background: var(--excel-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext^=".ppt"] .attach-extension,
#chat-container .documents .file-icon[data-type=ppt],
#chat-media-modal .chat-media-list li[data-ext=".ppt"] .attach-thumb,
#chat-container #chat-room-panel-info .attach[data-ext=".ppt"] .attach-extension,
#chat-media-modal #chat-media-slider .item[data-ext=".ppt"] .media {
  background: var(--presentation-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".pdf"] .attach-extension,
#chat-container .documents .file-icon[data-type=pdf],
#chat-media-modal .chat-media-list li[data-ext=".pdf"] .attach-thumb,
#chat-container #chat-room-panel-info .attach[data-ext=".pdf"] .attach-extension,
#chat-media-modal #chat-media-slider .item[data-ext=".pdf"] .media {
  background: var(--pdf-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".txt"] .attach-extension,
#chat-container .documents .file-icon[data-type=txt],
#chat-media-modal .chat-media-list li[data-ext=".txt"] .attach-thumb,
#chat-container #chat-room-panel-info .attach[data-ext=".txt"] .attach-extension,
#chat-media-modal #chat-media-slider .item[data-ext=".txt"] .media,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".xml"] .attach-extension,
#chat-media-modal .chat-media-list li[data-ext=".xml"] .attach-thumb,
#chat-container .documents .file-icon[data-type=xml],
#chat-container #chat-room-panel-info .attach[data-ext=".xml"] .attach-extension,
#chat-media-modal #chat-media-slider .item[data-ext=".xml"] .media {
  background: var(--text-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".mp3"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".wma"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".m4a"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".flac"] .attach-extension,
#chat-container .documents .file-icon[data-type=mp3],
#chat-container .documents .file-icon[data-type=wma],
#chat-container .documents .file-icon[data-type=m4a],
#chat-container .documents .file-icon[data-type=flac],
#chat-media-modal .chat-media-list li[data-ext=".mp3"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".wma"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".m4a"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".flac"] .attach-thumb,
#chat-container #chat-room-panel-info .attach[data-ext=".mp3"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".wma"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".m4a"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".flac"] .attach-extension,
#chat-media-modal #chat-media-slider .item[data-ext=".mp3"] .media,
#chat-media-modal #chat-media-slider .item[data-ext=".wma"] .media,
#chat-media-modal #chat-media-slider .item[data-ext=".m4a"] .media,
#chat-media-modal #chat-media-slider .item[data-ext=".flac"] .media {
  background: var(--audio-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".mp4"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".wmv"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".mov"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".avi"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".mkv"] .attach-extension,
#chat-container .documents .file-icon[data-type=mp4],
#chat-container .documents .file-icon[data-type=wmv],
#chat-container .documents .file-icon[data-type=mov],
#chat-container .documents .file-icon[data-type=mkv],
#chat-container .documents .file-icon[data-type=avi],
#chat-media-modal .chat-media-list li[data-ext=".mp4"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".wmv"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".mov"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".avi"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".mkv"] .attach-thumb,
#chat-container #chat-room-panel-info .attach[data-ext=".mp4"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".wmv"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".mov"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".mkv"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".avi"] .attach-extension,
#chat-media-modal #chat-media-slider .item[data-ext=".mp4"] .media,
#chat-media-modal #chat-media-slider .item[data-ext=".wmv"] .media,
#chat-media-modal #chat-media-slider .item[data-ext=".mov"] .media,
#chat-media-modal #chat-media-slider .item[data-ext=".avi"] .media,
#chat-media-modal #chat-media-slider .item[data-ext=".mkv"] .media {
  background: var(--video-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".bmp"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".jpg"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".jpeg"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".gif"] .attach-extension,
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".png"] .attach-extension,
#chat-container .documents .file-icon[data-type=bmp],
#chat-container .documents .file-icon[data-type=jpg],
#chat-container .documents .file-icon[data-type=jpeg],
#chat-container .documents .file-icon[data-type=gif],
#chat-container .documents .file-icon[data-type=png],
#chat-media-modal .chat-media-list li[data-ext=".bmp"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".jpj"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".jpeg"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".gif"] .attach-thumb,
#chat-media-modal .chat-media-list li[data-ext=".png"] .attach-thumb,
#chat-container #chat-room-panel-info .attach[data-ext=".bmp"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".jpg"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".jpeg"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".gif"] .attach-extension,
#chat-container #chat-room-panel-info .attach[data-ext=".png"] .attach-extension,
#chat-media-modal #chat-media-slider .item[data-ext=".jpj"] .media,
#chat-media-modal #chat-media-slider .item[data-ext=".jpeg"] .media,
#chat-media-modal #chat-media-slider .item[data-ext=".gif"] .media,
#chat-media-modal #chat-media-slider .item[data-ext=".png"] .media {
  background: var(--image-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".zip"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".7z"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".rar"] [class^=attach-] {
  border-color: var(--archive-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext^=".doc"] [class^=attach-] {
  border-color: var(--document-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".txt"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext^=".xml"] [class^=attach-] {
  border-color: var(--text-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext^=".xls"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".csv"] [class^=attach-] {
  border-color: var(--excel-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext^=".ppt"] [class^=attach-] {
  border-color: var(--presentation-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".pdf"] [class^=attach-] {
  border-color: var(--pdf-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".mp3"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".wma"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".m4a"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".flac"] [class^=attach-] {
  border-color: var(--audio-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".mp4"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".wmv"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".mov"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".avi"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".mkv"] [class^=attach-] {
  border-color: var(--video-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".bmp"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".jpg"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".jpeg"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".gif"] [class^=attach-],
#chat-container #active-chat .msg .msg-attachments .attach[data-ext=".png"] [class^=attach-] {
  border-color: var(--image-file-color) !important;
}

#chat-container #active-chat .msg .msg-attachments .attach.no-thumb::after {
  display: none;
}

#chat-container #active-chat .msg .msg-attachments.multiple.more .attach:nth-child(4) .show-more-btn {
  width: 75px;
  height: 75px;
  background: var(--background-color-66);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  width: 100%;
  top: 0;
  height: 100%;
  left: 0;
  font-size: 20px;
  color: white;
  font-weight: bold;
}

#chat-container #active-chat .msg .msg-attachments .attach .img-content div.image-partial img.image,
#chat-container #chat-room-panel-info .attach .img-content div.image-partial img.image {
  border-radius: 0;
  border: 1px solid var(--border-color-2);
}

#chat-container #active-chat .msg .msg-attachments:not(.multiple) .attach .wrap {
  font-size: 0;
  min-width: 175px;
}

#chat-container #active-chat .msg .msg-attachments .attach .attach-title,
#chat-container #active-chat .msg .msg-attachments .attach .attach-extension {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  padding: 10px;
  border: 1px solid var(--default-file-color);
}

#chat-container #active-chat .msg .msg-attachments .attach .attach-title {
  background: #ddd;
  border-top-left-radius: 2.5px;
  border-bottom-left-radius: 2.5px;
  width: calc(100% - 60px);
}

#chat-container #active-chat .msg .msg-attachments .attach .attach-extension {
  text-transform: uppercase;
  background: var(--attach-background);
  font-weight: bold;
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  position: relative;
  width: 60px;
  text-align: center;
}

#chat-container #active-chat .msg .msg-attachments .attach .attach-extension .download-icon,
#chat-container #active-chat .msg .msg-attachments .attach .attach-extension .share-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  opacity: 0;
  transition: 0.5s;
  background: var(--attach-background);
  color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
  top: 0;
  left: 0;
  cursor: pointer;
}

#chat-container #active-chat .msg .msg-attachments .attach .attach-extension .download-icon {
  left: 50%;
  border-top-right-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
}

#chat-container #active-chat .msg .msg-attachments .attach:hover .attach-extension .download-icon,
#chat-container #active-chat .msg .msg-attachments .attach:hover .attach-extension .share-icon {
  opacity: 1;
}

#chat-container #active-chat .msg .msg-attachments .attach:hover .attach-extension .download-icon:hover,
#chat-container #active-chat .msg .msg-attachments .attach:hover .attach-extension .share-icon:hover {
  background: #aaa;
}

#chat-media-modal .chat-media-list {
  margin-left: -10px;
  margin-right: -10px;
  max-height: 140px;
  overflow-x: auto;
  white-space: nowrap;
}

#chat-media-modal .chat-media-list li {
  display: inline-block;
  margin: 10px;
  border: 1px solid var(--chat-border-color);
  position: relative;
}

#chat-media-modal .chat-media-list li.active {
  border: 5px solid var(--theme-secondary-color);
}

#chat-media-modal .chat-media-list .image {
  border-radius: 0px;
  background: var(--background-color-2);
}

#chat-media-modal .media {
  width: 100%;
  display: block;
  height: 100%;
  background: var(--default-file-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 25px;
  padding: 30px;
}

#chat-media-modal .item video {
  width: 100%;
  height: 100%;
}

#chat-media-modal .chat-media-info {
  margin: 10px 0;
  padding: 0;
  border-left: 1px solid var(--chat-border-color);
  border-bottom: 1px solid var(--chat-border-color);
  padding-left: 5px;
  display: table;
  width: 100%;
}

#chat-media-modal span.icon {
  color: var(--theme-secondary-ink);
}

#chat-media-modal .chat-media-info .title {
  font-size: 15px;
  display: table-cell;
  padding: 5px;
}

#chat-media-modal .chat-media-info .share-btn,
#chat-media-modal .chat-media-info .download-btn {
  display: table-cell;
  vertical-align: middle;
  width: 30px;
  cursor: pointer;
}

#chat-container #active-chat .msg .msg-attachments .attach::after {
  content: attr(data-ext);
  position: absolute;
  bottom: 0;
  right: 1px;
  text-transform: lowercase;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
  background: var(--attach-background);
  padding: 2px 2px 2px 4px;
  border-top-left-radius: 5px;
  font-size: 9px;
  font-weight: bold;
}

#chat-container ::-webkit-scrollbar {
  width: 15px;
}

#chat-container ::-webkit-scrollbar-thumb {
  background-color: var(--background-color-41);
  border-radius: 2px;
}

#chat-container ::-webkit-scrollbar-track {
  border: 0px var(--border-color-40) solid;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0px gray inset;
  opacity: 0;
}

#chat-container .selected-users {
  overflow-x: auto;
  white-space: nowrap;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

#chat-container .selected-users .user {
  display: inline-block;
  border-bottom: none;
  position: relative;
  align-items: center;
  margin: 0 5px;
}

#chat-container .selected-users .user .img-content {
  margin: 0px;
}

#chat-container .selected-users .user .remove-btn {
  display: flex;
  width: 100%;
  justify-content: center;
  color: var(--text-color-13);
  margin-top: 2.5px;
}

#chat-container .add-doc-btn {
  display: none !important;
}

#chat-container .documents .card {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px;
  margin-bottom: 10px;
  display: table;
}

#chat-container .documents .card.doc-model {
  display: none;
}

#chat-container .documents .card .doc-thumb,
#chat-container .documents .card .file-name,
#chat-container .documents .card .btn-wrap {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 5px;
}

#chat-container .documents .card .file-name .value {
  white-space: normal;
}

#chat-container .documents .card .doc-thumb,
#chat-container .documents .load-thumbnail,
#chat-container .documents .card .btn-wrap {
  width: 50px;
  height: 50px;
}

#chat-container .documents .card .load-thumbnail {
  border: 1px solid var(--chat-border-color);
}

#chat-container .documents .card .file-name {
  border: none;
  width: calc(100% - 100px);
}

#chat-container .documents .card .doc-btn {
  width: 100%;
  text-align: center;
}

#chat-container .documents .card[id*=delete-message] .text-wrap {
  border: none;
  width: calc(100% - 100px);
  font-size: initial;
  height: inherit;
  display: table-cell;
}

#chat-container .documents .card[id*=delete-message] .btn-wrap {
  width: 100px;
}

#chat-container .documents .card[id*=delete-message] .btn-wrap .doc-btn {
  width: 50%;
}

#chat-container .file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  width: 50px;
  height: 50px;
  bottom: initial;
  left: initial;
}

#chat-container .file-icon::after {
  bottom: initial;
  left: initial;
  font-size: initial;
  width: auto;
  text-transform: uppercase;
}

#chat-container .file-icon::before {
  display: none;
}

#chat-container .attachments-container {
  max-height: 280px;
  overflow: auto;
}

#chat-container .attachments-container .loading-doc .c100 {
  font-size: 40px;
}

#chat-container table.flat [inf-scroll=chat-documents-infScroll] tr.sorting-group-row th,
#chat-container table.flat [inf-scroll=chat-documents-infScroll] tr.sorting-group-row td {
  font-weight: bold !important;
  padding: 0;
  height: 30px;
  font-size: 20px;
  color: var(--chat-color-1);
  text-align: center;
  background: var(--background-color-2) !important;
}

#msg-info-modal table.user-list {
  width: 100%;
}

#msg-info-modal table.user-list td {
  padding: 5px 0px;
}

#msg-info-modal table.user-list tr:not(:last-child) td {
  border-bottom: 1px solid #ddd;
}

#msg-info-modal .msg-container {
  padding: 10px;
  border-bottom: 3px double #ddd;
  margin-bottom: 10px;
}

#msg-info-modal .modal-body {
  max-height: 500px;
  overflow: auto;
  width: 100%;
}

#msg-info-modal .leftovers-ctr {
  color: #006647;
  border-bottom: 1px dashed #006647;
}

#chat-container #chat-home.selection-mode .chat-list .selection-wrap,
#chat-container #chat-home.selection-mode #search-chat-infScroll .selection-wrap {
  display: inline-block;
}

#chat-container #chat-home .chat-list .selection-wrap,
#chat-container #chat-home #search-chat-infScroll .selection-wrap {
  vertical-align: middle;
  padding-right: 10px;
  display: none;
  font-size: 14px;
}

#chat-container #chat-home:not(.selection-mode) .multiple-action-wrap {
  display: none;
}

#chat-container #chat-home.selection-mode .chat-list .chat .title,
#chat-container #chat-home.selection-mode #search-chat-infScroll .chat .title {
  width: calc(100% - 50px);
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
}

#chat-container #chat-home .multiple-action-wrap[archive=true] .set-selected-reads-btn,
#chat-container #chat-home .multiple-action-wrap[archive=true] .archive-btn,
#chat-container #chat-home .multiple-action-wrap[archive=false] .unarchive-btn {
  display: none;
}