/* 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'
(200,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(245,22): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(259,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color-2'
(260,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(273,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(274,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(285,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(286,22): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(360,15): run-time error CSS1039: Token not allowed after unary operator: '-main-color-crm-hoover'
(373,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(464,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(465,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(469,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(478,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(482,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(490,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(495,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(521,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(532,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(545,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(1647,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(2107,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(2125,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3064,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3594,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3618,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3624,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3629,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3636,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3649,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(3681,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(4170,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5122,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5163,17): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5183,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5190,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5234,22): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5238,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5630,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(5876,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(6294,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(6303,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(7367,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7368,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7369,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7382,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7394,22): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-1'
(7394,56): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-1'
(7394,90): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-2'
(7394,124): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-2'
(7398,30): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(7399,33): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(7405,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(7411,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(7642,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7686,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-3'
(7687,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7688,29): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7692,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-3'
(7696,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7697,29): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7705,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-3'
(7709,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7710,29): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7718,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(7719,22): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7730,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(7757,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(7758,22): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7778,30): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(7792,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(7793,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(7823,26): run-time error CSS1039: Token not allowed after unary operator: '-collabnoteimage'
(7836,33): run-time error CSS1039: Token not allowed after unary operator: '-collabnet'
(7842,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-dark'
(7919,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(7933,26): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(7941,15): run-time error CSS1039: Token not allowed after unary operator: '-summary-errors'
(8104,32): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black'
(8114,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-reject'
(8118,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(8122,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(8130,43): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(8131,28): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8159,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8168,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8177,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8201,20): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(8252,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(8305,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-3'
(8309,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8310,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(8311,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-3'
(8320,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-3'
(8324,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(8328,22): run-time error CSS1039: Token not allowed after unary operator: '-error-element-border'
(8330,26): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(8345,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-absence'
(8351,26): run-time error CSS1039: Token not allowed after unary operator: '-attendance-registry-overtime'
(8378,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(8383,32): run-time error CSS1039: Token not allowed after unary operator: '-calendar-with-note'
(8387,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-border-color-2'
(8392,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-absence'
(8397,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-ordinary'
(8402,26): run-time error CSS1039: Token not allowed after unary operator: '-info-tooltip'
(8406,29): run-time error CSS1039: Token not allowed after unary operator: '-info-tooltip'
(8410,26): run-time error CSS1039: Token not allowed after unary operator: '-success-tooltip'
(8414,29): run-time error CSS1039: Token not allowed after unary operator: '-success-tooltip'
(8418,26): run-time error CSS1039: Token not allowed after unary operator: '-danger-tooltip'
(8422,29): run-time error CSS1039: Token not allowed after unary operator: '-danger-tooltip'
(8426,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning-hoover'
(8430,29): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning-hoover'
(8442,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(8455,33): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(8462,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-element-circle'
(8513,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(8517,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(8521,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(8525,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(8529,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(8533,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(8581,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(8586,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(8591,26): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(8614,31): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(8637,33): run-time error CSS1039: Token not allowed after unary operator: '-printable-hoover'
(8642,26): run-time error CSS1039: Token not allowed after unary operator: '-printable-hoover'
(8689,15): run-time error CSS1039: Token not allowed after unary operator: '-print-table-color'
(8703,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(8732,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(8741,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(8754,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8791,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(8797,27): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8830,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(8845,34): run-time error CSS1039: Token not allowed after unary operator: '-maps-content-editable'
(8848,15): run-time error CSS1039: Token not allowed after unary operator: '-maps-content-editable'
(8925,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(8931,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8980,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(8991,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9014,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(9027,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9101,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(9106,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(9117,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9122,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(9158,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-4'
(9159,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color-4'
(9169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9171,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9180,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9208,22): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9302,22): run-time error CSS1039: Token not allowed after unary operator: '-switch-focus'
(9304,74): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-hoover-button'
(9305,66): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-hoover-button'
(9341,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9342,20): run-time error CSS1039: Token not allowed after unary operator: '-green-blue-crayola'
(9347,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9348,20): run-time error CSS1039: Token not allowed after unary operator: '-sky-blue'
(9353,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9354,20): run-time error CSS1039: Token not allowed after unary operator: '-mantis'
(9359,20): run-time error CSS1039: Token not allowed after unary operator: '-indian-yellow'
(9360,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9365,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9366,20): run-time error CSS1039: Token not allowed after unary operator: '-indian-red'
(9372,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(9405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9409,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9413,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9448,31): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9457,37): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(9458,40): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(9459,32): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(9460,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9461,30): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(9472,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9473,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9474,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9475,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9478,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9504,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(9675,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9676,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9677,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9678,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9706,31): run-time error CSS1039: Token not allowed after unary operator: '-main-color-2'
(9719,31): run-time error CSS1039: Token not allowed after unary operator: '-main-color-2'
(9721,34): run-time error CSS1039: Token not allowed after unary operator: '-main-color-2'
(9775,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9778,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(9786,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(9792,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9801,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9805,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9806,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9807,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9808,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9817,30): run-time error CSS1039: Token not allowed after unary operator: '-calendar-slidebox'
(9893,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(9906,35): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(9912,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar-box-odd'
(9938,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(9944,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-important-border'
(9947,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-warning-border'
(9950,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-info-border'
(9953,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(9956,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-success-border'
(9959,26): run-time error CSS1039: Token not allowed after unary operator: '-special-event-background'
(9960,26): run-time error CSS1039: Token not allowed after unary operator: '-special-event-border'
(9971,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(9975,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(9978,28): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(9978,63): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(9978,98): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(9978,134): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(9981,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(9984,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(9987,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(9990,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(9993,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(9996,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(9999,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(10002,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-gray'
(10005,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10006,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10009,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10013,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10014,20): run-time error CSS1039: Token not allowed after unary operator: '-documentContainer-border-2'
(10015,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10020,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10026,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10031,50): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10032,42): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black'
(10034,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10039,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10045,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-important-border'
(10049,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-info-border'
(10053,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-warning-border'
(10057,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(10061,26): run-time error CSS1039: Token not allowed after unary operator: '-highlight-event-success-border'
(10065,26): run-time error CSS1039: Token not allowed after unary operator: '-special-event-border'
(10079,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10082,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-unavailability-text'
(10086,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10089,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-unavailability-text'
(10094,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-deadline-completed-hoover'
(10098,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(10103,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10107,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(10111,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-deadline-completed'
(10114,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(10118,15): run-time error CSS1039: Token not allowed after unary operator: '-yellowgreen'
(10122,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar-event-user-contract'
(10125,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(10129,15): run-time error CSS1039: Token not allowed after unary operator: '-filter-background'
(10132,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(10140,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(10144,15): run-time error CSS1039: Token not allowed after unary operator: '-orange-peel'
(10148,15): run-time error CSS1039: Token not allowed after unary operator: '-orange-peel'
(10151,15): run-time error CSS1039: Token not allowed after unary operator: '-cadmium-orange'
(10155,15): run-time error CSS1039: Token not allowed after unary operator: '-chestnut'
(10159,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(10163,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(10167,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(10171,15): run-time error CSS1039: Token not allowed after unary operator: '-jonquil'
(10175,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10178,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10182,26): run-time error CSS1039: Token not allowed after unary operator: '-misty-rose'
(10185,26): run-time error CSS1039: Token not allowed after unary operator: '-misty-rose'
(10189,26): run-time error CSS1039: Token not allowed after unary operator: '-blond'
(10192,26): run-time error CSS1039: Token not allowed after unary operator: '-blond'
(10196,26): run-time error CSS1039: Token not allowed after unary operator: '-beau-Blue'
(10199,26): run-time error CSS1039: Token not allowed after unary operator: '-beau-Blue'
(10203,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10206,26): run-time error CSS1039: Token not allowed after unary operator: '-day-highlight'
(10210,26): run-time error CSS1039: Token not allowed after unary operator: '-tea-green'
(10213,26): run-time error CSS1039: Token not allowed after unary operator: '-tea-green'
(10217,26): run-time error CSS1039: Token not allowed after unary operator: '-pale-purple-pantone'
(10220,26): run-time error CSS1039: Token not allowed after unary operator: '-pale-purple-pantone'
(10225,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10232,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10240,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10241,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10242,32): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10243,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10274,15): run-time error CSS1039: Token not allowed after unary operator: '-patriarch'
(10278,15): run-time error CSS1039: Token not allowed after unary operator: '-darkred'
(10282,31): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10287,15): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(10291,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-carmine'
(10295,26): run-time error CSS1039: Token not allowed after unary operator: '-brandy'
(10299,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-info'
(10303,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-info-hoover'
(10307,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning'
(10311,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-warning-hoover'
(10315,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-success'
(10319,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-success-hoover'
(10323,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-primary'
(10327,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-hoover-primary'
(10354,15): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(10357,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10365,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10366,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10369,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10370,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10373,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10374,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10392,15): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(10395,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10403,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10404,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10407,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10408,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10411,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10412,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10419,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10420,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10423,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10429,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10430,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: '-text-main-color'
(10436,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10437,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10440,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10443,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10444,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10445,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10446,15): run-time error CSS1039: Token not allowed after unary operator: '-icon-color'
(10466,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10469,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10470,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10473,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(10481,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10486,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10491,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10508,26): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(10528,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(10531,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(10532,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10826,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10834,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10887,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(10888,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10889,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(10895,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(10897,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(10928,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(10929,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(10953,30): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(10983,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(10988,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med-2'
(10990,35): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med-2'
(11003,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11004,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11010,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11011,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11015,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11019,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11023,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11027,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11028,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11033,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11034,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11038,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11042,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11046,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11050,20): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11051,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11056,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11057,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11061,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11065,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11069,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11073,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11074,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11079,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11080,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11084,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11088,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11092,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11096,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11097,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11102,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11103,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11107,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11111,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11115,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11119,20): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11120,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11125,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11126,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11130,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11134,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11138,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11142,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11143,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11148,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(11149,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11153,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11157,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11161,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11165,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11166,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11171,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11172,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-8'
(11176,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11180,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11184,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11188,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-8'
(11189,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-8'
(11194,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11195,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-9'
(11199,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11203,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11207,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11211,20): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-9'
(11212,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-9'
(11229,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11233,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11236,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11240,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11248,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(11252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11256,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-notification-background'
(11260,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(11288,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(11336,26): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(11337,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(11369,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(11390,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(11452,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11456,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(11457,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(11465,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11515,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11516,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11521,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(11530,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(11541,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11542,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11546,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11553,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11554,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11559,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11560,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11564,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11569,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11570,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11574,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11581,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11582,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11587,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(11588,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11592,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11597,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11598,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11602,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11609,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11610,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11615,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11616,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11620,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11625,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11626,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11630,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11637,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11638,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11643,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11644,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11648,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11653,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(11654,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11658,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11665,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11666,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11671,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11672,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11676,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11677,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11681,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11688,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11689,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11694,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11695,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11699,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11704,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11705,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11709,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11716,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11717,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11722,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11723,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11727,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11732,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11733,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11737,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11744,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11745,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11750,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11751,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11755,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11760,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(11761,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11765,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(11772,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(11773,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(11778,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(11779,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(11783,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11787,26): run-time error CSS1039: Token not allowed after unary operator: '-button-disabled-color'
(11788,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(11801,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11818,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11822,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(11823,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(11824,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(11828,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11829,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11833,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11834,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11838,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(11839,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11843,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(11844,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(11848,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(11849,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(11853,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11854,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11858,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11859,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11863,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11864,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11868,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11869,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11873,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(11874,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11878,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(11879,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(11883,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(11884,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(11888,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(11889,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(11893,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(11894,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(11898,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(11899,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(11900,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(11904,26): run-time error CSS1039: Token not allowed after unary operator: '-button-disabled-color'
(11905,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(11910,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(11911,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(11924,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11942,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(11943,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(11944,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(11966,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(11999,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(12003,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(12007,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(12043,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(12099,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(12103,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(12131,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(12136,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(12155,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(12169,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(12173,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12213,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black'
(12232,20): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12234,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(12235,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(12242,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(12247,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(12252,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12257,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(12262,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12267,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12272,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(12277,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12282,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12295,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(12299,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(12303,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(12307,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(12311,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(12315,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12319,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(12323,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(12329,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(12335,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12341,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(12347,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12353,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12359,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12365,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12371,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12376,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(12380,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(12384,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(12388,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(12392,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(12396,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(12400,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(12404,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(12448,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(12452,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(12456,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(12460,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(12465,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12470,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(12475,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(12480,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(12485,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(12490,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(12495,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(12500,15): run-time error CSS1039: Token not allowed after unary operator: '-light-gray'
(12504,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12508,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12512,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12516,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12520,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12524,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12528,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12532,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12539,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12559,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(12563,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12567,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(12571,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(12575,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(12579,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12583,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(12587,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(12600,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-5'
(12604,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(12607,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2-darker'
(12638,22): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12648,34): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(12655,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(12656,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(12679,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(12691,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(12696,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(12718,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(12738,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(12801,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-alt'
(12805,26): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(12823,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12827,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12859,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(12883,15): run-time error CSS1039: Token not allowed after unary operator: '-default-label-color'
(12903,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(12904,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(12964,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(12970,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(12975,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(12982,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(12988,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12989,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(12993,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13000,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13001,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(13006,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13007,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13011,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13018,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13019,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13023,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13030,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13031,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(13036,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13037,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13041,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13048,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13049,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13053,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13060,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13061,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(13066,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13067,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13071,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13078,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13079,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13083,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13090,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13091,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13096,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13097,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13104,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13105,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13109,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13116,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13117,15): run-time error CSS1039: Token not allowed after unary operator: '-default-blue'
(13121,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13128,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13129,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13133,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13140,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13141,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13146,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13147,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13151,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(13157,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13158,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13162,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13169,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13170,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(13175,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(13176,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13180,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13187,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13188,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13192,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13199,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13200,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13205,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13206,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13210,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13215,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-pink'
(13216,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-pink'
(13220,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13227,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13228,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13233,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13234,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(13238,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13301,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(13374,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(13386,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(13433,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(13451,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(13485,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(13491,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(13576,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(13588,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(13589,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(13596,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(13633,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(13655,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13659,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(13663,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13667,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(13671,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13675,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(13679,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13683,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(13687,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13691,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(13696,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(13700,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(13734,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(14047,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14051,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(14052,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(14094,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14095,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14100,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14106,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14107,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(14111,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14118,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14119,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14124,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14125,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14129,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14134,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14135,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(14139,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14146,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14147,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14152,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(14153,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14157,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14162,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14163,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(14167,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14174,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14175,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14180,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(14181,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14185,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14190,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14191,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(14195,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14202,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14203,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14208,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(14209,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14213,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14218,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14219,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14223,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14230,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14231,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14236,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14237,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14241,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14242,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(14246,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14253,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14254,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14259,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14260,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14264,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14269,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(14270,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(14274,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(14281,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(14282,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(14287,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(14288,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14292,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14297,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(14298,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(14302,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(14309,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(14310,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(14315,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(14316,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14320,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14325,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(14326,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(14330,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(14337,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(14338,15): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(14343,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-black-2'
(14344,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14348,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14352,26): run-time error CSS1039: Token not allowed after unary operator: '-button-disabled-color'
(14353,26): run-time error CSS1039: Token not allowed after unary operator: '-medium-border-color-2'
(14375,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14376,20): run-time error CSS1039: Token not allowed after unary operator: '-iride-switch-checked-before'
(14392,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(14393,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(14401,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(14406,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(14434,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(14444,32): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(14559,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(14566,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14567,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14571,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(14572,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14576,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(14577,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14581,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(14582,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14586,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14620,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(14626,27): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14667,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(14668,26): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(14700,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14701,22): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14785,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14788,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14927,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(14958,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14963,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14970,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(14971,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(14987,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(14995,26): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(14996,27): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(14997,28): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15000,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15024,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-gray'
(15046,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(15050,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(15054,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(15063,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(15064,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(15065,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(15073,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(15074,15): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(15089,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(15092,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15103,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(15108,15): run-time error CSS1039: Token not allowed after unary operator: '-req-field-lbl-color'
(15112,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(15129,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(15135,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(15139,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15170,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(15174,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(15184,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15202,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15207,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15216,33): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15225,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(15245,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15256,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15275,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15276,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15279,17): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(15280,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15281,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(15289,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15325,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15354,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15358,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15367,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15371,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15375,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15380,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15389,26): run-time error CSS1039: Token not allowed after unary operator: '-default-bg-light-color'
(15401,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(15410,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15414,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(15424,33): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(15428,30): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(15432,31): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(15436,32): run-time error CSS1039: Token not allowed after unary operator: '-default-border-color'
(15441,15): run-time error CSS1039: Token not allowed after unary operator: '-jstree-icon-color'
(15449,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15478,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15520,15): run-time error CSS1039: Token not allowed after unary operator: '-text-iride-tooltip'
(15521,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(15531,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(15547,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(15588,30): run-time error CSS1039: Token not allowed after unary operator: '-default-tbl-line-color'
(15634,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(15650,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15651,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15652,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15653,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15654,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15655,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15656,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15657,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15658,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15659,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15660,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15661,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15697,30): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15705,31): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(15727,32): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15745,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15755,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(15778,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15779,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15783,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15787,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(15791,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15792,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15796,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15800,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(15804,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15805,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15809,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15813,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(15817,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(15818,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(15822,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(15826,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(15830,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(15831,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(15835,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(15839,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(15843,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15844,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15848,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15852,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(15856,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(15857,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(15861,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(15865,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(15869,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(15870,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(15874,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(15878,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(15882,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(15883,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(15887,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(15891,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(15923,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(15930,20): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(15932,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(15933,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(15953,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2-darker'
(15999,31): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16000,32): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16001,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16022,31): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(16046,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(16054,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(16058,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(16062,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(16067,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(16071,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(16075,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(16080,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(16084,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(16088,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(16093,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(16097,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(16101,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(16106,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(16110,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(16114,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-purple'
(16119,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(16123,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(16127,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(16132,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(16136,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(16140,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-teal'
(16145,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(16149,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(16153,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-grey'
(16158,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(16162,22): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(16166,33): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-black'
(16201,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(16278,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(16293,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(16330,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16338,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16350,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(16382,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(16394,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(16395,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(16404,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(16409,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(16417,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(16462,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(16483,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(16491,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(16492,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(16585,54): run-time error CSS1030: Expected identifier, found '~'
(16585,56): run-time error CSS1030: Expected identifier, found '.'
(16585,77): run-time error CSS1031: Expected selector, found ')'
(16585,77): run-time error CSS1025: Expected comma or open brace, found ')'
(16592,54): run-time error CSS1030: Expected identifier, found '~'
(16592,56): run-time error CSS1030: Expected identifier, found '.'
(16592,77): run-time error CSS1031: Expected selector, found ')'
(16592,77): run-time error CSS1025: Expected comma or open brace, found ')'
(16601,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16602,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16603,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16605,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16606,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16607,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16619,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(16658,30): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(16677,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(16695,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-hoover-button'
(16725,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(16748,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16757,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(16758,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(16769,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16784,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(16792,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(16814,33): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(16815,36): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(16816,28): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(16826,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16852,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-filter-focus'
(16877,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(16886,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(16899,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16900,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16901,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16903,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16908,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16916,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(16919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16924,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16926,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17008,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17016,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light'
(17371,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med'
(17376,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med-2'
(17378,32): run-time error CSS1039: Token not allowed after unary operator: '-background-color-med-2'
(17383,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17388,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17393,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17398,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17402,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17406,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(17411,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-3'
(17412,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light'
(17413,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17417,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17418,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(17422,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17426,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17427,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-0'
(17431,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17435,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-0'
(17439,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-0'
(17443,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-0'
(17448,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-1'
(17449,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(17450,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17454,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17458,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17462,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17466,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17470,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(17475,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-2'
(17476,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(17477,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17481,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17485,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17489,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17493,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17497,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(17502,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-3'
(17503,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(17504,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17508,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17512,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17516,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17520,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17524,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(17529,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-4'
(17530,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(17531,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17535,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17539,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17543,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17547,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17551,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(17556,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-5'
(17557,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(17558,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17562,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17566,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17570,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17574,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17578,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(17583,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-6'
(17584,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(17585,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17589,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17593,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17597,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17601,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17605,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(17610,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-color-7'
(17611,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(17612,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17616,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17620,30): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17624,33): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17628,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17632,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(17660,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17661,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17662,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17664,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17665,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17666,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17668,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17669,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17671,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17682,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(17683,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17684,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17685,30): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17722,33): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(17771,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(17776,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(17778,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17795,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(17800,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(17802,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17835,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(17870,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-bars-text-color'
(17891,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(17894,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(17897,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(17900,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(17903,28): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(17910,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(17948,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(18007,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(18074,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(18080,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(18116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18237,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-alt'
(18367,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(18408,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-btn-alt'
(18433,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-5'
(19276,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(19281,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-hoover'
(19285,15): run-time error CSS1039: Token not allowed after unary operator: '-iride-filterbox-scope-link-text'
(19293,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-hoover'
(19298,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-green'
(19302,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-green'
(19307,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-dark'
(19311,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-green-dark'
(19316,22): run-time error CSS1039: Token not allowed after unary operator: '-circle-orange'
(19320,15): run-time error CSS1039: Token not allowed after unary operator: '-circle-orange'
(19325,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(19329,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(19334,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(19338,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-1'
(19343,22): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(19347,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-2'
(19352,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(19356,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-3'
(19361,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(19365,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-4'
(19370,22): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(19374,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-5'
(19379,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(19383,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-6'
(19388,22): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(19392,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-border-color-7'
(19417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19418,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19420,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19421,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19640,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(19716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19721,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19724,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19773,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(19802,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(19862,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(19947,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(19952,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(19957,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(19962,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(19967,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(19972,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(19977,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(19982,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(19988,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(20003,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(20014,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(20032,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(20036,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(20040,20): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(20044,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(20048,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(20052,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(20058,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(20082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20083,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20085,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20088,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20102,27): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(20195,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(20212,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(20239,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(20242,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20243,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20245,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20248,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20250,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20251,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20253,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20258,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(20278,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(20340,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(20345,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(20369,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(20433,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(20439,26): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(20469,17): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(20485,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(20489,21): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(20879,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(21149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21152,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21170,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(21175,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-info-background'
(21180,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-info-background'
(21185,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(21190,26): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(21195,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(21200,26): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(21205,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(21210,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(21215,26): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(21220,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(21225,26): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(21230,26): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(21235,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-4'
(21239,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(21244,26): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-5'
(21269,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(21274,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(21295,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-dark'
(21315,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(21323,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(21328,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-info-background'
(21333,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(21338,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(21342,15): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(21346,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-4'
(21350,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-warning'
(21354,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-type-5'
(21362,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(21385,15): run-time error CSS1039: Token not allowed after unary operator: '-flag-good'
(21395,15): run-time error CSS1039: Token not allowed after unary operator: '-validation-error'
(21400,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(21408,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(21419,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(21460,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(21475,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(21516,26): run-time error CSS1039: Token not allowed after unary operator: '-spinner-background'
(21604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21605,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21606,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21607,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21615,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21622,16): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(21636,20): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(21639,20): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(21642,20): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(21645,16): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(21674,23): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(21677,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black-1'
(21680,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black-2'
(21683,26): run-time error CSS1039: Token not allowed after unary operator: '-transparent-smoke-black-2'
(21686,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(21689,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(21697,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(21709,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(21716,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(21717,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(21725,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-danger'
(21767,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(21797,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(21798,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(21805,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(21815,22): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(21819,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(21822,22): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(21826,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(21829,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(21832,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(21841,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(21845,34): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(21858,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-ok'
(21861,15): run-time error CSS1039: Token not allowed after unary operator: '-alert-error-darker'
(21868,27): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(21872,27): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(21878,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21880,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21881,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21882,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21883,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21889,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21919,26): run-time error CSS1039: Token not allowed after unary operator: '-iride-switch-checked-before'
(21920,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(21970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22000,32): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(22005,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(22010,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22015,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(22020,15): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(22025,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(22030,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(22035,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(22040,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(22045,15): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(22048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22054,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22057,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22058,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22094,20): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(22095,15): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(22100,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(22101,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22102,22): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22144,35): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(22184,26): run-time error CSS1039: Token not allowed after unary operator: '-default-line-color'
(22185,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(22189,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22192,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22193,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22194,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22198,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22256,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-5'
(22262,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-3'
(22268,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-4'
(22274,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-1'
(22280,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-6'
(22286,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-2'
(22292,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-teal'
(22298,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-gray'
(22304,26): run-time error CSS1039: Token not allowed after unary operator: '-reminder-background-color-7'
(22310,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22323,30): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22334,28): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22334,61): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22334,94): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22334,128): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22337,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22339,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22342,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22343,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22344,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22347,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22348,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22364,20): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(22365,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22367,26): run-time error CSS1039: Token not allowed after unary operator: '-generic-color-2'
(22382,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(22395,26): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(22397,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(22409,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(22410,27): run-time error CSS1039: Token not allowed after unary operator: '-shift-overtime'
(22411,15): run-time error CSS1039: Token not allowed after unary operator: '-shift-overtime'
(22420,27): run-time error CSS1039: Token not allowed after unary operator: '-availability-button-border'
(22429,27): run-time error CSS1039: Token not allowed after unary operator: '-availability-button-border'
(22449,28): run-time error CSS1039: Token not allowed after unary operator: '-availability-button-border'
(22496,15): run-time error CSS1039: Token not allowed after unary operator: '-delete-exit-error-button'
(22500,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color-2'
(22503,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22504,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22505,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22506,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22507,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22508,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22532,20): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22537,15): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22538,22): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22543,27): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22549,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(22550,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(22551,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(22553,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(22559,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(22568,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(22569,32): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(22570,33): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(22592,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(22602,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(22640,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(22644,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(22681,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(22696,26): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color'
(22745,33): run-time error CSS1039: Token not allowed after unary operator: '-text-light-color-2'
(22764,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22773,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-color'
(22786,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22800,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22854,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22879,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22907,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-link-color'
(22918,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22929,26): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(22934,33): run-time error CSS1039: Token not allowed after unary operator: '-light-border-color'
(23039,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23045,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-red'
(23049,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-green'
(23053,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-yellow'
(23057,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-orange'
(23061,15): run-time error CSS1039: Token not allowed after unary operator: '-ird-color-palette-blue'
(23064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23072,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23112,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(23121,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-lighter-color'
(23126,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-item-color'
(23129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23139,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23167,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-main-color'
(23176,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23191,15): run-time error CSS1039: Token not allowed after unary operator: '-text-link-color-1'
(23193,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(23194,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23209,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color-dark'
(23248,15): run-time error CSS1039: Token not allowed after unary operator: '-text-main-color'
(23267,15): run-time error CSS1039: Token not allowed after unary operator: '-highlight-inverse-border'
(23269,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(23286,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23301,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-light-alt'
(23307,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23395,26): run-time error CSS1039: Token not allowed after unary operator: '-cultured-light'
(23477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23478,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23504,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(23508,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23520,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23533,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(23554,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(23565,20): run-time error CSS1039: Token not allowed after unary operator: '-bottle-green-transparent'
(23700,20): run-time error CSS1039: Token not allowed after unary operator: '-cinnabar-transparent-2'
(23706,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(23710,30): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(23714,15): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(23742,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23811,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(23823,31): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(23829,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(23895,20): run-time error CSS1039: Token not allowed after unary operator: '-darkturquoise-transparent'
(23896,22): run-time error CSS1039: Token not allowed after unary operator: '-darkturquoise'
(23905,15): run-time error CSS1039: Token not allowed after unary operator: '-darkturquoise'
(23924,27): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(23932,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(23937,27): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(23954,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(23963,15): run-time error CSS1039: Token not allowed after unary operator: '-chat-read-color'
(23986,15): run-time error CSS1039: Token not allowed after unary operator: '-cadmium-orange-2'
(24053,28): run-time error CSS1039: Token not allowed after unary operator: '-my-msg-bubble-color'
(24064,22): run-time error CSS1039: Token not allowed after unary operator: '-notification-1'
(24065,20): run-time error CSS1039: Token not allowed after unary operator: '-cinnabar-transparent'
(24074,28): run-time error CSS1039: Token not allowed after unary operator: '-notification-1'
(24078,27): run-time error CSS1039: Token not allowed after unary operator: '-notification-1'
(24092,20): run-time error CSS1039: Token not allowed after unary operator: '-my-msg-bubble-color'
(24093,22): run-time error CSS1039: Token not allowed after unary operator: '-my-msg-bubble-color'
(24099,26): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(24100,22): run-time error CSS1039: Token not allowed after unary operator: '-solid-silver'
(24101,15): run-time error CSS1039: Token not allowed after unary operator: '-background-color-2'
(24128,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(24141,31): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(24142,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(24143,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(24163,32): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(24190,26): run-time error CSS1039: Token not allowed after unary operator: '-badge-notification-background'
(24194,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(24204,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-4'
(24262,22): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(24263,15): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(24268,20): run-time error CSS1039: Token not allowed after unary operator: '-orange-web-transparent'
(24269,22): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(24275,20): run-time error CSS1039: Token not allowed after unary operator: '-ao-english-transparent'
(24276,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24295,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(24298,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24302,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24325,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24330,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24351,20): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24362,20): run-time error CSS1039: Token not allowed after unary operator: '-notification-4'
(24375,20): run-time error CSS1039: Token not allowed after unary operator: '-light-cyan'
(24416,20): run-time error CSS1039: Token not allowed after unary operator: '-main-background-color'
(24427,54): run-time error CSS1030: Expected identifier, found ','
(24427,70): run-time error CSS1031: Expected selector, found ')'
(24427,70): run-time error CSS1025: Expected comma or open brace, found ')'
(24434,54): run-time error CSS1030: Expected identifier, found ','
(24434,70): run-time error CSS1031: Expected selector, found ')'
(24434,70): run-time error CSS1025: Expected comma or open brace, found ')'
(24461,27): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(24465,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-1'
(24474,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(24540,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(24548,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(24568,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(24572,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(24604,20): run-time error CSS1039: Token not allowed after unary operator: '-archive-file-color'
(24612,20): run-time error CSS1039: Token not allowed after unary operator: '-document-file-color'
(24625,20): run-time error CSS1039: Token not allowed after unary operator: '-excel-color'
(24633,20): run-time error CSS1039: Token not allowed after unary operator: '-presentation-file-color'
(24641,20): run-time error CSS1039: Token not allowed after unary operator: '-pdf-file-color'
(24654,20): run-time error CSS1039: Token not allowed after unary operator: '-text-file-color'
(24677,20): run-time error CSS1039: Token not allowed after unary operator: '-audio-file-color'
(24705,20): run-time error CSS1039: Token not allowed after unary operator: '-video-file-color'
(24732,20): run-time error CSS1039: Token not allowed after unary operator: '-image-file-color'
(24738,22): run-time error CSS1039: Token not allowed after unary operator: '-archive-file-color'
(24742,22): run-time error CSS1039: Token not allowed after unary operator: '-document-file-color'
(24747,22): run-time error CSS1039: Token not allowed after unary operator: '-text-file-color'
(24752,22): run-time error CSS1039: Token not allowed after unary operator: '-excel-color'
(24756,22): run-time error CSS1039: Token not allowed after unary operator: '-presentation-file-color'
(24760,22): run-time error CSS1039: Token not allowed after unary operator: '-pdf-file-color'
(24767,22): run-time error CSS1039: Token not allowed after unary operator: '-audio-file-color'
(24775,22): run-time error CSS1039: Token not allowed after unary operator: '-video-file-color'
(24783,22): run-time error CSS1039: Token not allowed after unary operator: '-image-file-color'
(24793,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-66'
(24811,26): run-time error CSS1039: Token not allowed after unary operator: '-border-color-2'
(24825,26): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(24837,20): run-time error CSS1039: Token not allowed after unary operator: '-attach-background'
(24856,20): run-time error CSS1039: Token not allowed after unary operator: '-attach-background'
(24891,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(24896,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24901,20): run-time error CSS1039: Token not allowed after unary operator: '-background-color-2'
(24908,20): run-time error CSS1039: Token not allowed after unary operator: '-default-file-color'
(24926,31): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(24927,33): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(24934,15): run-time error CSS1039: Token not allowed after unary operator: '-theme-secondary-color'
(24960,20): run-time error CSS1039: Token not allowed after unary operator: '-attach-background'
(24972,26): run-time error CSS1039: Token not allowed after unary operator: '-background-color-41'
(24977,20): run-time error CSS1039: Token not allowed after unary operator: '-border-color-40'
(25006,15): run-time error CSS1039: Token not allowed after unary operator: '-text-color-13'
(25048,26): run-time error CSS1039: Token not allowed after unary operator: '-chat-border-color'
(25117,15): run-time error CSS1039: Token not allowed after unary operator: '-chat-color-1'
(25119,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:not(:first-child),
.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 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;
}

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

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

#LoginBackround {
  position: absolute;
  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: absolute;
  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;
}

#loginForm {
  text-align: center;
  /* position: fixed; */
  background-color: inherit;
  padding: 25px;
  /* margin: auto; */
  z-index: 1000;
  left: 0;
  right: 0;
  /* width: 700px; */
  /* color: rgba(0,0,0,.54); */
  /* margin-top: 50px; */
  font-size: 22px;
}

