/* Minimizzazione non riuscita. Verrà restituito il contenuto non minimizzato.
(2,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(17,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(35,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(116,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(121,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black'
(127,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(131,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(165,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(180,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(240,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(285,22): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(299,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color-2'
(300,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(313,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(314,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(325,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(326,22): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(400,15): run-time error CSS1039: Token not allowed after unary operator: '-main-color-crm-hoover'
(413,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(504,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(505,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(509,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(518,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(522,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(530,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(535,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(561,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(572,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(585,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(1687,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(2147,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(2165,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3104,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3634,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3658,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3664,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3669,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3676,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3689,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3721,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(4210,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5162,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5203,17): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5223,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'
(5274,22): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5278,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5670,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5916,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(6334,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(6343,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(7407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7409,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7413,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7418,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7435,22): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-1'
(7435,56): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-1'
(7435,90): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-2'
(7435,124): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-2'
(7439,30): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(7440,33): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(7446,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(7452,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(7683,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7727,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-3'
(7728,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7729,29): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7733,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-3'
(7737,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7738,29): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7746,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-3'
(7750,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7751,29): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7759,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(7760,22): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7771,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(7798,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(7799,22): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7819,30): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7833,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(7834,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(7864,26): run-time error CSS1039: Token not allowed after unary operator: '-collabnoteimage'
(7877,33): run-time error CSS1039: Token not allowed after unary operator: '-collabnet'
(7883,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-dark'
(7960,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(7974,26): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(7982,15): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(8145,32): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black'
(8155,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-reject'
(8159,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(8163,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(8171,43): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(8172,28): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8200,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8209,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8218,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8242,20): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(8293,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(8346,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-3'
(8350,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8351,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(8352,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-3'
(8361,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-3'
(8365,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(8369,22): run-time error CSS1039: Token not allowed after unary operator: '-error-element-border'
(8371,26): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(8386,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-absence'
(8392,26): run-time error CSS1039: Token not allowed after unary operator: '-attendance-registry-overtime'
(8419,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(8424,32): run-time error CSS1039: Token not allowed after unary operator: '-calendar-with-note'
(8428,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-2'
(8433,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-absence'
(8438,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-ordinary'
(8443,26): run-time error CSS1039: Token not allowed after unary operator: '-info-tooltip'
(8447,29): run-time error CSS1039: Token not allowed after unary operator: '-info-tooltip'
(8451,26): run-time error CSS1039: Token not allowed after unary operator: '-success-tooltip'
(8455,29): run-time error CSS1039: Token not allowed after unary operator: '-success-tooltip'
(8459,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-tooltip'
(8463,29): run-time error CSS1039: Token not allowed after unary operator: '-danger-tooltip'
(8467,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning-hoover'
(8471,29): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning-hoover'
(8483,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(8496,33): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(8503,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-element-circle'
(8554,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(8558,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(8562,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(8566,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(8570,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(8574,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(8622,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(8627,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(8632,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8655,31): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(8678,33): run-time error CSS1039: Token not allowed after unary operator: '-printable-hoover'
(8683,26): run-time error CSS1039: Token not allowed after unary operator: '-printable-hoover'
(8730,15): run-time error CSS1039: Token not allowed after unary operator: '-print-table-color'
(8744,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(8773,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(8782,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(8795,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8832,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(8838,27): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8871,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(8886,34): run-time error CSS1039: Token not allowed after unary operator: '-maps-content-editable'
(8889,15): run-time error CSS1039: Token not allowed after unary operator: '-maps-content-editable'
(8966,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(8972,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9021,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9032,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9055,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(9068,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9142,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(9147,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(9158,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9163,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(9199,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-4'
(9200,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color-4'
(9210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9211,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9212,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9218,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9219,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9221,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9249,22): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9343,22): run-time error CSS1039: Token not allowed after unary operator: '-switch-focus'
(9345,74): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-hoover-button'
(9346,66): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-hoover-button'
(9382,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9383,20): run-time error CSS1039: Token not allowed after unary operator: '-green-blue-crayola'
(9388,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9389,20): run-time error CSS1039: Token not allowed after unary operator: '-sky-blue'
(9394,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9395,20): run-time error CSS1039: Token not allowed after unary operator: '-mantis'
(9400,20): run-time error CSS1039: Token not allowed after unary operator: '-indian-yellow'
(9401,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9406,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9407,20): run-time error CSS1039: Token not allowed after unary operator: '-indian-red'
(9413,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(9446,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9448,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9450,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9454,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9455,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9489,31): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9498,37): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(9499,40): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(9500,32): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(9501,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9502,30): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9545,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(9716,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9717,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9718,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9719,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9747,31): run-time error CSS1039: Token not allowed after unary operator: '-main-color-2'
(9760,31): run-time error CSS1039: Token not allowed after unary operator: '-main-color-2'
(9762,34): run-time error CSS1039: Token not allowed after unary operator: '-main-color-2'
(9816,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9819,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(9827,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(9833,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9842,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9846,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9847,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9848,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9849,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9858,30): run-time error CSS1039: Token not allowed after unary operator: '-calendar-slidebox'
(9934,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(9947,35): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9953,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-box-odd'
(9979,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(9985,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-important-border'
(9988,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-warning-border'
(9991,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-info-border'
(9994,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(9997,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-success-border'
(10000,26): run-time error CSS1039: Token not allowed after unary operator: '-special-event-background'
(10001,26): run-time error CSS1039: Token not allowed after unary operator: '-special-event-border'
(10012,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(10016,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10019,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(10019,63): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(10019,98): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(10019,134): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(10022,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(10025,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(10028,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(10031,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(10034,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(10037,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(10040,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(10043,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-gray'
(10046,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10047,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10050,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10054,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10055,20): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-2'
(10056,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10061,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10067,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10072,50): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10073,42): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10075,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10080,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10086,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-important-border'
(10090,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-info-border'
(10094,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-warning-border'
(10098,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(10102,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-success-border'
(10106,26): run-time error CSS1039: Token not allowed after unary operator: '-special-event-border'
(10120,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10123,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-unavailability-text'
(10127,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10130,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-unavailability-text'
(10135,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-deadline-completed-hoover'
(10139,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(10144,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10148,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(10152,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-deadline-completed'
(10155,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(10159,15): run-time error CSS1039: Token not allowed after unary operator: '-yellowgreen'
(10163,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-event-user-contract'
(10166,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(10170,15): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(10173,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(10181,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(10185,15): run-time error CSS1039: Token not allowed after unary operator: '-orange-peel'
(10189,15): run-time error CSS1039: Token not allowed after unary operator: '-orange-peel'
(10192,15): run-time error CSS1039: Token not allowed after unary operator: '-cadmium-orange'
(10196,15): run-time error CSS1039: Token not allowed after unary operator: '-chestnut'
(10200,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(10204,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(10208,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(10212,15): run-time error CSS1039: Token not allowed after unary operator: '-jonquil'
(10216,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10219,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10223,26): run-time error CSS1039: Token not allowed after unary operator: '-misty-rose'
(10226,26): run-time error CSS1039: Token not allowed after unary operator: '-misty-rose'
(10230,26): run-time error CSS1039: Token not allowed after unary operator: '-blond'
(10233,26): run-time error CSS1039: Token not allowed after unary operator: '-blond'
(10237,26): run-time error CSS1039: Token not allowed after unary operator: '-beau-Blue'
(10240,26): run-time error CSS1039: Token not allowed after unary operator: '-beau-Blue'
(10244,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10247,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10251,26): run-time error CSS1039: Token not allowed after unary operator: '-tea-green'
(10254,26): run-time error CSS1039: Token not allowed after unary operator: '-tea-green'
(10258,26): run-time error CSS1039: Token not allowed after unary operator: '-pale-purple-pantone'
(10261,26): run-time error CSS1039: Token not allowed after unary operator: '-pale-purple-pantone'
(10266,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10273,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10281,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10282,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10283,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10284,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10315,15): run-time error CSS1039: Token not allowed after unary operator: '-patriarch'
(10319,15): run-time error CSS1039: Token not allowed after unary operator: '-darkred'
(10323,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10328,15): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(10332,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-carmine'
(10336,26): run-time error CSS1039: Token not allowed after unary operator: '-brandy'
(10340,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-info'
(10344,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-info-hoover'
(10348,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning'
(10352,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning-hoover'
(10356,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-success'
(10360,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-success-hoover'
(10364,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-primary'
(10368,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-hoover-primary'
(10395,15): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(10398,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10406,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10407,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10410,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10411,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10414,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10415,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10433,15): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(10436,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10444,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10445,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10448,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10449,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10452,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10453,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10460,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10461,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10464,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10470,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10471,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10474,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10477,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10478,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10481,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10484,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10485,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10486,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10487,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10507,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10510,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10511,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10514,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10522,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10527,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10532,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10549,26): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10569,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10572,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(10573,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10865,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10868,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10869,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10871,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10872,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10873,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10874,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10928,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(10929,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10930,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10936,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(10938,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(10969,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(10970,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(10994,30): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(11024,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(11029,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med-2'
(11031,35): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med-2'
(11044,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11045,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11051,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11052,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11056,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11060,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11064,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11068,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11069,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11074,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11075,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11079,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11083,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11087,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11091,20): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11092,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11097,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11098,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11102,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11106,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11110,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11114,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11115,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11120,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11121,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11125,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11129,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11133,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11137,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11138,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11143,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11144,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11148,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11152,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11156,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11160,20): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11161,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11166,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11167,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11171,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11175,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11179,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11183,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11184,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11189,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11190,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11194,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11198,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11202,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11206,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11207,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11212,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11213,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-8'
(11217,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11221,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11225,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11229,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-8'
(11230,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11235,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11236,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-9'
(11240,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11244,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11248,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11252,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-9'
(11253,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11271,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11272,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11273,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11289,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(11293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11297,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-notification-background'
(11301,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(11329,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(11377,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(11378,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(11410,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(11431,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(11493,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11497,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(11498,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(11506,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11556,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11557,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11562,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(11571,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(11582,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11583,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11587,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11594,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11595,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11600,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11601,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11605,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11610,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11611,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11615,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11622,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11623,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11628,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11629,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11633,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11638,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11639,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11643,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11650,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11651,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11656,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11657,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11661,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11666,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11667,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11671,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11678,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11679,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11684,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11685,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11689,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11694,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(11695,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11699,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11706,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11707,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11712,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11713,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11717,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11718,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11722,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11729,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11730,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11735,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11736,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11740,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11745,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11746,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11750,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11757,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11758,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11763,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11764,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11768,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11773,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11774,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11778,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11785,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11786,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11791,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11792,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11796,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11801,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(11802,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11806,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(11813,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(11814,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(11819,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(11820,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11824,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11828,26): run-time error CSS1039: Token not allowed after unary operator: '-button-disabled-color'
(11829,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(11842,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11859,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11863,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(11864,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(11865,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(11869,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11870,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11874,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11875,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11879,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(11880,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11884,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(11885,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11889,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11890,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11894,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11895,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11899,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11900,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11904,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11905,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11909,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11910,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11914,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(11915,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11919,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11920,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11924,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11925,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11929,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11930,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11934,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11935,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11939,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(11940,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(11941,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(11945,26): run-time error CSS1039: Token not allowed after unary operator: '-button-disabled-color'
(11946,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(11951,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(11952,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(11965,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11983,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11984,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11985,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12007,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12040,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(12044,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(12048,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(12084,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(12140,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(12144,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(12172,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(12177,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(12196,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(12210,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(12214,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12254,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black'
(12273,20): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12275,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(12276,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(12283,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(12288,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(12293,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12298,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(12303,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12308,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12313,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(12318,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12323,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12336,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(12340,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(12344,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(12348,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(12352,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(12356,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12360,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(12364,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(12370,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(12376,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12382,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(12388,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12394,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12400,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12406,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12412,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12417,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(12421,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(12425,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(12429,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(12433,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(12437,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12441,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(12445,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(12489,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(12493,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(12497,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(12501,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(12506,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12511,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(12516,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(12521,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(12526,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(12531,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(12536,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(12541,15): run-time error CSS1039: Token not allowed after unary operator: '-light-gray'
(12545,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12549,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12553,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12557,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12561,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12565,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12569,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12573,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12580,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12600,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(12604,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12608,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(12612,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12616,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12620,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12624,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12628,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12641,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-5'
(12645,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12648,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2-darker'
(12679,22): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12689,34): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(12696,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(12697,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(12720,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(12732,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(12737,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(12759,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(12779,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(12842,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-alt'
(12846,26): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(12864,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12868,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12900,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(12924,15): run-time error CSS1039: Token not allowed after unary operator: '-default-label-color'
(12944,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12945,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13005,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(13011,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13016,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(13023,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(13029,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13030,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13034,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13041,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13042,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(13047,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13048,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13052,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13059,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13060,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13064,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13071,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13072,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(13077,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13078,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13082,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13089,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13090,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13094,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13101,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13102,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(13107,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13108,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13112,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13119,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13120,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13124,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13131,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13132,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13137,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13138,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13145,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13146,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13150,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13157,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13158,15): run-time error CSS1039: Token not allowed after unary operator: '-default-blue'
(13162,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13169,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13170,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13174,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13181,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13182,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13187,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13188,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13192,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13198,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13199,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13203,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13210,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13211,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(13216,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13217,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13221,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13228,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13229,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13233,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13240,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13241,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13246,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13247,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13251,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13256,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-pink'
(13257,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-pink'
(13261,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13268,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13269,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13274,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13275,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13279,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13342,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(13415,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(13427,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(13474,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13492,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(13526,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13532,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(13617,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(13629,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(13630,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(13637,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(13674,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(13696,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13700,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13704,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13708,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13712,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13716,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13720,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13724,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13728,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13732,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13737,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(13741,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(13775,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(14088,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14092,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(14093,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(14135,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14136,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14141,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14147,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14148,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(14152,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14159,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14160,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14165,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14166,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14170,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14175,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14176,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(14180,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14187,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14188,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14193,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14194,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14198,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14203,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14204,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(14208,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14215,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14216,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14221,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14222,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14226,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14231,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14232,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(14236,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14243,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14244,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14249,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14250,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14254,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14259,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14260,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14264,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14271,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14272,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14277,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14278,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14282,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14283,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14287,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14294,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14295,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14300,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14301,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14305,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14310,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(14311,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(14315,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(14322,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(14323,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(14328,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(14329,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14333,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14338,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(14339,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(14343,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(14350,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(14351,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(14356,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(14357,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14361,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14366,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(14367,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(14371,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(14378,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(14379,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(14384,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(14385,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14389,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14393,26): run-time error CSS1039: Token not allowed after unary operator: '-button-disabled-color'
(14394,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(14416,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14417,20): run-time error CSS1039: Token not allowed after unary operator: '-iride-switch-checked-before'
(14433,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(14434,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(14442,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(14447,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(14475,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(14485,32): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(14600,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14607,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14608,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14612,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(14613,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14617,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(14618,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14622,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(14623,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14627,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14661,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(14667,27): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14708,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14709,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14741,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14742,22): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14826,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14829,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14968,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(14999,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15004,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15011,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(15012,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(15028,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15036,26): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15037,27): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15038,28): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15041,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15065,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-gray'
(15087,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(15091,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(15095,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(15104,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(15105,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(15106,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(15114,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(15115,15): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(15130,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(15133,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15144,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(15149,15): run-time error CSS1039: Token not allowed after unary operator: '-req-field-lbl-color'
(15153,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(15170,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(15176,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(15180,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15211,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(15215,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(15225,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15243,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15248,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15257,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15266,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(15286,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15297,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15316,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15317,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15320,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(15321,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15322,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(15330,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15366,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15395,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15399,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15408,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15412,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15416,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15421,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15430,26): run-time error CSS1039: Token not allowed after unary operator: '-default-bg-light-color'
(15442,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(15451,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15455,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(15465,33): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(15469,30): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(15473,31): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(15477,32): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(15482,15): run-time error CSS1039: Token not allowed after unary operator: '-jstree-icon-color'
(15490,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15561,15): run-time error CSS1039: Token not allowed after unary operator: '-text-iride-tooltip'
(15562,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(15572,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(15588,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15629,30): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15675,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(15691,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15692,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15694,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15695,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15697,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15698,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15700,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15738,30): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15746,31): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(15768,32): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15786,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15796,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15819,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15820,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15824,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15828,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15832,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15833,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15837,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15841,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15845,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15846,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15850,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15854,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15858,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(15859,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(15863,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(15867,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(15871,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(15872,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(15876,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(15880,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(15884,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15885,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15889,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15893,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15897,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(15898,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(15902,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(15906,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(15910,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(15911,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(15915,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(15919,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(15923,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(15924,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(15928,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(15932,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(15964,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(15971,20): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(15973,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(15974,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(15994,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2-darker'
(16040,31): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16041,32): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16042,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16063,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(16087,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(16095,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(16099,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(16103,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(16108,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(16112,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(16116,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(16121,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(16125,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(16129,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(16134,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(16138,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(16142,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(16147,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(16151,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(16155,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(16160,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(16164,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(16168,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(16173,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(16177,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(16181,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(16186,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(16190,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(16194,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(16199,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(16203,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(16207,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(16242,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(16319,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(16334,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(16371,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16379,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16391,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(16423,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(16435,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(16436,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(16445,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(16450,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(16458,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(16503,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(16524,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(16532,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(16533,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(16626,54): run-time error CSS1030: Expected identifier, found '~'
(16626,56): run-time error CSS1030: Expected identifier, found '.'
(16626,77): run-time error CSS1031: Expected selector, found ')'
(16626,77): run-time error CSS1025: Expected comma or open brace, found ')'
(16633,54): run-time error CSS1030: Expected identifier, found '~'
(16633,56): run-time error CSS1030: Expected identifier, found '.'
(16633,77): run-time error CSS1031: Expected selector, found ')'
(16633,77): run-time error CSS1025: Expected comma or open brace, found ')'
(16642,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16643,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16644,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16645,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16646,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16647,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16648,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16649,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16650,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16651,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16652,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16653,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16660,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(16699,30): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(16718,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(16736,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-hoover-button'
(16766,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(16789,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16798,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(16799,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(16810,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16825,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16833,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(16855,33): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(16856,36): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(16857,28): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(16867,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16893,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(16918,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(16927,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(16940,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16941,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16942,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16944,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16949,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16957,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17043,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17044,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17057,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light'
(17412,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(17417,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med-2'
(17419,32): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med-2'
(17424,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17429,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17434,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17439,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17443,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17447,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17452,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-3'
(17453,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light'
(17454,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17458,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17459,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(17463,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17467,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17468,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-0'
(17472,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17476,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-0'
(17480,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-0'
(17484,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17489,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-1'
(17490,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(17491,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17495,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17499,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17503,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17507,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17511,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17516,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-2'
(17517,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(17518,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17522,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17526,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17530,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17534,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17538,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17543,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-3'
(17544,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(17545,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17549,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17553,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17557,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17561,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17565,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17570,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-4'
(17571,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(17572,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17576,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17580,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17584,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17588,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17592,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17597,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-5'
(17598,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(17599,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17603,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17607,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17611,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17615,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17619,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17624,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-6'
(17625,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(17626,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17630,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17634,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17638,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17642,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17646,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17651,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-7'
(17652,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(17653,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17657,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17661,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17665,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17669,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17673,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17704,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17705,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17706,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17707,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17708,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17709,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17710,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17711,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17712,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17723,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(17724,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17725,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17726,30): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17763,33): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(17812,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(17817,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(17819,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17836,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(17841,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(17843,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17876,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17911,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(17932,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(17935,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(17938,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(17941,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(17944,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(17951,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(17989,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(18048,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(18115,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(18121,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(18157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18278,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-alt'
(18408,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(18449,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-alt'
(18474,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-5'
(19317,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(19322,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-hoover'
(19326,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(19334,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-hoover'
(19339,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-green'
(19343,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-green'
(19348,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-dark'
(19352,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-dark'
(19357,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-orange'
(19361,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-orange'
(19366,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(19370,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(19375,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(19379,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(19384,22): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(19388,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(19393,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(19397,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(19402,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(19406,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(19411,22): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(19415,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(19420,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(19424,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(19429,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(19433,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(19459,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19460,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19461,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19462,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19463,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19466,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19467,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19468,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19469,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19470,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19471,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19565,19): run-time error CSS1039: Token not allowed after unary operator: '-login-form-font-size'
(19625,15): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(19631,15): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(19635,15): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(19640,15): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(19758,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(19828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19895,54): run-time error CSS1039: Token not allowed after unary operator: '-login-wide-extra'
(20436,44): run-time error CSS1039: Token not allowed after unary operator: '-login-wide-extra'
(20463,27): run-time error CSS1039: Token not allowed after unary operator: '-login-wide-extra'
(20578,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-motion-duration'
(20579,25): run-time error CSS1039: Token not allowed after unary operator: '-bg-motion-delay'
(21214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21230,28): run-time error CSS1039: Token not allowed after unary operator: '-login-quote-swap-duration'
(21230,101): run-time error CSS1039: Token not allowed after unary operator: '-login-quote-swap-duration'
(21230,170): run-time error CSS1039: Token not allowed after unary operator: '-login-quote-swap-duration'
(21252,28): run-time error CSS1039: Token not allowed after unary operator: '-login-bg-crossfade-duration'
(21361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21382,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21431,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(21460,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(21520,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(21605,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(21610,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(21615,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(21620,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(21625,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(21630,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(21635,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(21640,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(21646,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(21661,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(21672,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(21690,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(21694,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(21698,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(21702,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(21706,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(21710,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(21716,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(21776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21777,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21779,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21783,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21785,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21786,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21787,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21796,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(21889,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(21906,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(21933,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(21936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21937,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21939,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21940,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21952,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(21972,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(22034,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22039,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22063,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22127,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(22133,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22163,17): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22179,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22183,21): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22573,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(22843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22864,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(22869,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-info-background'
(22874,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-info-background'
(22879,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(22884,26): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(22889,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(22894,26): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(22899,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(22904,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(22909,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(22914,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(22919,26): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(22924,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(22929,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-4'
(22933,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(22938,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-5'
(22963,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(22968,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(22989,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(23009,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(23017,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(23022,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-info-background'
(23027,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(23032,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(23036,15): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(23040,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-4'
(23044,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(23048,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-5'
(23056,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(23079,15): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(23089,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(23094,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(23102,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(23113,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(23154,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(23169,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(23210,26): run-time error CSS1039: Token not allowed after unary operator: '-spinner-background'
(23298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23299,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23305,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23306,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23307,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23316,16): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(23330,20): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(23333,20): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(23336,20): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(23339,16): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(23365,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(23368,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(23371,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23388,23): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(23391,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black-1'
(23394,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black-2'
(23397,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black-2'
(23400,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(23403,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(23411,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(23423,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(23435,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(23448,30): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(23451,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23452,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23460,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(23527,31): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(23592,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23593,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23652,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(23682,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23683,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23690,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23700,22): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(23704,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(23707,22): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23711,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23714,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(23717,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23726,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(23730,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(23743,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(23746,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23784,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23804,26): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23807,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23807,73): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23811,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23814,33): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23815,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23815,73): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23818,31): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23828,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23850,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(23853,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(23856,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23859,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23875,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(23897,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(23902,30): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(23909,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23914,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23918,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23922,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23955,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(23958,26): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23967,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(23978,22): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23983,30): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(23996,27): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(24000,27): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(24015,13): run-time error CSS1039: Token not allowed after unary operator: '-attendance-registry-subheader-top'
(24018,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(24024,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(24027,35): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(24031,77): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(24054,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24066,26): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(24118,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(24128,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24141,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(24145,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(24149,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(24172,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(24175,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(24178,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(24181,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(24184,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(24190,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(24208,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(24211,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(24214,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(24261,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(24264,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(24267,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(24270,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(24273,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(24276,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(24279,30): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(24293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24299,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24334,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-switch-checked-before'
(24335,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(24385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24387,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24388,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24389,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24393,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24394,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24395,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24415,32): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(24420,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(24425,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(24430,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(24435,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(24440,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(24445,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(24450,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(24455,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(24460,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(24463,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24466,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24467,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24468,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24469,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24470,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24471,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24472,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24473,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24474,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24509,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(24510,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(24515,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(24516,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(24517,22): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(24559,35): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(24599,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(24600,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(24604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24605,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24606,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24607,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24615,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24671,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(24677,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(24683,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(24689,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(24695,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(24701,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(24707,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-teal'
(24713,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-gray'
(24719,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(24725,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(24738,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(24749,28): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(24749,61): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(24749,94): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(24749,128): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(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 '-'
(24755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24758,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24759,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24760,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24762,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24763,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24779,20): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(24780,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(24782,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(24797,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(24810,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(24812,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(24824,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(24825,27): run-time error CSS1039: Token not allowed after unary operator: '-shift-overtime'
(24826,15): run-time error CSS1039: Token not allowed after unary operator: '-shift-overtime'
(24835,27): run-time error CSS1039: Token not allowed after unary operator: '-availability-button-border'
(24844,27): run-time error CSS1039: Token not allowed after unary operator: '-availability-button-border'
(24864,28): run-time error CSS1039: Token not allowed after unary operator: '-availability-button-border'
(24911,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(24915,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(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 '-'
(24947,20): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(24952,15): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(24953,22): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(24958,27): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(24964,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24965,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24966,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24968,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24974,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24983,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24984,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24985,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(25007,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(25017,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(25055,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(25059,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(25096,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(25111,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(25160,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(25179,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(25188,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(25201,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(25215,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(25269,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(25294,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(25322,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(25333,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(25344,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(25349,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(25454,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(25460,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(25464,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(25468,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(25472,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(25476,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(25479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25489,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25527,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(25536,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(25541,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(25544,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25545,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25548,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25550,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25551,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25552,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25553,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25554,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25555,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25582,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(25591,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(25606,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(25608,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(25609,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(25624,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color-dark'
(25663,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(25682,15): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(25684,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(25701,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(25716,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(25722,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(25810,26): run-time error CSS1039: Token not allowed after unary operator: '-cultured-light'
(25892,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25895,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25896,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25919,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(25923,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(25935,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(25948,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(25969,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(25980,20): run-time error CSS1039: Token not allowed after unary operator: '-bottle-green-transparent'
(26115,20): run-time error CSS1039: Token not allowed after unary operator: '-cinnabar-transparent-2'
(26121,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(26125,30): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26129,15): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(26157,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(26226,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(26238,31): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26244,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26310,20): run-time error CSS1039: Token not allowed after unary operator: '-darkturquoise-transparent'
(26311,22): run-time error CSS1039: Token not allowed after unary operator: '-darkturquoise'
(26320,15): run-time error CSS1039: Token not allowed after unary operator: '-darkturquoise'
(26339,27): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26347,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26352,27): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(26369,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(26378,15): run-time error CSS1039: Token not allowed after unary operator: '-chat-read-color'
(26401,15): run-time error CSS1039: Token not allowed after unary operator: '-cadmium-orange-2'
(26468,28): run-time error CSS1039: Token not allowed after unary operator: '-my-msg-bubble-color'
(26479,22): run-time error CSS1039: Token not allowed after unary operator: '-notification-1'
(26480,20): run-time error CSS1039: Token not allowed after unary operator: '-cinnabar-transparent'
(26489,28): run-time error CSS1039: Token not allowed after unary operator: '-notification-1'
(26493,27): run-time error CSS1039: Token not allowed after unary operator: '-notification-1'
(26507,20): run-time error CSS1039: Token not allowed after unary operator: '-my-msg-bubble-color'
(26508,22): run-time error CSS1039: Token not allowed after unary operator: '-my-msg-bubble-color'
(26514,26): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(26515,22): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(26516,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color-2'
(26543,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(26556,31): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26557,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26558,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(26578,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26605,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-notification-background'
(26609,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26619,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-4'
(26677,22): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(26678,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(26683,20): run-time error CSS1039: Token not allowed after unary operator: '-orange-web-transparent'
(26684,22): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(26690,20): run-time error CSS1039: Token not allowed after unary operator: '-ao-english-transparent'
(26691,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(26710,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26713,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(26717,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(26740,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(26745,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(26766,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(26777,20): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(26790,20): run-time error CSS1039: Token not allowed after unary operator: '-light-cyan'
(26831,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(26842,54): run-time error CSS1030: Expected identifier, found ','
(26842,70): run-time error CSS1031: Expected selector, found ')'
(26842,70): run-time error CSS1025: Expected comma or open brace, found ')'
(26849,54): run-time error CSS1030: Expected identifier, found ','
(26849,70): run-time error CSS1031: Expected selector, found ')'
(26849,70): run-time error CSS1025: Expected comma or open brace, found ')'
(26876,27): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26880,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-1'
(26889,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26955,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(26963,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(26983,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(26987,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(27019,20): run-time error CSS1039: Token not allowed after unary operator: '-archive-file-color'
(27027,20): run-time error CSS1039: Token not allowed after unary operator: '-document-file-color'
(27040,20): run-time error CSS1039: Token not allowed after unary operator: '-excel-color'
(27048,20): run-time error CSS1039: Token not allowed after unary operator: '-presentation-file-color'
(27056,20): run-time error CSS1039: Token not allowed after unary operator: '-pdf-file-color'
(27069,20): run-time error CSS1039: Token not allowed after unary operator: '-text-file-color'
(27092,20): run-time error CSS1039: Token not allowed after unary operator: '-audio-file-color'
(27120,20): run-time error CSS1039: Token not allowed after unary operator: '-video-file-color'
(27147,20): run-time error CSS1039: Token not allowed after unary operator: '-image-file-color'
(27153,22): run-time error CSS1039: Token not allowed after unary operator: '-archive-file-color'
(27157,22): run-time error CSS1039: Token not allowed after unary operator: '-document-file-color'
(27162,22): run-time error CSS1039: Token not allowed after unary operator: '-text-file-color'
(27167,22): run-time error CSS1039: Token not allowed after unary operator: '-excel-color'
(27171,22): run-time error CSS1039: Token not allowed after unary operator: '-presentation-file-color'
(27175,22): run-time error CSS1039: Token not allowed after unary operator: '-pdf-file-color'
(27182,22): run-time error CSS1039: Token not allowed after unary operator: '-audio-file-color'
(27190,22): run-time error CSS1039: Token not allowed after unary operator: '-video-file-color'
(27198,22): run-time error CSS1039: Token not allowed after unary operator: '-image-file-color'
(27208,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-66'
(27226,26): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(27240,26): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(27252,20): run-time error CSS1039: Token not allowed after unary operator: '-attach-background'
(27271,20): run-time error CSS1039: Token not allowed after unary operator: '-attach-background'
(27306,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(27311,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(27316,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-2'
(27323,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(27341,31): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(27342,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(27349,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(27375,20): run-time error CSS1039: Token not allowed after unary operator: '-attach-background'
(27387,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-41'
(27392,20): run-time error CSS1039: Token not allowed after unary operator: '-border-color-40'
(27421,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(27463,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(27532,15): run-time error CSS1039: Token not allowed after unary operator: '-chat-color-1'
(27534,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-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);
}

.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(--transparent-smoke-black);
  text-transform: uppercase;
}

.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(--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(--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 #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 #f3b35a !important;
  box-shadow: inset 4px 0 0 #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: #f3b35a;
  pointer-events: none;
}

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

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

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

.accounting-doc table.accounting-rows > tbody > tr.cancelled > td > *:not(.menu):not(.cancelled-label) {
  opacity: 0.4;
}

.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(--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-light-color-2);
  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-color) !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(--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 #ddd;
}

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

#SelectContactTypes-modal .selected .remove-btn {
  display: block;
}

#SelectContactTypes-modal .remove-btn {
  display: none;
  cursor: pointer;
}

#SelectContactTypes-modal #contact-types-infScroll tr {
  cursor: pointer;
}

#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(--text-light-color);
  border-bottom: 1px solid var(--text-light-color-2);
}

.accounting-doc.offer[ledger-type=active] .article {
  border: 1px solid 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(--text-light-color-2);
}

.accounting-doc.offer[ledger-type=active] .article-stage:hover {
  background-color: 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(--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(--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 .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}}
: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);
}

: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(--text-light-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(--text-light-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(--text-light-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-color-1);
  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.ajax-operation-loader img {
  height: 17px;
  width: 17px;
}

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(--light-border-color) !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-main-color);
  background-color: var(--text-link-color-1);
  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(--light-border-color);
}

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

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

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

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

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

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

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

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

.warning-tooltip + .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-color-1);
}

.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-light-color-2);
  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(--text-light-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;
}

/*<< 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(--light-border-color);
  border-radius: 5px;
}

.training-users tr {
  cursor: pointer;
}

.training-users #InfiniteScrollContainer tr:hover, #SelectedContainer tr:hover {
  background-color: var(--text-light-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(--text-main-color) !important;
}

/*.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-color);
  border: none !important;
  border-bottom: 1px solid transparent !important;
}

.control-cell a {
  color: var(--text-main-color) !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(--text-light-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(--text-light-color);
}

#CorrectionProducedQuantity-modal .rq-body .rej-causal:hover,
#ProducedQuantity-modal .rq-body .rej-causal:hover {
  background-color: var(--text-light-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(--text-light-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;
  }
}
#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;
}
: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);
}

/* ========================================================================
 * 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);
}

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

/*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-color);
}
.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(--filter-background);
}
.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(--light-border-color);
}
.day-highlight {
  background-color: var(--light-border-color);
}

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

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

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

.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(--tea-green);
}
.day-highlight.dh-event-success {
  background-color: var(--tea-green);
}

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

.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-partial {
  margin-top: 10px;
}

.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-color);
  color: var(--text-main-color) !important;
}
.calendar-header .navigation-controller .button:hover {
  background-color: var(--theme-secondary-color);
  color: var(--text-main-color) !important;
}
.calendar-header .navigation-controller .button.active {
  background-color: var(--theme-secondary-color);
  color: var(--text-main-color) !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-color);
  color: var(--text-main-color) !important;
}
.calendar-header .view-controller .button:hover {
  background-color: var(--theme-secondary-color);
  color: var(--text-main-color) !important;
}
.calendar-header .view-controller .button.active {
  background-color: var(--theme-secondary-color);
  color: var(--text-main-color) !important;
}
.calendar-header .calendar-focus {
  padding: 0;
}

.calendar-container .scopes-controller .scope:hover {
  background-color: var(--theme-secondary-color);
  color: var(--text-main-color) !important;
}
.calendar-container .scopes-controller .scope:hover .icon {
  color: var(--text-main-color) !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-color);
  color: var(--text-main-color) !important;
}
.calendar-container .scopes-controller .scope:active:hover .icon {
  color: var(--text-main-color) !important;
}
.calendar-container .scopes-controller .scope:active {
  background-color: var(--theme-secondary-color);
  color: var(--text-main-color) !important;
}
.calendar-container .scopes-controller .scope:active .icon {
  color: var(--text-main-color) !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-color);
  color: var(--text-main-color) !important;
}
.calendar-container .scopes-controller .scope.active .icon {
  color: var(--text-main-color) !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-color);
  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(--text-light-color);
  color: var(--theme-secondary-color);
  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;
}
: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);
}

/*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-color);
  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;
  -ms-transform: rotate(-5deg); /* IE 9 */
  -webkit-transform: rotate(-5deg); /* Safari */
  transform: rotate(5deg);
}