#loginForm Form {
  opacity: 0;
}

#loginForm input {
  /* min-width: 350px; */
  margin-right: 15px;
  max-width: 350px;
  background-color: #fff;
  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: 24px;
}

#loginForm .loginDetails {
  width: 100%;
}

#loginForm .RetrievePassword {
  position: relative;
  top: 8px;
  font-size: 16px;
}

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

.target.background--light {
  color: black !important;
}

.target.background--dark {
  color: white !important;
}

#loginForm .target.background--dark input {
  background: transparent;
  border: 1px solid white;
  color: white;
}

#loginForm .target.background--light input {
  background: transparent;
  border: 1px solid;
  /*color: white !important;*/
}

#loginForm .field-validation-error {
  font-size: 80%;
  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: 24px;
  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;
}

body.login-body h1 {
  /*font-size: 50pt;*/
  margin-bottom: 10px;
}

#loginForm {
  padding: 5pt 20pt 15pt;
}

#loginForm Form {
  /*margin: auto;
  width: 380px;*/
  padding: 10px 0;
}

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

#loginAppVersion {
  /*float: left;*/
  font-size: 11px;
}

#companyLogo {
  position: relative;
  /*height: 100px;*/
  /* position: absolute;
  height: 150px;
  top: 80px;
  left: 0px;*/
  height: 80px;
  padding-right: 10px;
}

@media all and (max-width: 763px) {
  /* #LoginBackround {
       display: none;
   }*/
  /*  .login-body {
          padding: 0 !important;
      }
  */
  .login-body .application-footer {
    display: none;
  }
  /*
      #loginForm {
          margin: 0 !important;
          bottom: 0 !important;
          top: 0 !important;
          left: 0 !important;
          right: 0 !important;
          overflow: auto;
      }*/
  #loginForm h1 {
    font-size: 42px;
  }
  /*#loginForm .form-group {
          margin-bottom: 10px;
      }*/
}
#loginForm .form-group {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.application-body.login-body {
  padding-top: 60px !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);
}

.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;
}
: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 .totals div {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#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 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);
}
#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 .overtime-content.disabled {
  pointer-events: none;
}
#AttendaceRegistryForm table.registry-table .absence-content.disabled {
  pointer-events: none;
}
#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);
}

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

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