.post-it .body-post-it {
  margin-top: 5px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
}

.post-it .body-post-it .body-content-post-it {
  width: 165px;
  height: 115px;
  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-height: 20px;
  max-width: 140px;
  height: 100%;
}

.post-it .header-post-it .title .title-content-post-it {
  background-color: transparent;
  border: none;
}

.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;
  -webkit-box-shadow: 0 0 px var(--background-color-med-2) inset;
  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(--text-light-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-color-1);
}

.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-color-1);
  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-main-color) !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-main-color) !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);
}

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

/*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;
}
.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-main-color);
  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-main-color);
}

.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-main-color);
}

.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-main-color);
}

/*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-main-color);
}

/*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-main-color);
}

/*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-main-color);
}

/*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-color-1);
  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-color-1);
  color: var(--text-secondary-color);
}

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

/*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-main-color);
}

/*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-main-color);
}

/*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-main-color);
}

.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 <<*/
/*/*IRIDE-TAG*/
.iride-tag {
  color: var(--text-main-color);
  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-main-color);
}

.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-color-1);
  border: solid 1px var(--reminder-border-color-5);
}

.iride-tag.color-5 {
  background-color: var(--theme-secondary-color);
  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-main-color) !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-main-color);
  background-color: var(--text-link-color-1);
  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(--text-light-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(--text-light-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(--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(--transparent-smoke-black);
  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-color);
  border-bottom: 1px solid;
  height: 30px;
}

/*<-- 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-color);
}

span.color-tsc {
  color: var(--theme-secondary-color);
}

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

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

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(--text-light-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: 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-color-1);
  color: var(--text-main-color);
  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(--text-light-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-main-color);
}

/*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-main-color);
}

/*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-main-color);
}

/*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-main-color);
}

/*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-main-color);
}

/*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-main-color);
}

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

.production-order-subitem-detail .label {
  font-size: 18px;
  color: 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(--text-light-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(--text-light-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-color);
  color: var(--background-color);
  font-weight: bold;
  padding: 5px 10px;
  margin-bottom: 3px;
}

.iride-panel .title .icon {
  color: var(--background-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(--background-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;
}

#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-main-color);
  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-main-color);
}

.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-main-color);
}

/*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-main-color);
}

/*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-main-color);
}

/*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-main-color);
}

/*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-color-1);
  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-color-1);
  color: var(--text-secondary-color);
}

.btn.circle-btn.color-5.flat.bordered.white:hover {
  color: var(--text-main-color);
}

/*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-main-color);
}

/*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-main-color);
}

/*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-main-color);
}

.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(--light-border-color);
  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;
}

.input-group.flat 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-color);
  color: var(--background-color);
}

.iride-badge.badge-success {
  background: var(--ird-color-palette-green);
  color: var(--background-color);
}

.iride-badge.badge-warning {
  background: var(--ird-color-palette-yellow);
  color: var(--background-color);
}

.iride-badge.badge-error {
  background: var(--ird-color-palette-red);
  color: var(--background-color);
}

.iride-badge .iride-badge {
  color: var(--background-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-main-color);
  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;*/
}

#index-table .cancelled-label {
  text-align: center;
  text-transform: uppercase;
  background: #FF9800;
  font-weight: bold;
  color: white;
  margin-top: 5px;
  padding: 0 5px;
}

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

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

.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(--background-color);
  background-color: var(--text-link-color-1);
  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-color);
}

.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-color);
  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(--background-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(--background-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-color);
}

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

.tile-btn:hover > * {
  color: var(--text-main-color) !important;
}

img.ajax-loader {
  content: url("Images/ajax-loader-trasparent.gif");
  max-width: 1.5em;
  height: auto;
}

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

/* 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-color);
  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;
}

.iride-tooltip .it-content {
  z-index: 100000000000000000000000;
}

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

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

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

/*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*/
.tree li::before, .tree li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 1px solid var(--default-line-color);
  width: 50%;
  height: 15px;
}

.tree li::after {
  right: auto;
  left: 50%;
  border-left: 1px solid 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(--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(--default-line-color);
  width: 0;
  height: 15px;
}

.tree-changed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid 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;
}

.tree li .node[color=red] .head-tree-node {
  background-color: var(--ird-color-palette-red);
  border-color: var(--ird-color-palette-red);
}

.tree li .node[color=red] .body-tree-node {
  border-color: var(--ird-color-palette-red);
}

.tree li .node[color=red] .icon {
  color: var(--ird-color-palette-red);
}

.tree li .node[color=blue] .head-tree-node {
  background-color: var(--ird-color-palette-blue);
  border-color: var(--ird-color-palette-blue);
}

.tree li .node[color=blue] .body-tree-node {
  border-color: var(--ird-color-palette-blue);
}

.tree li .node[color=blue] .icon {
  color: var(--ird-color-palette-blue);
}

.tree li .node[color=yellow] .head-tree-node {
  background-color: var(--ird-color-palette-yellow);
  border-color: var(--ird-color-palette-yellow);
}

.tree li .node[color=yellow] .body-tree-node {
  border-color: var(--ird-color-palette-yellow);
}

.tree li .node[color=yellow] .icon {
  color: var(--ird-color-palette-yellow);
}

.tree li .node[color=orange] .head-tree-node {
  background-color: var(--ird-color-palette-orange);
  border-color: var(--ird-color-palette-orange);
}

.tree li .node[color=orange] .body-tree-node {
  border-color: var(--ird-color-palette-orange);
}

.tree li .node[color=orange] .icon {
  color: var(--ird-color-palette-orange);
}

.tree li .node[color=purple] .head-tree-node {
  background-color: var(--ird-color-palette-purple);
  border-color: var(--ird-color-palette-purple);
}

.tree li .node[color=purple] .body-tree-node {
  border-color: var(--ird-color-palette-purple);
}

.tree li .node[color=purple] .icon {
  color: var(--ird-color-palette-purple);
}

.tree li .node[color=green] .head-tree-node {
  background-color: var(--ird-color-palette-green);
  border-color: var(--ird-color-palette-green);
}

.tree li .node[color=green] .body-tree-node {
  border-color: var(--ird-color-palette-green);
}

.tree li .node[color=green] .icon {
  color: var(--ird-color-palette-green);
}

.tree li .node[color=teal] .head-tree-node {
  background-color: var(--ird-color-palette-teal);
  border-color: var(--ird-color-palette-teal);
}

.tree li .node[color=teal] .body-tree-node {
  border-color: var(--ird-color-palette-teal);
}

.tree li .node[color=teal] .icon {
  color: var(--ird-color-palette-teal);
}

.tree li .node[color=grey] .head-tree-node {
  background-color: var(--ird-color-palette-grey);
  border-color: var(--ird-color-palette-grey);
}

.tree li .node[color=grey] .body-tree-node {
  border-color: var(--ird-color-palette-grey);
}

.tree li .node[color=grey] .icon {
  color: var(--ird-color-palette-grey);
}

.tree li .node[color=black] .head-tree-node {
  background-color: var(--ird-color-palette-black);
  border-color: var(--ird-color-palette-black);
}

.tree li .node[color=black] .body-tree-node {
  border-color: var(--ird-color-palette-black);
}

.tree li .node[color=black] .icon {
  color: var(--ird-color-palette-black);
}

/*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(--text-light-color);
}

.tree .head-tree-node {
  height: 21px;
  font-size: 14px;
  display: block;
  background: var(--text-link-color-1);
  padding: 0 3px;
  color: var(--text-main-color);
  border: 1px solid var(--text-link-color-1);
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.tree .desc-tree-node {
  display: block;
  color: #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(--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(--text-light-color-2);
  border-right: solid 1px var(--text-light-color-2);
  border-bottom: solid 1px var(--text-light-color-2);
  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(--light-border-color);
  position: relative;
  display: inline-block;
  width: 100%;
  transition: ease-in 0.5s;
}

#bom-level-components .component > .wrap[color=blue] a#navigate-bom {
  color: var(--ird-color-palette-blue);
}

#bom-level-form .component > .wrap[color=blue] {
  border-color: var(--ird-color-palette-blue);
}

#bom-level-form .component > .wrap[color=blue] .header {
  border-bottom: 1px solid var(--ird-color-palette-blue);
  background-color: rgba(52, 152, 219, 0.1);
}

#bom-level-components .component > .wrap[color=yellow] a#navigate-bom {
  color: var(--ird-color-palette-yellow);
}

#bom-level-form .component > .wrap[color=yellow] {
  border-color: var(--ird-color-palette-yellow);
}

#bom-level-form .component > .wrap[color=yellow] .header {
  border-bottom: 1px solid var(--ird-color-palette-yellow);
  background-color: rgba(241, 196, 15, 0.1);
}

#bom-level-components .component > .wrap[color=orange] a#navigate-bom {
  color: var(--ird-color-palette-orange);
}

#bom-level-form .component > .wrap[color=orange] {
  border-color: var(--ird-color-palette-orange);
}

#bom-level-form .component > .wrap[color=orange] .header {
  border-bottom: 1px solid var(--ird-color-palette-orange);
  background-color: rgba(230, 126, 34, 0.1);
}

#bom-level-components .component > .wrap[color=red] a#navigate-bom {
  color: var(--ird-color-palette-red);
}

#bom-level-form .component > .wrap[color=red] {
  border-color: var(--ird-color-palette-red);
}

#bom-level-form .component > .wrap[color=red] .header {
  border-bottom: 1px solid var(--ird-color-palette-red);
  background-color: rgba(231, 76, 60, 0.1);
}

#bom-level-components .component > .wrap[color=purple] a#navigate-bom {
  color: var(--ird-color-palette-purple);
}

#bom-level-form .component > .wrap[color=purple] {
  border-color: var(--ird-color-palette-purple);
}

#bom-level-form .component > .wrap[color=purple] .header {
  border-bottom: 1px solid var(--ird-color-palette-purple);
  background-color: rgba(155, 89, 182, 0.1);
}

#bom-level-components .component > .wrap[color=green] a#navigate-bom {
  color: var(--ird-color-palette-green);
}

#bom-level-form .component > .wrap[color=green] {
  border-color: var(--ird-color-palette-green);
}

#bom-level-form .component > .wrap[color=green] .header {
  border-bottom: 1px solid var(--ird-color-palette-green);
  background-color: rgba(46, 204, 113, 0.1);
}

#bom-level-components .component > .wrap[color=teal] a#navigate-bom {
  color: var(--ird-color-palette-teal);
}

#bom-level-form .component > .wrap[color=teal] {
  border-color: var(--ird-color-palette-teal);
}

#bom-level-form .component > .wrap[color=teal] .header {
  border-bottom: 1px solid var(--ird-color-palette-teal);
  background-color: rgba(26, 188, 156, 0.1);
}

#bom-level-components .component > .wrap[color=grey] a#navigate-bom {
  color: var(--ird-color-palette-grey);
}

#bom-level-form .component > .wrap[color=grey] {
  border-color: var(--ird-color-palette-grey);
}

#bom-level-form .component > .wrap[color=grey] .header {
  border-bottom: 1px solid var(--ird-color-palette-grey);
  background-color: rgba(149, 165, 166, 0.1);
}

#bom-level-components .component > .wrap[color=black] a#navigate-bom {
  color: var(--ird-color-palette-black);
}

#bom-level-form .component > .wrap[color=black] {
  border-color: var(--ird-color-palette-black);
}

#bom-level-form .component > .wrap[color=black] .header {
  border-bottom: 1px solid var(--ird-color-palette-black);
  background-color: rgba(52, 73, 94, 0.1);
}

#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-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(--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;
}

#bom-level-form .article-stage .number-section {
  width: 50px;
  font-size: 35px;
  background-color: var(--text-link-color-1);
  color: white;
  text-align: center;
  transition: 0.5s;
}

#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(--text-light-color-2);
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
}

#bom-level-form .article-stage .workgroup-btn {
  color: var(--text-light-color-2);
  position: absolute;
  right: 40px;
  top: 0px;
  cursor: pointer;
}

#bom-level-form .edit-link {
  color: black;
}

#bom-level-form .edit-link:hover {
  color: 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: 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: white;
  border: 1px solid var(--light-border-color);
  color: 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(--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(--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(--reminder-background-color-1);
  color: 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 #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;
}
@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);
}

#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(--text-light-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(--text-light-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-color);
}

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

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

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

.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-main-color) !important;
  text-decoration: underline;
}

.attribute.reminder.color-3 .datetimepicker.invalid-date input {
  color: var(--text-main-color) !important;
  text-decoration: underline;
}

.attribute.reminder.color-4 .datetimepicker.invalid-date input {
  color: var(--text-main-color) !important;
  text-decoration: underline;
}

.attribute.reminder.color-1 .datetimepicker.invalid-date .input-group-addon a span {
  color: var(--text-main-color) !important;
}

.attribute.reminder.color-3 .datetimepicker.invalid-date .input-group-addon a span {
  color: var(--text-main-color) !important;
}

.attribute.reminder.color-4 .datetimepicker.invalid-date .input-group-addon a span {
  color: var(--text-main-color) !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);
}

@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);
}

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-color);
}

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

.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*/
@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;
  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;
  background-color: rgba(0, 0, 0, 0.7) !important;
  transition: background-color 0.3s;
}

#loginForm .target.background--dark input {
  background: transparent;
  border: 1px solid white;
  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 {
  background: transparent;
  border: 1px solid;
  /*color: white !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;
}

/*#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));
}

/* 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: 28px;
  text-align: left;
  font-size: 15px;
  color: #17202b;
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.65);
  box-shadow: 0 30px 80px rgba(7, 18, 34, 0.28), 0 8px 24px rgba(7, 18, 34, 0.14);
  backdrop-filter: blur(20px) saturate(125%);
  -webkit-backdrop-filter: blur(20px) saturate(125%);
  /* 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: rgba(248, 250, 252, 0.97);
  }
}
@keyframes loginPanelEnter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 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;
}

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: #111827;
  text-transform: none !important;
}

body.login-page .login-heading .appName b {
  font-weight: 700;
}

body.login-page .login-heading .appName span {
  font-weight: 300;
}

body.login-page .login-subtitle {
  margin: 8px 0 30px;
  font-size: 15px;
  color: #7a8392;
}

/* ---------- Alert per gli errori generali di autenticazione ---------- */
body.login-page .login-alert {
  margin-bottom: 22px;
  padding: 12px 15px;
  border: 1px solid rgba(205, 48, 69, 0.25);
  border-radius: 10px;
  background: rgba(205, 48, 69, 0.08);
  color: #a82035;
  font-size: 14px;
}

/* ---------- 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: #18202b;
}

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 #d5dbe3;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.75);
  color: #17202b;
  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: #ffffff;
  border-color: #438df5;
  box-shadow: 0 0 0 4px rgba(67, 141, 245, 0.14);
}

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 #ffffff inset;
  -webkit-text-fill-color: #17202b;
}

body.login-page .login-input-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  color: #8a94a3;
  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: 8px;
  background: transparent;
  color: #8a94a3;
  cursor: pointer;
  transition: color 160ms ease, background-color 160ms ease;
}

body.login-page #loginForm .login-password-toggle:hover {
  color: #17202b;
  background: rgba(23, 32, 43, 0.06);
}

body.login-page #loginForm .login-password-toggle:focus-visible {
  outline: 3px solid rgba(38, 151, 245, 0.4);
  outline-offset: 1px;
  color: #17202b;
}

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: #a82035;
}

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: #3a4453;
  text-transform: none;
  cursor: pointer;
}

body.login-page #loginForm a.login-forgot {
  font-size: 14px;
  font-weight: 500;
  color: #2f6fd0;
  text-decoration: none;
}

body.login-page #loginForm a.login-forgot:hover {
  color: #1e56ab;
  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. */
body.login-page #loginForm .login-submit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: linear-gradient(180deg, #142f55 0%, #0b2343 100%);
  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);
  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, filter 160ms ease;
}

body.login-page #loginForm .login-submit:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #193a67 0%, #0d294e 100%);
  box-shadow: 0 16px 34px rgba(7, 26, 51, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

body.login-page #loginForm .login-submit:active {
  transform: translateY(0);
  box-shadow: 0 8px 18px rgba(7, 26, 51, 0.22), inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

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

body.login-page .login-submit-arrow {
  display: inline-flex;
  transition: transform 160ms ease;
}

body.login-page #loginForm .login-submit:hover .login-submit-arrow {
  transform: translateX(3px);
}

/* 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 rgba(111, 122, 138, 0.18);
  text-align: center;
  color: #7e8794;
  font-size: 12px;
}

body.login-page #loginForm .login-footer a {
  color: #5f6b7c;
}

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 #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: 52px;
  }
  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;
  }
}
/* ============================================================
   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) {
  /* 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: linear-gradient(180deg, #f5f7fa 0%, #eef2f6 100%);
    overflow-x: hidden;
  }
  /* Foto random, suo blur, layer animato Ken Burns, frase motivazionale: via del tutto */
  body.login-page #LoginBackround,
  body.login-page #LoginBackround::before,
  body.login-page #LoginBackround .login-bg-motion,
  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;
    border-radius: 12px !important;
    background: #ffffff;
    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: stesso blu notte desktop, ombra più leggera */
  body.login-page #loginForm .login-submit {
    min-height: 58px;
    border-radius: 12px;
    font-size: 17px;
    box-shadow: 0 10px 22px rgba(7, 26, 51, 0.2);
  }
  /* 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;
    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;
  }
  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 chiaro, 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: 1px solid #dbe1e8;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(17, 32, 50, 0.16);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  body.login-page .login-language-item {
    color: #172133;
  }
  body.login-page .login-language-item:hover,
  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: #8b96a5;
  }
  /* 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 {
    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;
}

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

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

.modal-button.color-1.waiting .loading-spinner {
  background-image: url(Images/Spinners/spinner_red_small.gif) !important;
}

.modal-button.color-2.waiting .loading-spinner {
  background-image: url(Images/Spinners/spinner_green_small.gif) !important;
}

.modal-button.color-3.waiting .loading-spinner {
  background-image: url(Images/Spinners/spinner_yellow_small.gif) !important;
}

.modal-button.color-4.waiting .loading-spinner {
  background-image: url(Images/Spinners/spinner_orange_small.gif) !important;
}

.modal-button.color-5.waiting .loading-spinner {
  background-image: url(Images/Spinners/spinner_blue_small.gif) !important;
}

.modal-button.color-6.waiting .loading-spinner {
  background-image: url(Images/Spinners/spinner_purple_small.gif) !important;
}

.modal-button.color-7.waiting .loading-spinner {
  background-image: url(Images/Spinners/spinner_black_small.gif) !important;
}

@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;
  }
}
#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(--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-color) !important;
  text-decoration: none;
  background-color: transparent;
}

.modal-button:hover,
.modal-button:focus,
.popover .button:hover,
.modal .button:hover,
.popover .button:focus,
.modal .button:focus {
  background-color: var(--text-light-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(--background-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;
}
: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);
}

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

#primary-navbar {
  border: none;
  background-color: var(--theme-main-color);
  min-height: 40px !important;
}

#logoutForm 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-color);
}

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

#primary-navbar .navbar-collapse.collapse.in form {
  padding-left: 40px;
  width: calc(100% - 40px);
  text-align: left;
}

#primary-navbar .navbar-collapse.collapse.in form ul {
  float: none !important;
}

#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-main-color);
}

#primary-navbar .navbar-brand > li.disabled > a:hover,
#primary-navbar .navbar-brand > li.disabled > a:focus {
  color: var(--text-main-color);
  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-main-color);
  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;
}

#logoutForm {
  margin-right: 30px;
}

.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) {
  #logoutForm {
    float: left !important;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: var(--text-main-color);
    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-main-color);
  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: 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;
    }
}

: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);
}

.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-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(--text-light-color);
  display: inline-table;
  width: 250px;
  margin: 5px 0px;
}

#CreateSystemNotification-Form .company.disabled {
  opacity: 0.7;
}

#CreateSystemNotification-Form .company .head {
  background-color: var(--light-border-color);
  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(--light-border-color);
  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;
}
.loading-spinner {
  width: 64px;
  height: 64px;
  text-align: center;
  position: relative;
  margin: auto;
  background-image: var(--spinner-background);
  background-repeat: no-repeat;
  background-position: center;
  border: 0 !important;
  background-size: contain;
}

.loading-spinner.xx-small {
  width: 10px;
  height: 10px;
}

.loading-spinner.x-small {
  width: 16px;
  height: 16px;
}

.loading-spinner.small {
  width: 32px;
  height: 32px;
}

.loading-spinner.big {
  width: 128px;
  height: 128px;
}

.loading-spinner.color-1 {
  background-image: url(Images/Spinners/spinner_red.gif);
}

.loading-spinner.color-1 {
  background-image: url(Images/Spinners/spinner_red.gif);
}

.loading-spinner.color-1.dark {
  background-image: url(Images/Spinners/spinner_dark_red.gif);
}

.loading-spinner.color-2 {
  background-image: url(Images/Spinners/spinner_green.gif);
}

.loading-spinner.color-2.light {
  background-image: url(Images/Spinners/spinner_light_green.gif);
}

.loading-spinner.color-3 {
  background-image: url(Images/Spinners/spinner_yellow.gif);
}

.loading-spinner.color-4 {
  background-image: url(Images/Spinners/spinner_orange.gif);
}

.loading-spinner.color-4.dark {
  background-image: url(Images/Spinners/spinner_dark_orange.gif);
}

.loading-spinner.color-5 {
  background-image: url(Images/Spinners/spinner_blue.gif);
}

.loading-spinner.color-5.light {
  background-image: url(Images/Spinners/spinner_light_blue.gif);
}

.loading-spinner.color-6 {
  background-image: url(Images/Spinners/spinner_purple.gif);
}

.loading-spinner.color-7 {
  background-image: url(Images/Spinners/spinner_midnight.gif);
}

#CalendarLoader {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 9999999999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 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);
}

#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 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 .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-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: #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(--text-light-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(--light-border-color);
}
#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: #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: #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: #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: #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-color);
}
.attendance-registry-user-editor-form table.registry-table tr.total-row td {
  background: #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: #f3f3f3 !important;
}
.attendance-registry-user-editor-form table.registry-table tr.total-row td.totals-value.grand-total-cell {
  background: #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: #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: #edf5fb !important;
  color: var(--theme-secondary-color);
}
.attendance-registry-user-editor-form table.registry-table tr.expected-row td.totals-value.total-expected {
  background: #edf5fb !important;
  color: var(--theme-secondary-color);
}
.attendance-registry-user-editor-form table.registry-table tr.expected-row .day-total {
  border-top: none;
  color: var(--theme-secondary-color);
  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: #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: #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-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: #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-color);
  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 .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-color);
  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.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-light-color-2);
  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;
}
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-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 .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);
}
: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);
}

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

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

.iride-chart.field-group {
  margin-bottom: 30px;
}

.iride-chart {
  position: relative;
}

.iride-chart .loading-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.4);
}

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

.iride-chart .chart-resolutions .button {
  padding: 5px;
  margin: 2px;
  border: 1px var(--text-light-color-2) solid;
  color: var(--text-light-color-2);
  cursor: pointer;
}

.iride-chart .chart-resolutions .button.active {
  background-color: var(--text-light-color-2);
  color: var(--text-main-color);
  border-color: 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(--text-light-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(--default-line-color);
  background-color: var(--background-color);
  padding: 5px 10px;
}
: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);
}

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

/* User Availability Calendars */
.button-add-week-container {
  padding-left: 10px;
  padding-right: 10px;
}

/* ----> Partial Weeks  */
.user-availability-calendar-title {
  display: inline-block;
  font-size: 20px;
}

.user-availability-calendar-add, .shift-copy, .shift-paste {
  background: var(--generic-color-2);
  color: var(--text-main-color);
  cursor: pointer;
  border: 1px solid var(--generic-color-2);
  padding-top: 12px !important;
  width: 50px;
  height: 50px;
  border-radius: 0px;
  font-size: 18px;
}

.week-shift-title {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}

.delete-week {
  color: var(--delete-exit-error-button) !important;
  position: absolute !important;
  right: 15px !important;
  font-size: 24px;
}

.week-arrow {
  padding-left: 25px;
  padding-right: 25px;
}

/* ----> Partial Shifts */
.shifts-line .calendar-shift, .shifts-line .overtime-hours {
  background-color: var(--text-link-color-1);
  padding: 5px 10px;
  color: var(--text-main-color);
  display: inline-block;
  border: solid 1px rgb(46, 137, 198);
  font-size: 16px;
  cursor: pointer;
  float: left;
  min-height: 50px;
  margin-top: 1px;
  margin-right: 5px;
}

.shifts-line .overtime-hours {
  background-color: var(--background-color);
  border: 1px dashed var(--shift-overtime);
  color: var(--shift-overtime);
}

.shifts-line .overtime-hours [name*=Hours] {
  width: 50px;
}

.button-add-week {
  display: inline-block;
  border: dashed 1px var(--availability-button-border) !important;
}

.shift-label {
  color: black;
}

.new-shift, .shift-edit {
  background-color: white;
  border: dashed 1px var(--availability-button-border) !important;
}

.user-availability-calendar-week {
  margin-left: 9vw;
  padding-left: 0px;
  padding-right: 0px;
}

.week-number-title {
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.week-number-title:hover {
  text-decoration: none;
}

.shifts-panel {
  border: solid 1.5px var(--availability-button-border) !important;
}

.shift-content {
  padding-left: 0px !important;
  min-height: 50px;
}

.shift-weekday-label {
  text-align: left !important;
  padding-top: 14px !important;
  font-size: 17px;
  text-transform: uppercase;
  padding-left: 5px;
}

.display-shift {
  padding-top: 8px;
}

.day-shifts {
  padding-left: 0px !important;
  min-height: 55px;
}

.add-duration-field {
  padding-left: 20px;
}

.shift-input-date {
  min-width: 80px !important;
  font-size: 14px;
  width: 80px !important;
  color: black;
}

.pointer {
  cursor: pointer;
}

.shift-input-duration {
  width: 95px;
  text-align: center;
  font-size: 14px;
}

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

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

.real-time-btn:not(.active) .pulse-icon {
  background: var(--light-border-color) !important;
  animation: none;
}

.real-time-btn:not(.active) {
  color: var(--light-border-color);
  border-color: 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-color);
  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(--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 #ddd;
}

#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%;
}

tr.actual-activity td.edit-td {
  width: 10%;
}

#dashboard-monitor .iride-panel .title {
  margin-bottom: 0px !important;
}

#dashboard-monitor .iride-panel .button-bar {
  padding: 5px 10px;
  color: var(--theme-secondary-color);
  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);
}
: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);
}

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

/*#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-color);
  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-main-color);
  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-color);
}

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

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

#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;
  }
}
#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-color);
}

#chat-container .icon {
  color: var(--theme-secondary-color);
}

/*#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-color);
}

#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-color);
  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-color);
}

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