/* Minification failed. Returning unminified contents. (14766,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '1' (15168,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (15169,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (15174,47): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (15182,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (15183,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-primary' (15193,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (15199,47): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (15212,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-none' (15216,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-xs' (15220,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-sm' (15224,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (15228,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-lg' (15232,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-xl' (15236,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-xxl' (15240,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-xxxl' (15244,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-full' (15357,22): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-width' (15358,21): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-height' (15364,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (15365,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (15366,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (15397,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (15398,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (15403,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-weight-bold' (15418,22): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15419,21): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15420,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size-sm' (15426,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (15427,22): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15428,21): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15437,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (15438,25): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-padding-x' (15439,24): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-padding-y' (15453,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (15454,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (15465,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (15466,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (15467,20): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-view-width' (15482,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (15483,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (15491,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (15492,16): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-view-width' (15493,22): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-view-width' (15496,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (15503,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-weight-bold' (15507,16): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15508,17): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15509,22): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15510,21): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15514,16): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15515,17): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15516,22): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15517,21): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15521,16): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15522,17): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15523,22): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15524,21): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15528,16): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15529,17): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15530,22): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15531,21): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-calendar-cell-size' (15558,42): run-time error CSS1039: Token not allowed after unary operator: '-kendo-scrollbar-width' (15570,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15571,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15572,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15573,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (15574,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (15578,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15582,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15586,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15590,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15594,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15595,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15596,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15597,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (15598,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (15602,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15606,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15610,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15614,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15618,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15619,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15620,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15621,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size-lg' (15622,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height-lg' (15626,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15630,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15634,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15638,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15648,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0' (15649,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (15672,41): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt' (15676,38): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (15677,36): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (15678,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (15679,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (15707,36): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface' (15778,36): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-lg' (15779,34): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-lg' (15789,34): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-lg' (15790,32): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-lg' (15804,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-lg' (15823,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-subtle' (15827,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (15831,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-subtle' (15836,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-subtle' (15840,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (15841,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (15846,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (15847,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-primary' (15848,30): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (15852,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-primary' (15853,30): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary-hover' (15865,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (15866,30): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface' (15867,37): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (15871,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary-hover' (15875,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (15876,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (15877,30): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt' (15885,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-error' (15889,36): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (15893,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-subtle' (15898,46): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (15902,30): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (15925,74): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (15931,75): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (17061,2): run-time error CSS1030: Expected identifier, found '#lstChartType' (17061,2): run-time error CSS1019: Unexpected token, found '#lstChartType' (17061,16): run-time error CSS1019: Unexpected token, found '{' (17062,16): run-time error CSS1030: Expected identifier, found ' ' (17062,17): run-time error CSS1031: Expected selector, found '20px' (17062,17): run-time error CSS1025: Expected comma or open brace, found '20px' (17063,1): run-time error CSS1019: Unexpected token, found '}' (17987,4): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (17988,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18002,4): run-time error CSS1019: Unexpected token, found '@keyframes' (18003,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18043,1): run-time error CSS1019: Unexpected token, found '}' (18052,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18053,9): run-time error CSS1035: Expected colon, found '{' (18139,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (18140,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18153,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18154,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18824,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18825,9): run-time error CSS1035: Expected colon, found '{' (18841,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18842,9): run-time error CSS1035: Expected colon, found '{' (19184,41): run-time error CSS1046: Expect comma, found '123' (19184,49): run-time error CSS1046: Expect comma, found '/' (19224,38): run-time error CSS1046: Expect comma, found '123' (19224,46): run-time error CSS1046: Expect comma, found '/' (19235,41): run-time error CSS1046: Expect comma, found '123' (19235,49): run-time error CSS1046: Expect comma, found '/' (19281,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19282,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19298,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19299,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19600,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (19601,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-base' (19610,18): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (19631,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (19632,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (19633,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (19648,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (19655,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (19703,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (19709,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (19710,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (19711,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (19718,18): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19718,50): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19722,18): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19722,50): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19735,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (19743,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (19751,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (19767,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (19774,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (19803,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19804,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19808,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-preview-width' (19808,58): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (19808,92): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-preview-columns' (19809,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19810,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19811,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19826,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (19827,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (19832,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19833,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19834,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19838,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (19840,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19841,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19846,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (19847,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (19848,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (19852,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19858,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19862,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (19878,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (19886,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-elevation-2' (19932,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19938,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (19952,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (19970,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (19971,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (19972,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (20012,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-base-emphasis' (20016,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (20019,24): run-time error CSS1030: Expected identifier, found '.' (20019,59): run-time error CSS1031: Expected selector, found ')' (20019,59): run-time error CSS1025: Expected comma or open brace, found ')' (20045,11): run-time error CSS1035: Expected colon, found 'Specifies' (20045,287): Scanner error CSS1002: Unterminated string: 't show : calc(var(--kendo-slider-start, 0) * 1%); height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%); (20053,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (20057,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (20060,24): run-time error CSS1030: Expected identifier, found '.' (20060,59): run-time error CSS1031: Expected selector, found ')' (20060,59): run-time error CSS1025: Expected comma or open brace, found ')' (20094,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-elevation-2' (20113,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (20114,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-primary' (20115,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (20141,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20145,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (20158,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (20200,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-subtle' (20208,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (20225,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20226,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20235,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20264,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (20265,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (20266,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (20363,34): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20396,44): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (20416,30): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20478,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-weight-bold' (20508,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20520,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20521,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20570,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (20602,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (20679,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20690,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (20693,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20698,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-weight-bold' (20811,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20812,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20816,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20817,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20821,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20822,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20823,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20827,38): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20831,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20832,29): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20836,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20837,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20841,41): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20845,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (20853,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20858,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (20859,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20863,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1\.5' (20864,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1\.5' (20868,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20872,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20873,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20879,35): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (20879,73): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (20880,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (20888,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20889,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (20893,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20894,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (20898,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20899,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20900,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20904,38): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20908,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20909,29): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (20913,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20914,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (20918,41): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (20922,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20930,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20935,29): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1\.5' (20936,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (20940,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20941,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20945,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20949,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20950,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20956,35): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1\.5' (20956,75): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (20957,33): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1\.5' (20965,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20966,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1\.5' (20970,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (20974,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20978,18): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20987,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20992,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (20996,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (21000,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size-sm' (21001,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-weight-bold' (21005,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (21005,58): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (21009,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (21020,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (21030,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (21031,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1\.5' (21039,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2\.5' (21040,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-elevation-2' (21041,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2\.5' (21048,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (21049,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2\.5' (21221,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (21222,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (21223,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height-sm' (21254,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (21255,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21274,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size-lg' (21275,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height-sm' (21289,33): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (21289,67): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21303,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21304,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21316,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21320,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21320,60): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (21320,92): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (21324,34): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21324,63): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (21324,95): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (21342,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (21343,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (21489,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (21490,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (21491,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (21523,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-scrollview-views' (21526,45): run-time error CSS1039: Token not allowed after unary operator: '-kendo-scrollview-views' (21526,79): run-time error CSS1039: Token not allowed after unary operator: '-kendo-scrollview-current' (21530,32): run-time error CSS1039: Token not allowed after unary operator: '-kendo-scrollview-views' (21531,35): run-time error CSS1039: Token not allowed after unary operator: '-kendo-scrollview-views' (21534,5): run-time error CSS1030: Expected identifier, found '[' (21534,9): run-time error CSS1031: Expected selector, found '=' (21534,9): run-time error CSS1025: Expected comma or open brace, found '=' (21545,29): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-5' (21559,18): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-5' (21579,32): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-5' (21597,34): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-5' (21598,35): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-5' (21643,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (21644,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (21645,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt' (21692,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-base' (21693,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (21697,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (21698,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (21723,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21724,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21728,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21736,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21744,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (21751,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (21758,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (21759,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (21760,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (21778,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (21779,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (21780,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt' (21784,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (21785,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (21786,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt' (21790,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (21791,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (21792,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface' (21796,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (21797,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (21798,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-app-surface' (21799,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-elevation-1' (21807,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (21808,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (21809,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (21846,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (21847,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (21849,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (21860,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21861,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (21862,29): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (21886,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (21892,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (21898,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (21904,18): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (21909,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (21920,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (21921,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (21922,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt' (21926,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (21927,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-base' (21928,30): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-base' (21932,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (21936,49): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-app-surface' (21941,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (21942,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (21944,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (21945,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (21946,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (21963,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (21971,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (21975,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (21976,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (21977,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (21984,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (21985,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size-lg' (21986,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height-sm' (21990,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (21991,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (22000,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0' (22004,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0' (22014,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (22031,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (22039,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (22040,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22041,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt' (22049,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-elevation-1' (22053,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (22054,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22055,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface' (22059,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-elevation-1' (22064,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-subtle' (22068,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (22094,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (22119,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (22120,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (22124,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (22128,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (22129,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (22133,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (22137,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (22138,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (22142,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (22164,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg-state' (22164,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg-type' (22164,89): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg' (22287,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (22288,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (22289,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (22308,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (22317,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (22329,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (22331,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (22332,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (22333,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (22345,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (22346,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (22347,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (22436,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (22510,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (22511,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (22512,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (22536,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (22537,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (22541,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (22547,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (22548,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (22578,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (22578,62): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (22578,95): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (22582,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (22582,63): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (22582,96): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (22586,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (22614,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (22618,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-primary' (22622,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface' (22626,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt' (22630,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface' (22634,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22638,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-a' (22642,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-b' (22646,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-c' (22650,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-d' (22654,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-e' (22658,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-f' (22662,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-a' (22666,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-b' (22670,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-c' (22674,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-d' (22678,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-e' (22682,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-f' (22686,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-a-subtle' (22690,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-b-subtle' (22694,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-c-subtle' (22698,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-d-subtle' (22702,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-e-subtle' (22706,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-f-subtle' (22710,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-a-bold' (22714,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-b-bold' (22718,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-c-bold' (22722,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-d-bold' (22726,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-e-bold' (22730,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-f-bold' (22734,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-a-subtler' (22738,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-b-subtler' (22742,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-c-subtler' (22746,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-d-subtler' (22750,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-e-subtler' (22754,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-f-subtler' (22758,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-a-bolder' (22762,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-b-bolder' (22766,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-c-bolder' (22770,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-d-bolder' (22774,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-e-bolder' (22778,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-series-f-bolder' (22782,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary' (22786,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-base-emphasis' (22790,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (22794,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size-lg' (22798,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size-sm' (22802,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-weight-normal' (22806,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size-sm' (22810,46): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22814,46): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22818,46): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22834,46): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22838,46): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22842,46): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22846,46): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22850,46): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22854,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22855,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22856,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22857,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22858,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22859,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22860,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22861,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22862,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22863,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22864,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22865,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22866,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22867,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22868,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22869,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22870,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22871,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22872,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22873,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22874,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22875,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22876,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22877,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22878,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22879,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22880,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22881,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22882,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22883,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22884,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22885,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22886,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22887,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22888,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22889,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22890,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22891,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22892,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22893,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22894,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22895,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22896,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22897,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22898,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22899,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22900,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22901,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22902,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22903,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22904,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22905,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22909,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (22910,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22927,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22928,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-base' (22929,42): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (22936,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (22937,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (22957,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (22958,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (22959,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (23045,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23046,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23047,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (23051,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (23051,67): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0\.5' (23055,33): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (23056,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (23060,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23061,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23062,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3\.5' (23066,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (23066,67): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23070,33): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3\.5' (23071,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3\.5' (23075,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2\.5' (23076,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2\.5' (23077,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23081,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height-lg' (23081,70): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23085,33): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23086,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23099,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (23100,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (23101,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family' (23193,30): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-xxxl' (23194,35): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2\.5' (23195,31): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (23200,45): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23208,36): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23268,32): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23290,33): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (23313,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-5' (23314,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2\.5' (23399,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23403,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23404,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23408,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23412,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23413,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23417,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23421,19): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23422,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23425,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23426,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23458,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23459,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23463,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23464,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23468,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23469,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23472,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23473,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23519,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23520,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23520,57): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23521,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23521,71): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23525,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23526,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23526,56): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23527,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23527,70): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23531,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23532,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23532,54): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23533,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23533,68): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23536,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23537,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23562,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23563,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23588,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23589,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23614,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23615,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23640,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23641,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23685,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23686,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23690,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23691,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23695,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23696,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23734,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (23738,18): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-4' (23739,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1' (23743,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size-sm' (23747,18): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-5' (23748,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-2' (23752,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size' (23756,18): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-6' (23757,14): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-3' (23761,20): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size-lg' (23807,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt' (23873,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23874,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23884,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-base-on-surface' (23888,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary-on-surface' (23892,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-secondary-on-surface' (23896,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-tertiary-on-surface' (23900,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-info-on-surface' (23904,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-success-on-surface' (23908,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-warning-on-surface' (23912,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-error-on-surface' (23916,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-dark-on-surface' (23920,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-light-on-surface' (23924,16): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-inverse-on-surface' (23928,27): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface-alt' (23929,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border' (23937,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-border-radius-md' (23953,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23954,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23967,8): run-time error CSS1030: Expected identifier, found '.' (23967,24): run-time error CSS1031: Expected selector, found ')' (23967,24): run-time error CSS1025: Expected comma or open brace, found ')' (23972,11): run-time error CSS1030: Expected identifier, found '.' (23972,27): run-time error CSS1031: Expected selector, found ')' (23972,27): run-time error CSS1025: Expected comma or open brace, found ')' (23983,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23984,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23997,8): run-time error CSS1030: Expected identifier, found '.' (23997,25): run-time error CSS1031: Expected selector, found ')' (23997,25): run-time error CSS1025: Expected comma or open brace, found ')' (24002,46): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface' (24005,11): run-time error CSS1030: Expected identifier, found '.' (24005,27): run-time error CSS1031: Expected selector, found ')' (24005,27): run-time error CSS1025: Expected comma or open brace, found ')' */ @charset "UTF-8"; @font-face { font-family: 'Nunito'; src: url("../fonts/nunito/nunito-regular.eot"); src: url("../fonts/nunito/nunito-regular?#iefix") format("embedded-opentype"), url("../fonts/nunito/nunito-regular.woff2") format("woff2"), url("../fonts/nunito/nunito-regular.woff") format("woff"), url("../fonts/nunito/nunito-regular.svg#Nunito Regular") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Nunito'; src: url("../fonts/nunito/nunito-semibold.eot"); src: url("../fonts/nunito/nunito-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito/nunito-semibold.woff2") format("woff2"), url("../fonts/nunito/nunito-semibold.woff") format("woff"), url("../fonts/nunito/nunito-semibold.svg#Nunito SemiBold") format("svg"); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-2212; } @font-face { font-family: 'Nunito'; src: url("../fonts/nunito/nunito-bold.eot"); src: url("../fonts/nunito/nunito-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito/nunito-bold.woff2") format("woff2"), url("../fonts/nunito/nunito-bold.woff") format("woff"), url("../fonts/nunito/nunito-bold.svg#Nunito Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-2212; } @font-face { font-family: 'Montserrat'; src: url('../fonts/montserrat/Montserrat-Regular.eot'); src: url('../fonts/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'), url('../fonts/montserrat/Montserrat-Regular.svg#Montserrat-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/montserrat/Montserrat-Medium.eot'); src: url('../fonts/montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat/Montserrat-Medium.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Medium.woff') format('woff'), url('../fonts/montserrat/Montserrat-Medium.svg#Montserrat-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/montserrat/Montserrat-SemiBold.eot'); src: url('../fonts/montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-SemiBold.woff') format('woff'), url('../fonts/montserrat/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../fonts/montserrat/Montserrat-Bold.eot'); src: url('../fonts/montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Bold.woff') format('woff'), url('../fonts/montserrat/Montserrat-Bold.svg#Montserrat-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } html { box-sizing: border-box; font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; height: 100%; } *, *::before, *::after { box-sizing: inherit; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Nunito", sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.5; color: rgba(255, 255, 255, 0.85); background-color: #ffffff; height: 100%; } [tabindex="-1"]:focus { outline: none !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 0; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 600; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #a4d0ff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #ffffff; cursor: pointer; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { border-style: none; } svg:not(:root) { overflow: hidden; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } a[disabled="true"], a[disabled="true"]:hover { pointer-events: none; cursor: none; } table { border-collapse: collapse; } caption { padding-top: 1rem 1.5rem; padding-bottom: 1rem 1.5rem; color: rgba(255, 255, 255, 0.7); text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; position: relative; top: 1px; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } select { display: none; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 600; line-height: 1.1; color: #ffffff; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.1; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(255, 255, 255, 0.125); } small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: rgba(255, 255, 255, 0.7); } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #ffffff; border: 1px solid #ddd; border-radius: 2px; transition: all 0.2s ease-in-out; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #868e96; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #ffffff; background-color: rgba(255, 255, 255, 0.08); border-radius: 2px; } a > code { padding: 0; color: inherit; background-color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #ffffff; background-color: #212529; border-radius: 2px; } kbd kbd { padding: 0; font-size: 100%; font-weight: 600; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; color: #131313; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100%; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; height: 100%; display: flex; flex-direction: column; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm, .col-sm-auto, .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, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 1rem 1.5rem; vertical-align: top; border-top: 1px solid rgba(255, 255, 255, 0.125); } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgba(255, 255, 255, 0.125); } .table tbody + tbody { border-top: 2px solid rgba(255, 255, 255, 0.125); } .table .table { background-color: #ffffff; } .table-sm th, .table-sm td { padding: 0.75rem 1rem; } .table-bordered { border: 1px solid rgba(255, 255, 255, 0.125); } .table-bordered th, .table-bordered td { border: 1px solid rgba(255, 255, 255, 0.125); } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.04); } .table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.04); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: white; } .table-hover .table-secondary:hover { background-color: #f2f2f2; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #f2f2f2; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-active, .table-active > th, .table-active > td { background-color: rgba(255, 255, 255, 0.04); } .table-hover .table-active:hover { background-color: rgba(242, 242, 242, 0.04); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(242, 242, 242, 0.04); } .thead-inverse th { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); } .thead-default th { color: rgba(255, 255, 255, 0.85); background-color: rgba(255, 255, 255, 0.125); } .table-inverse { color: #ffffff; background-color: rgba(0, 0, 0, 0.2); } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: rgba(255, 255, 255, 0.06); } .table-inverse.table-bordered { border: 0; } .table-inverse.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-inverse.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 991px) { .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive.table-bordered { border: 0; } } .form-control { display: block; width: 100%; padding: 0.6rem 1rem; font-size: 1rem; line-height: 1.25; color: rgba(255, 255, 255, 0.85); background-color: transparent; background-image: none; background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: rgba(255, 255, 255, 0.85); background-color: transparent; outline: none; /*box-shadow: 0 0 5px -1px #2befed; border-radius: 10px;*/ } .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .form-control::placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: transparent; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(2.45rem + 2px); } select.form-control:focus::-ms-value { color: rgba(255, 255, 255, 0.85); background-color: transparent; } .form-control-file, .form-control-range { display: block; } .col-form-label { padding-top: calc(0.6rem - 1px * 2); padding-bottom: calc(0.6rem - 1px * 2); margin-bottom: 0; } .col-form-label-lg { padding-top: calc(0.5rem - 1px * 2); padding-bottom: calc(0.5rem - 1px * 2); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem - 1px * 2); padding-bottom: calc(0.25rem - 1px * 2); font-size: 0.875rem; } .col-form-legend { padding-top: 0.6rem; padding-bottom: 0.6rem; margin-bottom: 0; font-size: 1rem; } .form-control-plaintext { padding-top: 0.6rem; padding-bottom: 0.6rem; margin-bottom: 0; line-height: 1.25; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .form-control-plaintext.input-group-addon, .input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .form-control-plaintext.input-group-addon, .input-group-lg > .input-group-btn > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 0.25rem 0.55rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { height: calc(2.3125rem + 2px); } .form-group { margin-bottom: 2rem; } .form-group:last-child { margin-bottom: 0; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; margin-bottom: 0.5rem; } .form-check.disabled .form-check-label { color: rgba(255, 255, 255, 0.7); } .form-check-label { padding-left: 1.25rem; margin-bottom: 0; } .form-check-input { position: absolute; margin-top: 0.25rem; margin-left: -1.25rem; } .form-check-input:only-child { position: static; } .form-check-inline { display: inline-block; } .form-check-inline .form-check-label { vertical-align: middle; } .form-check-inline + .form-check-inline { margin-left: 0.75rem; } .invalid-feedback { display: none; margin-top: .25rem; font-size: .875rem; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; width: 250px; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; } .was-validated .form-control:valid ~ .invalid-feedback, .was-validated .form-control:valid ~ .invalid-tooltip, .form-control.is-valid ~ .invalid-feedback, .form-control.is-valid ~ .invalid-tooltip, .was-validated .custom-select:valid ~ .invalid-feedback, .was-validated .custom-select:valid ~ .invalid-tooltip, .custom-select.is-valid ~ .invalid-feedback, .custom-select.is-valid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator { background-color: rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description { color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before { border-color: inherit; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator { background-color: rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description { color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before { border-color: inherit; } .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; margin-top: 0; margin-bottom: 0; } .form-inline .form-check-label { padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; } .form-inline .custom-control-indicator { position: static; display: inline-block; margin-right: 0.25rem; vertical-align: text-bottom; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .btn { display: inline-block; font-weight: normal; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.4rem 0.8rem 0.4rem 0.7rem !important; font-size: 1rem; line-height: 1.25; border-radius: 2px; transition: all 0.15s ease-in-out; cursor: pointer; } .btn:focus, .btn:hover { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: none; } .btn.disabled, .btn:disabled { opacity: .65; } .btn:active, .btn.active { background-image: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; } .btn-primary.disabled, .btn-primary:disabled { background-color: #007bff; } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { background-color: #0069d9; background-image: none; } .btn-secondary { color: #111; background-color: #ffffff; } .btn-secondary:hover { color: #111; background-color: #ececec; } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #ffffff; } .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { background-color: #ececec; background-image: none; } .btn-success { color: #fff; background-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; } .btn-success.disabled, .btn-success:disabled { background-color: #28a745; } .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { background-color: #218838; background-image: none; } .btn-info { color: #fff; background-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; } .btn-info.disabled, .btn-info:disabled { background-color: #17a2b8; } .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { background-color: #138496; background-image: none; } .btn-warning { color: #111; background-color: #ffc107; } .btn-warning:hover { color: #111; background-color: #e0a800; } .btn-warning.disabled, .btn-warning:disabled { background-color: #ffc107; } .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { background-color: #e0a800; background-image: none; } .btn-danger { color: #fff; background-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; } .btn-danger.disabled, .btn-danger:disabled { background-color: #dc3545; } .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { background-color: #c82333; background-image: none; } .btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-secondary { color: #ffffff; background-color: transparent; background-image: none; border-color: #ffffff; } .btn-outline-secondary:hover { color: #fff; background-color: #ffffff; border-color: #ffffff; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #ffffff; background-color: transparent; } .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #ffffff; border-color: #ffffff; } .btn-outline-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:active, .btn-outline-info.active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } .btn-outline-warning:hover { color: #fff; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:active, .btn-outline-warning.active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #ffc107; border-color: #ffc107; } .btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:active, .btn-outline-danger.active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-link { font-weight: normal; color: #a4d0ff; border-radius: 0; text-decoration: none; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; box-shadow: none; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #58a8ff; text-decoration: none; background-color: transparent; } .btn-link:disabled { color: #868e96; } .btn-link:disabled:focus, .btn-link:disabled:hover { text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 2px; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.55rem; font-size: 0.875rem; line-height: 1.5; border-radius: 2px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .dropup, .dropdown { position: relative; } .dropdown-toggle .acs-btn-icon::after { display: inline-block; width: 0; height: 0; margin-left: 0.7em; vertical-align: 0.255em; content: ""; border-top: 0.4em solid; border-right: 0.4em solid transparent; border-left: 0.4em solid transparent; } .dropdown-toggle::after { display: none; } .dropdown-toggle:empty::after { margin-left: 0; } .dropup .dropdown-menu { margin-top: 0; margin-bottom: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.8rem 0; margin: 0 0 0; font-size: 1rem; color: rgba(255, 255, 255, 0.85); text-align: left; list-style: none; background-color: rgba(0, 0, 0, 0.96); background-clip: padding-box; border: 0 solid transparent; border-radius: 2px; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.055); } .dropdown-item { display: block; width: 100%; padding: 0.5rem 1.5rem; clear: both; font-weight: normal; color: rgba(255, 255, 255, 0.85); text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #ffffff; text-decoration: none; background-color: rgba(255, 255, 255, 0.12); } .dropdown-item.active, .dropdown-item:active { color: #ffffff; text-decoration: none; background-color: rgba(255, 255, 255, 0.06); } .dropdown-item.disabled, .dropdown-item:disabled { color: #868e96; background-color: transparent; } .show > a { outline: 0; } .dropdown-menu.show { display: block; top: 5px !important; } .dropdown-header { display: block; padding: 0.8rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #ffffff; white-space: nowrap; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-bottom: 0; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 2; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .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, .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-left: -1px; } .btn-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .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 + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn + .dropdown-toggle-split::after { margin-left: 0; position: relative; right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.4125rem; padding-left: 0.4125rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .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-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; } .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; } [data-bs-toggle="buttons"] > .btn input[type="radio"], [data-bs-toggle="buttons"] > .btn input[type="checkbox"], [data-bs-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-bs-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .input-group .form-control { position: relative; z-index: 2; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .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 { white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 0.6rem 1rem; margin-bottom: 0; font-size: 1rem; font-weight: normal; line-height: 1.25; color: rgba(255, 255, 255, 0.85); text-align: center; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.25rem 0.55rem; font-size: 0.875rem; border-radius: 0; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:not(:last-child) { border-right: 0; } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .form-control + .input-group-addon:not(:first-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:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 3; } .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; } .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px; } .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:hover { z-index: 3; } .custom-control { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-height: 1.5rem; padding-left: 2rem; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-indicator { color: #ffffff; background-color: transparent; } .custom-control-input:focus ~ .custom-control-indicator { box-shadow: none; } .custom-control-input:active ~ .custom-control-indicator { color: #ffffff; background-color: transparent; } .custom-control-input:disabled ~ .custom-control-indicator { background-color: transparent; } .custom-control-input:disabled ~ .custom-control-description { color: rgba(255, 255, 255, 0.7); } .custom-control-indicator { position: absolute; top: 0.096rem; left: 0; display: block; width: 1.308rem; height: 1.308rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-indicator { border-radius: 2px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background-image: none; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { background-color: #007bff; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23ffffff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-radio .custom-control-indicator { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-indicator { background-image: none; } .custom-controls-stacked { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .custom-controls-stacked .custom-control { margin-bottom: 0.25rem; } .custom-controls-stacked .custom-control + .custom-control { margin-left: 0; } .custom-select { display: inline-block; max-width: 100%; height: calc(2.45rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.25; color: rgba(255, 255, 255, 0.85); vertical-align: middle; background: #ffffff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: none; } .custom-select:focus::-ms-value { color: rgba(255, 255, 255, 0.85); background-color: transparent; } .custom-select:disabled { color: #868e96; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-file { position: relative; display: inline-block; max-width: 100%; height: 2.5rem; margin-bottom: 0; } .custom-file-input { min-width: 14rem; max-width: 100%; height: 2.5rem; margin: 0; opacity: 0; } .custom-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #495057; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 2px; } .custom-file-control:lang(en):empty::after { content: "Choose file..."; } .custom-file-control::before { position: absolute; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #495057; background-color: #e9ecef; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0 2px 2px 0; } .custom-file-control:lang(en)::before { content: "Browse"; } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 15px 30px; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: rgba(255, 255, 255, 0.7); } .nav-tabs { border-bottom: 2px solid rgba(255, 255, 255, 0.08); display: -webkit-box; } .nav-tabs .nav-item { margin-bottom: -2px; } .nav-tabs .nav-link { border: 2px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef rgba(255, 255, 255, 0.08); } .nav-tabs .nav-link.disabled { color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #ffffff; background-color: transparent; border-color: #ddd #ddd transparent; } .nav-tabs .dropdown-menu { margin-top: -2px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 2px; } .nav-pills .nav-link.active, .show > .nav-pills .nav-link { color: #ffffff; background-color: rgba(255, 255, 255, 0.08); } .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.8125rem; padding-bottom: 0.8125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 1rem; padding-bottom: 1rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background: transparent; border: 1px solid transparent; border-radius: 2px; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-dark .navbar-brand { color: white; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: white; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: white; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; background-color: transparent; border: 1px solid transparent; border-radius: 2px; } .card-title { margin-bottom: 1rem; color: #ffffff; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.8rem 2.2rem; color: rgba(255, 255, 255, 0.85); background-color: rgba(0, 0, 0, 0.2); margin-bottom: 15px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; } .card-subtitle { margin-top: -1.05rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 2.2rem; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .card-header { padding: 14px 19px; font-size: 1.1rem; margin-bottom: 0; color: rgba(255, 255, 255, 0.85); background-color: rgba(0, 0, 0, 0.075); } .card-header:first-child { border-radius: 2px 2px 0 0; } .card-footer { padding: 1rem 2.2rem; background-color: rgba(0, 0, 0, 0.075); border-top: 1px solid transparent; } .card-footer:last-child { border-radius: 0 0 2px 2px; } .card-header-tabs { margin-right: -1.1rem; margin-bottom: -2.1rem; margin-left: -1.1rem; border-bottom: 0; } .card-header-pills { margin-right: -1.1rem; margin-left: -1.1rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; } .card-img { width: 100%; border-radius: 2px; } .card-img-top { width: 100%; border-top-left-radius: 2px; border-top-right-radius: 2px; } .card-img-bottom { width: 100%; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } @media (min-width: 576px) { .card-deck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-left: 15px; } } @media (min-width: 576px) { .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group .card:not(:first-child):not(:last-child) { border-radius: 0; } .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } } .card-columns .card { margin-bottom: 2.3rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .breadcrumb { padding: 0.75rem 0.25rem; margin-bottom: 1rem; list-style: none; background-color: transparent; border-radius: 2px; } .breadcrumb::after { display: block; clear: both; content: ""; } .breadcrumb-item { float: left; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #868e96; content: ""; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #ffffff; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 2px; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .page-item:last-child .page-link { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .page-item.active .page-link { z-index: 2; color: #000000; background-color: #ffffff; border-color: #007bff; } .page-item.disabled .page-link { color: rgba(255, 255, 255, 0.85); pointer-events: none; background-color: rgba(255, 255, 255, 0.08); border-color: #ddd; } .page-link { position: relative; display: block; padding: 0 0; margin-left: -1px; line-height: 1.25; color: rgba(255, 255, 255, 0.85); background-color: rgba(255, 255, 255, 0.08); border: 0 solid #ddd; } .page-link:focus, .page-link:hover { color: rgba(255, 255, 255, 0.85); text-decoration: none; background-color: rgba(255, 255, 255, 0.2); border-color: #ddd; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .badge { display: inline-block; padding: 0.4rem 0.55rem; font-size: 85%; font-weight: 500; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 2px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } .badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #0062cc; } .badge-secondary { color: #111; background-color: #ffffff; } .badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #111; text-decoration: none; background-color: #e6e6e6; } .badge-success { color: #fff; background-color: #28a745; } .badge-success[href]:focus, .badge-success[href]:hover { color: #fff; text-decoration: none; background-color: #1e7e34; } .badge-info { color: #fff; background-color: #17a2b8; } .badge-info[href]:focus, .badge-info[href]:hover { color: #fff; text-decoration: none; background-color: #117a8b; } .badge-warning { color: #111; background-color: #ffc107; } .badge-warning[href]:focus, .badge-warning[href]:hover { color: #111; text-decoration: none; background-color: #d39e00; } .badge-danger { color: #fff; background-color: #dc3545; } .badge-danger[href]:focus, .badge-danger[href]:hover { color: #fff; text-decoration: none; background-color: #bd2130; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgba(255, 255, 255, 0.08); border-radius: 2px; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } @-webkit-keyframes progress-bar-stripes { from { background-position: 3px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 3px 0; } to { background-position: 0 0; } } .progress { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; font-size: 0.75rem; text-align: center; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; border-radius: 0; height: 15px; line-height: 15px; text-align: center; } .progress-bar { height: 3px; line-height: 3px; color: #ffffff; background-color: #ffffff; transition: width 0.6s ease; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 3px 3px; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { color: #495057; text-decoration: none; background-color: rgba(255, 255, 255, 0.06); } .list-group-item-action:active { color: rgba(255, 255, 255, 0.85); background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 1rem 2rem; margin-bottom: 0; background-color: transparent; border: 0 solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .list-group-item:focus, .list-group-item:hover { text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #868e96; background-color: transparent; } .list-group-item.active { z-index: 2; color: #ffffff; background-color: #007bff; border-color: #007bff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } a.list-group-item-primary, button.list-group-item-primary { color: #004085; } a.list-group-item-primary:focus, a.list-group-item-primary:hover, button.list-group-item-primary:focus, button.list-group-item-primary:hover { color: #004085; background-color: #9fcdff; } a.list-group-item-primary.active, button.list-group-item-primary.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #858585; background-color: white; } a.list-group-item-secondary, button.list-group-item-secondary { color: #858585; } a.list-group-item-secondary:focus, a.list-group-item-secondary:hover, button.list-group-item-secondary:focus, button.list-group-item-secondary:hover { color: #858585; background-color: #f2f2f2; } a.list-group-item-secondary.active, button.list-group-item-secondary.active { color: #fff; background-color: #858585; border-color: #858585; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } a.list-group-item-success, button.list-group-item-success { color: #155724; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #155724; background-color: #b1dfbb; } a.list-group-item-success.active, button.list-group-item-success.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } a.list-group-item-info, button.list-group-item-info { color: #0c5460; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #0c5460; background-color: #abdde5; } a.list-group-item-info.active, button.list-group-item-info.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } a.list-group-item-warning, button.list-group-item-warning { color: #856404; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #856404; background-color: #ffe8a1; } a.list-group-item-warning.active, button.list-group-item-warning.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } a.list-group-item-danger, button.list-group-item-danger { color: #721c24; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #721c24; background-color: #f1b0b7; } a.list-group-item-danger.active, button.list-group-item-danger.active { color: #fff; background-color: #721c24; border-color: #721c24; } .close { float: right; font-size: 1.5rem; font-weight: normal; line-height: 1; color: #000000; text-shadow: none; opacity: .5; } .close:focus, .close:hover { color: #000000; text-decoration: none; opacity: .75; } button.close { padding: 0; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: rgba(255, 255, 255, 0.85); background-color: rgba(0, 0, 0, 0.96); background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.2); border-radius: 2px; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #ffffff; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.2; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 30px 0; border-bottom: 0 solid #e9ecef; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 25px 20px; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 25px 30px; border-top: 0 solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .modal.left .modal-dialog { position: fixed; right: 0; margin: auto; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .modal.left .modal-content { height: 100%; overflow-y: auto; } .modal.left .modal-header { background-color: #000000; } @media (max-width: 576px) { .modal-dialog { max-width: 500px; margin: 30px auto; } .modal-sm { max-width: 300px; } } @media (max-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Nunito", sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 1rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 1; } .tooltip .arrow { position: absolute; display: block; width: 5px; height: 5px; } .tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] { padding: 5px 0; } .tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { margin-left: -3px; content: ""; border-width: 5px 5px 0; border-top-color: rgba(0, 0, 0, 0.96); } .tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] { padding: 0 5px; } .tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; } .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { margin-top: -3px; content: ""; border-width: 5px 5px 5px 0; border-right-color: rgba(0, 0, 0, 0.96); } .tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] { padding: 5px 0; } .tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { margin-left: -3px; content: ""; border-width: 0 5px 5px; border-bottom-color: rgba(0, 0, 0, 0.96); } .tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] { padding: 0 5px; } .tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; } .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { right: 0; margin-top: -3px; content: ""; border-width: 5px 0 5px 5px; border-left-color: rgba(0, 0, 0, 0.96); } .tooltip .arrow::before { position: absolute; border-color: transparent; border-style: solid; } .tooltip-inner { max-width: 200px; padding: 0.7rem 1.1rem; color: #ffffff; text-align: center; background-color: rgba(0, 0, 0, 0.96); border-radius: 20px; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; padding: 15px 10px; font-family: "Nunito", sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.96); background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.2); border-radius: 2px; } .popover .arrow { position: absolute; display: block; width: 10px; height: 5px; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; border-color: transparent; border-style: solid; } .popover .arrow::before { content: ""; border-width: 11px; } .popover .arrow::after { content: ""; border-width: 11px; } .popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] { margin-bottom: 10px; } .popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow { bottom: 0; } .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before, .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { border-bottom-width: 0; } .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before { bottom: -11px; margin-left: -6px; border-top-color: transparent; } .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { bottom: -10px; margin-left: -6px; border-top-color: rgba(0, 0, 0, 0.96); } .popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] { margin-left: 10px; } .popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow { left: 0; } .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before, .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { margin-top: -8px; border-left-width: 0; } .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before { left: -11px; border-right-color: transparent; } .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { left: -10px; border-right-color: rgba(0, 0, 0, 0.96); } .popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] { margin-top: 10px; } .popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow { top: 0; } .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { margin-left: -7px; border-top-width: 0; } .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before { top: -11px; border-bottom-color: transparent; } .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { top: -10px; border-bottom-color: rgba(0, 0, 0, 0.96); } .popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 20px; margin-left: -10px; content: ""; border-bottom: 1px solid transparent; } .popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] { margin-right: 10px; } .popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow { right: 0; } .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before, .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { margin-top: -8px; border-right-width: 0; } .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before { right: -11px; border-left-color: transparent; } .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { right: -10px; border-left-color: rgba(0, 0, 0, 0.96); } .popover-header { padding: 8px 14px; margin-bottom: 0; font-size: 1rem; color: #ffffff; background-color: transparent; border-bottom: 0 solid transparent; border-top-left-radius: calc(2px - 0); border-top-right-radius: calc(2px - 0); } .popover-header:empty { display: none; } .popover-body { padding: 9px 14px; color: rgba(255, 255, 255, 0.85); } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next, .active.carousel-item-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #ffffff; text-align: center; opacity: 0.8; } .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-next:hover { color: #ffffff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 40px; height: 40px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: none; } .carousel-control-next-icon { background-image: none; } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #ffffff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgba(255, 255, 255, 0.9); text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #0062cc !important; } .bg-secondary { background-color: #ffffff !important; } a.bg-secondary:focus, a.bg-secondary:hover { background-color: #e6e6e6 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:focus, a.bg-success:hover { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:focus, a.bg-info:hover { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #bd2130 !important; } .bg-white { background-color: #ffffff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #e9ecef !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #ffffff !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-white { border-color: #ffffff !important; } .rounded { border-radius: 2px !important; } .rounded-top { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; } .rounded-right { border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; } .rounded-bottom { border-bottom-right-radius: 2px !important; border-bottom-left-radius: 2px !important; } .rounded-left { border-top-left-radius: 2px !important; border-bottom-left-radius: 2px !important; } .rounded-circle { border-radius: 50%; } .rounded-0 { border-radius: 0; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .d-print-block { display: none !important; } @media print { .d-print-block { display: block !important; } } .d-print-inline { display: none !important; } @media print { .d-print-inline { display: inline !important; } } .d-print-inline-block { display: none !important; } @media print { .d-print-inline-block { display: inline-block !important; } } @media print { .d-print-none { display: none !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .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-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .ml-3 { margin-left: 1rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .ml-4 { margin-left: 1.5rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5 { margin-top: 3rem !important; } .mr-5 { margin-right: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .ml-5 { margin-left: 3rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3 { padding-top: 1rem !important; } .pr-3 { padding-right: 1rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pl-3 { padding-left: 1rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pl-4 { padding-left: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5 { padding-top: 3rem !important; } .pr-5 { padding-right: 3rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pl-5 { padding-left: 3rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0 { margin-top: 0 !important; } .mr-sm-0 { margin-right: 0 !important; } .mb-sm-0 { margin-bottom: 0 !important; } .ml-sm-0 { margin-left: 0 !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1 { margin-left: 0.25rem !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2 { margin-left: 0.5rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4 { margin-left: 1.5rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mr-sm-5 { margin-right: 3rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5 { margin-left: 3rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0 { padding-top: 0 !important; } .pr-sm-0 { padding-right: 0 !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pl-sm-0 { padding-left: 0 !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1 { padding-left: 0.25rem !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2 { padding-left: 0.5rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4 { padding-left: 1.5rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pr-sm-5 { padding-right: 3rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5 { padding-left: 3rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0 { margin-top: 0 !important; } .mr-md-0 { margin-right: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; } .ml-md-0 { margin-left: 0 !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mr-md-1 { margin-right: 0.25rem !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1 { margin-left: 0.25rem !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mr-md-2 { margin-right: 0.5rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2 { margin-left: 0.5rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .ml-md-3 { margin-left: 1rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mr-md-4 { margin-right: 1.5rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4 { margin-left: 1.5rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mr-md-5 { margin-right: 3rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .ml-md-5 { margin-left: 3rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0 { padding-top: 0 !important; } .pr-md-0 { padding-right: 0 !important; } .pb-md-0 { padding-bottom: 0 !important; } .pl-md-0 { padding-left: 0 !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pr-md-1 { padding-right: 0.25rem !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1 { padding-left: 0.25rem !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pr-md-2 { padding-right: 0.5rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2 { padding-left: 0.5rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pl-md-3 { padding-left: 1rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pr-md-4 { padding-right: 1.5rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4 { padding-left: 1.5rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pr-md-5 { padding-right: 3rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .pl-md-5 { padding-left: 3rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0 { margin-top: 0 !important; } .mr-lg-0 { margin-right: 0 !important; } .mb-lg-0 { margin-bottom: 0 !important; } .ml-lg-0 { margin-left: 0 !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1 { margin-left: 0.25rem !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2 { margin-left: 0.5rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mr-lg-3 { margin-right: 1rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3 { margin-left: 1rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4 { margin-left: 1.5rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mr-lg-5 { margin-right: 3rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5 { margin-left: 3rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0 { padding-top: 0 !important; } .pr-lg-0 { padding-right: 0 !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pl-lg-0 { padding-left: 0 !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1 { padding-left: 0.25rem !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2 { padding-left: 0.5rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pr-lg-3 { padding-right: 1rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3 { padding-left: 1rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4 { padding-left: 1.5rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pr-lg-5 { padding-right: 3rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5 { padding-left: 3rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0 { margin-top: 0 !important; } .mr-xl-0 { margin-right: 0 !important; } .mb-xl-0 { margin-bottom: 0 !important; } .ml-xl-0 { margin-left: 0 !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1 { margin-left: 0.25rem !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2 { margin-left: 0.5rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mr-xl-3 { margin-right: 1rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3 { margin-left: 1rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4 { margin-left: 1.5rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mr-xl-5 { margin-right: 3rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5 { margin-left: 3rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0 { padding-top: 0 !important; } .pr-xl-0 { padding-right: 0 !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pl-xl-0 { padding-left: 0 !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1 { padding-left: 0.25rem !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2 { padding-left: 0.5rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pr-xl-3 { padding-right: 1rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3 { padding-left: 1rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4 { padding-left: 1.5rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pr-xl-5 { padding-right: 3rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5 { padding-left: 3rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto { margin-top: auto !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-auto { margin-left: auto !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: normal; } .font-weight-bold { font-weight: 600; } .font-italic { font-style: italic; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:focus, a.text-primary:hover { color: #0062cc !important; } .text-secondary { color: #ffffff !important; } a.text-secondary:focus, a.text-secondary:hover { color: #e6e6e6 !important; } .text-success { color: #28a745 !important; } a.text-success:focus, a.text-success:hover { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:focus, a.text-info:hover { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:focus, a.text-warning:hover { color: #d39e00 !important; } .text-danger { color: #f75d6b !important; } a.text-danger:focus, a.text-danger:hover { color: #bd2130 !important; } .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .dropdown, .dropup { position: relative; } .dropdown-item { transition: background-color 300ms, color 300ms; line-height: 1.5; cursor: pointer; } .dropdown-menu { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5); } .dropdown-header { font-size: 1rem; padding: 1.1rem 1.8rem 0.9rem; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .dropdown-header .actions { position: absolute; top: 0.4rem; right: 0.8rem; } .dropdown-menu--block { width: 320px; } @media (max-width: 575px) { .dropdown-menu--block { width: 250px; } } .dropdown-menu--icon .dropdown-item > i { line-height: 100%; vertical-align: top; font-size: 1.4rem; width: 2rem; } .progress-bar { height: 100%; } .card:not([class*="border-"]) { border: 0; } .card-title { font-size: 1.25rem; line-height: 210%; margin-top: -5px; } .card-title > * { cursor: pointer; } .card-title:last-child { margin-bottom: 0; } .card-subtitle { color: rgba(255, 255, 255, 0.7); font-size: 1rem; font-weight: normal; margin-top: -1.45rem; line-height: 1.5; } .card-subtitle:not(:last-child) { margin-bottom: 2rem; } .card > .actions, .card-body .actions { position: absolute; right: 20px; top: 1.2rem; } @media (max-width: 499px) { .card > .actions, .card-body .actions { position: relative; right: 97px; top: -11px; } } @media (max-width: 375px) { .card > .actions, .card-body .actions { position: absolute; right: 20px; top: 17px; } .card > .actions.acs-card-actions, .card-body .actions.acs-card-actions { position: absolute; right: 5px; top: 17px; } .acs-code-inventory-global-filter { margin-top: 15px; } } .acs-code-inventory-global-filter { display: inline-block; } [class*="card-img"] { width: 100%; } .card-link { text-transform: uppercase; font-size: 0.98rem; color: rgba(255, 255, 255, 0.7); font-weight: 600; display: inline-block; margin-top: 1rem; transition: color 300ms; } .card-link:hover { color: #ffffff; } .card-body .card-body { margin-bottom: 0; } .card-body__title { font-size: 1.15rem; color: #ffffff; margin-bottom: 1rem; font-weight: normal; } .card--fullscreen { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 101; background-color: rgba(0, 0, 0, 0.96); overflow: auto; } .btn-light { background-color: rgba(255, 255, 255, 0.125); color: #ffffff; } .btn-light:hover { background-color: rgba(255, 255, 255, 0.25); background-image: none; color: #ffffff; border: 1px solid transparent; } .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.show { color: #ffffff; border-color: transparent; background-color: rgba(255, 255, 255, 0.35); } .btn-dark { background-color: rgba(0, 0, 0, 0.25); color: #ffffff; } .btn-dark:hover { background-color: rgba(0, 0, 0, 0.35); background-image: none; color: #ffffff; } .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { background-color: rgba(0, 0, 0, 0.45); } .btn-outline-light:hover { color: #131313; } .btn--icon { border-radius: 50%; width: 3rem; height: 3rem; line-height: 2.7rem; padding: 0; font-size: 1.2rem; text-align: center; } .btn--icon-text > .zmdi { font-size: 1.2rem; display: inline-block; vertical-align: top; margin: 1px 5px 0 0; } .btn--action { z-index: 2; height: 50px; width: 50px; padding: 0; line-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; font-size: 20px; cursor: pointer; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15); } .btn--fixed { position: fixed !important; bottom: 30px; right: 30px; } .btn-group-justified { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .btn-group-justified .btn, .btn-group-justified .btn-group { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .btn-group-justified .btn .btn, .btn-group-justified .btn-group .btn { width: 100%; } .btn-group--colors > .btn { box-shadow: none !important; border-radius: 50% !important; width: 30px; height: 30px; margin-right: 4px; margin-bottom: 4px; position: relative; } .btn-group--colors > .btn:before { font-family: "Material-Design-Iconic-Font"; content: ""; font-size: 16px; transition: opacity 200ms, -webkit-transform 200ms; transition: transform 200ms, opacity 200ms; transition: transform 200ms, opacity 200ms, -webkit-transform 200ms; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 28px; padding-right: 3px; color: #ffffff; font-style: italic; -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .btn-group--colors > .btn.btn:not([class*="bg-"]) { border: 1px solid rgba(242, 242, 242, 0.2); } .btn-group--colors > .btn.btn:not([class*="bg-"]):before { color: rgba(255, 255, 255, 0.85); } .btn-group--colors > .btn.active:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .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-left: 0; } .table th { font-weight: 600; } .table thead > tr > th { border-top: 0; border-bottom: 0; } .table thead[class*="thead-"] + tbody > tr:first-child > td, .table thead[class*="thead-"] + tbody > tr:first-child > th { border-top: 0; } .data-table table th { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; position: relative; } .data-table table th > i.fa { position: absolute; font-style: normal; right: 0.3rem; bottom: 0.6rem; font-size: 1.4rem; } .data-table table th > i.fa:before { font-family: "Material-Design-Iconic-Font"; } .data-table table th > i.fa.fa-chevron-up:before { content: '\f1ce'; } .data-table table th > i.fa.fa-chevron-down:before { content: '\f1cd'; } .data-table tr > td:first-child, .data-table tr > th:first-child { padding-left: 2.2rem; } .data-table tr > td:last-child, .data-table tr > th:last-child { padding-right: 2.2rem; } .data-table__header { padding: 0 0 2rem; } .data-table__filter { max-width: 500px; } .data-table__filter .form-control { padding-left: 2rem; } .data-table__filter:before { content: '\f1c3'; font-family: "Material-Design-Iconic-Font"; font-size: 1.5rem; position: absolute; left: 0; bottom: 0.263rem; } .data-table__footer { text-align: center; padding: 2.1rem 0; } .form-control { border-width: 0 0 1px 0; padding-left: 1px; padding-right: 1px; resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-overflow-style: none; } .form-control:focus ~ .form-group__bar:before { width: 100%; } .form-control:disabled, .form-control[readonly] { opacity: 0.6; } .form-group { position: relative; } select::-ms-expand { display: none; } .select:before { content: ""; position: absolute; pointer-events: none; z-index: 1; right: 1px; bottom: 5px; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent #d1d1d1 transparent; } .form-group__bar { position: absolute; left: 0; bottom: 8px; z-index: 1; width: 100%; } .form-group__bar:before { content: ''; position: absolute; height: 1px; width: 0; bottom: 0; transition: all 400ms; transition-timing-function: ease; background-color: rgba(255, 255, 255, 1); left: 0; } .icon-toggle { position: relative; display: inline-block; width: 35px; height: 35px; cursor: pointer; line-height: 35px; } .icon-toggle .zmdi { z-index: 2; font-size: 1.5rem; color: rgba(255, 255, 255, 0.25); transition: color 300ms; } .icon-toggle input[type="checkbox"] { position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; cursor: pointer; opacity: 0; } .icon-toggle input[type="checkbox"]:checked ~ .zmdi { color: #ffffff; } .icon-toggle:hover .zmdi { color: rgba(255, 255, 255, 0.5); } .input-group .form-group { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; margin: 0; } .input-group .form-group .form-control { width: 100%; } .input-group .form-group .form-group__bar { z-index: 3; } .input-group .form-group--float > label { z-index: 3; } .input-group-addon { padding: 0 1rem !important; } .input-group-addon + .form-group .form-control { padding-right: 1rem; padding-left: 1rem; border-left: 1px solid rgba(255, 255, 255, 0.2); } .custom-control { margin-bottom: 0; min-height: 1.5rem; } .custom-control-indicator { border: 1px solid rgba(255, 255, 255, 0.6); color: #ffffff; top: 0.03rem; transition: border 200ms; } .custom-checkbox .custom-control-indicator:before { content: '\f26b'; background-color: #ffffff; font-family: "Material-Design-Iconic-Font"; color: #131313; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; transition: background-color 200ms, opacity 200ms; line-height: 1.2rem; text-align: center; font-size: 0.9rem; font-weight: bold; } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator:before { opacity: 1; } .custom-radio .custom-control-indicator:before { content: ''; position: absolute; left: 3px; top: 3px; width: 9px; height: 9px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.9); z-index: 1; -webkit-transform: scale(0); transform: scale(0); transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms; } .custom-radio .custom-control-input:checked ~ .custom-control-indicator:before { -webkit-transform: scale(1); transform: scale(1); } .custom-control-input:checked ~ .custom-control-indicator { border-color: rgba(255, 255, 255, 0.9); } .custom-control-input:disabled ~ .custom-control-indicator { opacity: 0.5; } .custom-control--char { margin: 0; font-weight: normal; } .custom-control--char .custom-control-input { width: 3rem; height: 3rem; z-index: 3; } .custom-control--char .custom-control-input:checked + .custom-control--char__helper:after { opacity: 1; color: #000000; } .custom-control--char .custom-control-input:checked + .custom-control--char__helper:before { opacity: 0; } .custom-control--char .custom-control-input:checked + .custom-control--char__helper > i { font-size: 0; background-color: rgba(255, 255, 255, 0.75); } .custom-control--char:hover .custom-control--char__helper:before { opacity: 1; } .custom-control--char:hover .custom-control--char__helper > i { font-size: 0; } .custom-control--char__helper { position: absolute; font-style: normal; width: 3rem; height: 3rem; border-radius: 50%; left: 0; top: 0; } .custom-control--char__helper:before, .custom-control--char__helper:after, .custom-control--char__helper > i { position: absolute; text-align: center; left: 0; width: 100%; height: 100%; top: 1px; line-height: 3rem; color: #ffffff; } .custom-control--char__helper:before, .custom-control--char__helper:after { font-family: "Material-Design-Iconic-Font"; font-size: 1.5rem; opacity: 0; transition: opacity 300ms; } .custom-control--char__helper:before { content: '\f279'; z-index: 1; } .custom-control--char__helper:after { content: '\f26b'; z-index: 2; } .custom-control--char__helper > i { font-style: normal; border-radius: 50%; font-size: 1.2rem; line-height: 2.9rem; font-weight: 600; background-color: rgba(255, 255, 255, 0.08); transition: font-size 150ms, background-color 300ms; } .page-item.disabled { opacity: 0.6; } .page-link { border-radius: 50% !important; width: 32px; height: 32px; line-height: 32px; text-align: center; z-index: 1; cursor: pointer; transition: background-color 300ms, color 300ms; margin: 0 2px; } .page-link > .zmdi { font-size: 1.5rem; } .pagination-next .page-link, .pagination-prev .page-link, .pagination-first .page-link, .pagination-last .page-link { font-size: 0; } .pagination-next .page-link:before, .pagination-prev .page-link:before, .pagination-first .page-link:before, .pagination-last .page-link:before { font-family: "Material-Design-Iconic-Font"; font-size: 1rem; line-height: 2.55rem; } .pagination-prev .page-link:before { content: '\f2ff'; } .pagination-next .page-link:before { content: '\f301'; } .pagination-first .page-link:before, .pagination-last .page-link:before { content: '\f302'; } .pagination-first .page-link:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; } .alert { padding: 18px 24px; margin-bottom: 1rem; border: 0 solid transparent; border-radius: 2px; } .alert-link { font-weight: normal; color: #ffffff; border-bottom: 1px dotted rgba(255, 255, 255, 0.4); } .alert-link:hover, .alert-link:focus { opacity: 0.9; color: #ffffff; } .alert-primary { background-color: rgba(0, 123, 255, 0.95); border-color: #007bff; } .alert-secondary { background-color: rgba(255, 255, 255, 0.95); border-color: #ffffff; } .alert-success { background-color: rgba(40, 167, 69, 0.95); border-color: #28a745; } .alert-info { background-color: rgba(23, 162, 184, 0.95); border-color: #17a2b8; } .alert-warning { background-color: rgba(255, 193, 7, 0.95); border-color: #ffc107; } .alert-danger { background-color: rgba(220, 53, 69, 0.95); border-color: #dc3545; } .alert-heading { font-weight: 600; font-size: 1.1rem; margin: 0.15rem 0 1rem; color: inherit; } .alert-dismissible .close { margin-left: 2rem; } .alert-dismissible .close > span:not(.sr-only) { transition: opacity 300ms; background-color: rgba(255, 255, 255, 0.2); opacity: 0.8; line-height: 17px; height: 19px; width: 19px; border-radius: 50%; font-size: 1rem; display: block; font-weight: 600; color: #ffffff; } .alert-dismissible .close:hover span:not(.sr-only), .alert-dismissible .close:focus span:not(.sr-only) { opacity: 1; } .alert--notify { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); } .alert--notify:not(.alert-info):not(.alert-success):not(.alert-warning):not(.alert-danger) { background-color: rgba(0, 0, 0, 0.96); } .close { transition: opacity 300ms; cursor: pointer; } .close, .close:hover { opacity: 1; } .breadcrumb { border-bottom: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0; } .breadcrumb-item + .breadcrumb-item:before { font-family: "Material-Design-Iconic-Font"; position: relative; top: 1px; color: #ffffff; } .breadcrumb-item, .breadcrumb-item > a { color: rgba(255, 255, 255, 0.7); } .breadcrumb-item:hover, .breadcrumb-item > a:hover { color: #ffffff; } .accordion .card { box-shadow: none; margin-bottom: 1px !important; } .accordion .card-header > a { color: #ffffff; display: block; } .accordion .card-header > a:hover { opacity: 0.9; } .carousel-item img { width: 100%; border-radius: 2px; } .carousel-control-prev-icon, .carousel-control-next-icon { position: relative; } .carousel-control-prev-icon:before, .carousel-control-prev-icon:after, .carousel-control-next-icon:before, .carousel-control-next-icon:after { content: ''; font-family: "Material-Design-Iconic-Font"; font-size: 2rem; color: #ffffff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); transition: opacity 250ms linear, -webkit-transform 250ms linear; transition: opacity 250ms linear, transform 250ms linear; transition: opacity 250ms linear, transform 250ms linear, -webkit-transform 250ms linear; } .carousel-control-prev-icon:after, .carousel-control-next-icon:after { -webkit-transform: scale(5); transform: scale(5); opacity: 0; } .carousel-control-prev:hover .carousel-control-prev-icon:after, .carousel-control-prev:hover .carousel-control-next-icon:after, .carousel-control-after:hover .carousel-control-prev-icon:after, .carousel-control-after:hover .carousel-control-next-icon:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .carousel-control-prev:hover .carousel-control-prev-icon:before, .carousel-control-prev:hover .carousel-control-next-icon:before, .carousel-control-after:hover .carousel-control-prev-icon:before, .carousel-control-after:hover .carousel-control-next-icon:before { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .carousel-control-prev-icon:before, .carousel-control-prev-icon:after { content: '\f2ff'; } .carousel-control-next-icon:before, .carousel-control-next-icon:after { content: '\f301'; } .carousel-caption { background-color: rgba(0, 0, 0, 0.5); border-radius: 2px 2px 0 0; bottom: 0; font-weight: 600; padding-bottom: 35px; } .carousel-caption h3 { color: #ffffff; font-size: 1.3rem; } .modal-content { text-align: left; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); } .modal-dialog { width: calc(100% - 20px); } .modal-footer { padding-top: 0.8rem; } .modal-footer .btn-link { color: #ffffff; font-weight: 600; text-transform: uppercase; cursor: pointer; border-radius: 2px; } .modal-footer .btn-link:hover, .modal-footer .btn-link:focus { background-color: rgba(255, 255, 255, 0.08); box-shadow: none; } @media (min-width: 576px) { .modal { text-align: center; } .modal:before { content: ''; height: 100%; width: 1px; } .modal:before, .modal .modal-dialog { display: inline-block; vertical-align: middle; } .modal-xl { max-width: 1200px; } } .popover { font-size: 1rem; box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1); } .nav-tabs .nav-link { border: 0; color: rgba(255, 255, 255, 0.7); transition: color 300ms; position: relative; font-size: 1.1rem; } .nav-tabs .nav-link:before { content: ""; height: 2px; position: absolute; width: 100%; left: 0; bottom: 0; background-color: #ffffff; -webkit-transform: scale(0); transform: scale(0); transition: all 300ms; } .nav-tabs .nav-link.active:before { -webkit-transform: scale(1); transform: scale(1); } .tab-content { padding: 1.5rem 0; } .nav-link { color: rgba(255, 255, 255, 0.7); } .nav-link:not(.disabled):hover { color: #ffffff; } .nav-link.disabled { color: rgba(255, 255, 255, 0.7); cursor: default; } .bg-blue { background-color: #007bff !important; } .text-blue { color: #007bff !important; } .bg-indigo { background-color: #6610f2 !important; } .text-indigo { color: #6610f2 !important; } .bg-purple { background-color: #6f42c1 !important; } .text-purple { color: #6f42c1 !important; } .bg-pink { background-color: #e83e8c !important; } .text-pink { color: #e83e8c !important; } .bg-red { background-color: #dc3545 !important; } .text-red { color: #dc3545 !important; } .bg-orange { background-color: #fd7e14 !important; } .text-orange { color: #fd7e14 !important; } .bg-yellow { background-color: #ffc107 !important; } .text-yellow { color: #ffc107 !important; } .bg-green { background-color: #28a745 !important; } .text-green { color: #28a745 !important; } .bg-teal { background-color: #20c997 !important; } .text-teal { color: #20c997 !important; } .bg-cyan { background-color: #17a2b8 !important; } .text-cyan { color: #17a2b8 !important; } .bg-white { background-color: #ffffff !important; } .text-white { color: #ffffff !important; } .bg-black { background-color: #000000 !important; } .text-black { color: #000000 !important; } /* * Restore Bootstrap 3 "hidden" utility classes. /* Breakpoint XS */ @media (max-width: 576px) { .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl { display: none !important; } } /* Breakpoint SM */ @media (min-width: 576px) and (max-width: 767px) { .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl { display: none !important; } } /* Breakpoint MD */ @media (min-width: 768px) and (max-width: 991px) { .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl { display: none !important; } } /* Breakpoint LG */ @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl { display: none !important; } } /* Breakpoint XL */ @media (min-width: 1200px) { .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg { display: none !important; } } ::-moz-selection { background: rgba(255, 255, 255, 0.1); } ::selection { background: rgba(255, 255, 255, 0.1); } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *:focus, *:active { outline: none !important; } html { font-size: 13px; } a { cursor: pointer; } pre { background-color: rgba(255, 255, 255, 0.8); border-radius: 2px; padding: 1.5rem; } button, input, optgroup, select, textarea { font-family: "Nunito", sans-serif; } .list { list-style: none; padding-left: 0; } .list > li:before { font-family: "Material-Design-Iconic-Font"; margin-right: 1.1rem; } .list--star > li:before { content: '\f27d'; } .list--check > li:before { content: '\f26b'; } .list--dot > li:before { content: '\f26f'; } .main { position: relative; } .main--alt { padding-top: 40px; } @media (min-width: 1200px) { .content:not(.content--boxed):not(.content--full) { padding: 50px 0 0 0; height: 100%; } .acs-content-launcher { padding: 100px 100px 0 100px !important; } } @media (min-width: 576px) and (max-width: 1199px) { .content:not(.content--boxed):not(.content--full) { padding: 50px 0 0; height: 100%; } .acs-content-launcher { padding: 102px 30px 0 !important; } } @media (max-width: 767px) { .content:not(.content--boxed):not(.content--full) { padding: 50px 0 0; height: 100%; } } @media (max-width: 576px) { .acs-content-launcher { padding: 72px 15px 0 !important; } .acs-welcome-text { overflow: hidden; text-overflow: ellipsis; } } @media (min-width: 576px) { .acs-content-launcher { padding: 102px 15px 0 !important; } .content--full { padding: 102px 30px 0; } .acs-welcome-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 767px) { .content--full { padding: 87px 15px 0; } } .content__inner { margin: auto; } .content__inner:not(.content__inner--sm) { max-width: 1320px; } .content__inner--sm { max-width: 800px; } .content__title { margin-bottom: 2rem; padding: 0.75rem 2rem 0.75rem; position: relative; } .content__title > h1 { line-height: 140%; font-size: 1.15rem; margin: 0; color: #ffffff; } .content__title:not(.content__title--alt) > h1 { text-transform: uppercase; } .content__title .actions { position: absolute; top: 0.3rem; right: 1rem; z-index: 15; } @media (max-width: 991px) { .content__title .actions { display: none; } } .content__title > small { font-size: 1rem; display: block; margin-top: 0.75rem; color: rgba(255, 255, 255, 0.8); } [data-columns]::after { display: block; clear: both; content: ""; } @media (min-width: 1500px) { [data-columns]:before { content: '3 .column.size-1of3'; } } @media (min-width: 768px) { [data-columns] { margin: 0 -15px; } [data-columns] .column { padding: 0 15px; } } @media (min-width: 768px) and (max-width: 1499px) { [data-columns]:before { content: '2 .column.size-1of2'; } } @media screen and (max-width: 767px) { [data-columns] { margin: 0 -10px; } [data-columns] .column { padding: 0 10px; } [data-columns]:before { content: '1 .column.size-1of1'; } } .column { float: left; } .size-1of1 { width: 100%; } .size-1of2 { width: 50%; } .size-1of3 { width: 33.333%; } .view-more { display: block; padding: 1.1rem 0; text-align: center; margin-top: 0.5rem; font-size: 0.9rem; text-transform: uppercase; font-weight: 600; transition: color 300ms; color: rgba(255, 255, 255, 0.7); } .view-more:hover { color: #ffffff; } .load-more { text-align: center; margin-top: 2rem; } .load-more > a { display: inline-block; padding: 0.5rem 1rem; border: 2px solid rgba(0, 0, 0, 0.065); border-radius: 2px; color: rgba(255, 255, 255, 0.85); transition: border-color 300ms; } .load-more > a > i { font-size: 1.2rem; vertical-align: middle; margin: 0 0.3rem 0 -0.1rem; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .load-more > a:hover { border-color: rgba(0, 0, 0, 0.12); } .load-more > a:hover > i { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .card-body .view-more { padding: 1rem 0 0; } .actions > * { display: inline-block; vertical-align: middle; } .actions__item { line-height: 32px; text-align: center; font-size: 1.55rem; cursor: pointer; color: rgba(255, 255, 255, 0.85); transition: background-color 300ms, color 300ms; width: 35px; height: 35px; border-radius: 50%; padding-top: 1px; } .actions__item[disabled] { color: rgba(155, 155, 155, 0.85); } .actions__item[disabled]:hover { background-color: transparent; color: rgba(155, 155, 155, 0.85); } .actions__item.show, .actions__item:hover { background-color: rgba(255, 255, 255, 0.08); color: #ffffff; } .actions__item > i { display: inline-block; width: 100%; position: relative; padding-top: 2px; } .actions__item--active { background-color: rgba(255, 255, 255, 0.08); } .icon-list { list-style: none; padding: 0; margin: 0; } .icon-list > li { position: relative; padding: 0.3rem 0; } .icon-list > li address { display: inline-block; vertical-align: top; } .icon-list > li > i { width: 2.5rem; text-align: center; font-size: 1.25rem; top: 0.12rem; position: relative; margin-left: -0.5rem; } .avatar-img, .avatar-char { border-radius: 2px; width: 3rem; height: 3rem; margin-right: 1.2rem; } .avatar-char { line-height: 2.9rem; text-transform: uppercase; font-size: 1.2rem; text-align: center; color: #ffffff; background-color: rgba(255, 255, 255, 0.08); font-style: normal; } .avatar-char > .zmdi { line-height: 3.1rem; } .sa-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 100; } .tags__body > a { display: inline-block; padding: 0.65rem 1rem; border: 2px solid rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.85); margin: 0 0.3rem 0.5rem 0; transition: border-color 300ms; } .tags__body > a:hover { border-color: rgba(255, 255, 255, 0.2); } .header { position: fixed; width: 100%; height: 50px; color: #ffffff; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.3); top: 0; left: 0; padding-left: 15px; padding-right: 15px; box-shadow: 0 0 13px rgba(0, 0, 0, 0.22); transition: background-color 1000ms, box-shadow 1000ms; } .header::after { display: block; clear: both; content: ""; } .header .sa-backdrop { position: absolute; } .header--scrolled { background-color: rgba(0, 0, 0, 0.96); box-shadow: 0 0 13px rgba(0, 0, 0, 0.22); } .navigation-trigger { height: 100%; width: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 1.65rem; transition: opacity 100ms; } .navigation-trigger:hover { cursor: pointer; opacity: 0.8; } .logo { padding-left: 2.2rem; height: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1200px) { .logo { min-width: 250px; } } .logo > h1 { line-height: 100%; font-size: 1.3rem; font-weight: normal; margin: 0; } .logo > h1 > a { color: #ffffff; } .top-nav { list-style: none; margin: 0 0 0 auto; padding: 0; margin-right: 1rem; display: flex; } .top-nav > li { display: inline-block; vertical-align: middle; } .top-nav > li > a { display: block; color: #ffffff; border-radius: 2px; text-align: center; line-height: 100%; position: relative; transition: background-color 300ms; } .top-nav > li > a:not(.header__nav__text) { padding: 0.65rem 0.15rem; min-width: 50px; } .top-nav > li > a:not(.header__nav__text) > .zmdi { font-size: 1.65rem; line-height: 100%; } .top-nav > li > a.active, .top-nav > li > a:hover { background-color: rgba(255, 255, 255, 0.2); } .top-nav > li .dropdown-menu--block { padding: 0; } @media (max-width: 575px) { .top-nav > li { position: static; } .top-nav > li .dropdown-menu--block { left: 20px; width: calc(100% - 40px); top: 62px; } } .top-nav__notifications .listview { position: relative; } .top-nav__notifications .listview:before { font-family: "Material-Design-Iconic-Font"; content: ""; font-size: 2.5rem; transition: opacity 300ms, -webkit-transform 300ms; transition: transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 90px; height: 90px; border: 2px solid rgba(255, 255, 255, 0.1); color: #ffffff; border-radius: 50%; -webkit-transform: scale(0) rotate(-360deg); transform: scale(0) rotate(-360deg); opacity: 0; text-align: center; line-height: 86px; } .top-nav__notifications .listview__scroll { height: 450px; } .top-nav__notifications--cleared .listview:before { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } .top-nav__notify.new_notifications:before { content: ''; width: 5px; height: 5px; background-color: #ffffff; color: #ffffff; border-radius: 50%; position: absolute; top: 0px; right: 0; left: 0; margin: auto; -webkit-animation-name: flash; animation-name: flash; -webkit-animation-duration: 2000ms; animation-duration: 2000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1rem; position: relative; } @media (max-width: 1199px) { .search { padding: 0 1.5rem; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #ffffff; z-index: 101; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: box-shadow 300ms, background-color 300ms, -webkit-transform 300ms; transition: transform 300ms, box-shadow 300ms, background-color 300ms; transition: transform 300ms, box-shadow 300ms, background-color 300ms, -webkit-transform 300ms; } .search:not(.search--toggled) { -webkit-transform: translate3d(0, -105%, 0); transform: translate3d(0, -105%, 0); } } .search--toggled { background-color: rgba(0, 0, 0, 0.96); box-shadow: 0 0 13px rgba(0, 0, 0, 0.22); } .search__inner { position: relative; } @media (max-width: 1199px) { .search__inner { max-width: 600px; margin: 0 auto; width: 100%; } } span.search__text { padding: 0px; border-bottom: none; } span.search__text:hover { background-color: rgba(0, 0, 0, 0.1); } .search__text { border: 0; border-radius: 2px; height: 2.7rem !important; padding-left: 3rem; width: 100%; transition: background-color 300ms, color 300ms; font-size: inherit !important; } @media (min-width: 992px) { .search__text { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.85); } .search__text::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.85); } .search__text:-ms-input-placeholder { color: rgba(255, 255, 255, 0.85); } .search__text::placeholder { color: rgba(255, 255, 255, 0.85); } .search__text:focus { background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.85); } .search__text:focus::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.85); } .search__text:focus:-ms-input-placeholder { color: rgba(255, 255, 255, 0.85); } .search__text:focus::placeholder { color: rgba(255, 255, 255, 0.85); } } @media (max-width: 1199px) { .search__text { background-color: rgba(255, 255, 255, 0.125); color: rgba(255, 255, 255, 0.85); } .search__text::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.85); } .search__text:-ms-input-placeholder { color: rgba(255, 255, 255, 0.85); } .search__text::placeholder { color: rgba(255, 255, 255, 0.85); } } .header--scrolled .search__text { background-color: rgba(255, 255, 255, 0.1); } .header--scrolled .search__text:focus { background-color: rgba(255, 255, 255, 0.12); } .search__helper { position: absolute; left: 0; top: 0; font-size: 1.3rem; height: 100%; width: 3rem; text-align: center; line-height: 2.9rem; cursor: pointer; transition: color 300ms, -webkit-transform 400ms; transition: color 300ms, transform 400ms; transition: color 300ms, transform 400ms, -webkit-transform 400ms; } @media (max-width: 1199px) { .search__helper { color: rgba(255, 255, 255, 0.85); -webkit-transform: rotate(180deg); transform: rotate(180deg); line-height: 2.9rem; } .search__helper:before { content: '\f301'; } .search__helper:hover { opacity: 0.9; } } .search--focus .search__helper { -webkit-transform: rotate(180deg); transform: rotate(180deg); line-height: 2.9rem; } .search--focus .search__helper:before { content: '\f301'; } @media (min-width: 992px) { .search--focus .search__helper { color: rgba(255, 255, 255, 0.85); } } .app-shortcuts { margin: 0; padding: 1rem; } .app-shortcuts__item { text-align: center; padding: 1rem 0; border-radius: 2px; transition: background-color 300ms; } .app-shortcuts__item:hover { background-color: rgba(255, 255, 255, 0.06); } .app-shortcuts__item:hover > i { background-color: rgba(255, 255, 255, 0.25); } .app-shortcuts__item > i { width: 50px; height: 50px; border-radius: 50%; color: #85c560; line-height: 50px; font-size: 2.5rem; background-color: rgba(255, 255, 255, 0.1); transition: background-color 300ms; } .app-shortcuts__item > small { display: block; margin-top: 0.5rem; font-size: 0.95rem; } .app-shortcuts__item > small, .app-shortcuts__item > small:hover, .app-shortcuts__item > small:focus { color: rgba(255, 255, 255, 0.85); } .top-menu { position: absolute; background-color: #ffffff; left: 0; top: 100%; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; } .top-menu > li.active { position: relative; box-shadow: 0 0 0 -2px red; } .top-menu > li > a { line-height: 100%; color: rgba(255, 255, 255, 0.85); font-weight: 600; text-transform: uppercase; } .top-menu > li > a.active { color: #ffffff; } .clock { background: rgba(255, 255, 255, 0.08); line-height: 100%; padding: 0.7rem 1rem; font-size: 1.5rem; margin-left: 1rem; border-radius: 2px; } .time > span:not(:last-child):after { content: ':'; width: 10px; text-align: center; display: inline-block; position: relative; top: -1px; right: -2px; } .footer { text-align: center; padding: 4rem 1rem 1rem; position: relative; top: calc(0px - 100px); } .footer > p { color: rgba(255, 255, 255, 0.85); margin-bottom: 0; } .footer__nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -5px; } .footer__nav .nav-link { color: rgba(255, 255, 255, 0.7); transition: color 300ms; } .footer__nav .nav-link:hover, .footer__nav .nav-link:focus { color: #ffffff; } .footer__nav .nav-link + .nav-link:before { font-family: "Material-Design-Iconic-Font"; content: ""; font-size: 4px; position: relative; left: -1.2rem; top: -0.2rem; color: rgba(255, 255, 255, 0.7); } .aside-toggled { overflow: hidden; } .sidebar { width: 250px; position: fixed; left: 0; height: 100%; overflow: hidden; z-index: 101; background-color: rgba(0, 0, 0, 0.125); padding: 13px 15px 15px 15px; } @media (min-width: 1200px) { .sidebar:not(.sidebar--hidden) { top: 50px; height: calc(100% - 50px); } } @media (max-width: 1199px) { .sidebar { background-color: rgba(0, 0, 0, 0.96); transition: opacity 300ms, -webkit-transform 300ms; transition: transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; } .sidebar:not(.toggled) { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .sidebar.toggled { box-shadow: 5px 0 10px rgba(0, 0, 0, 0.25); opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sidebar .user__info { background-color: rgba(255, 255, 255, 0.09); } .sidebar .user__info:hover { background-color: rgba(255, 255, 255, 0.1); } } .sidebar .scrollbar-inner > .scroll-element { margin-right: 0; } .sidebar--hidden { background-color: rgba(0, 0, 0, 0.96); transition: opacity 300ms, -webkit-transform 300ms; transition: transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; top: 0; height: 100%; overflow: hidden; } .sidebar--hidden:not(.toggled) { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .sidebar--hidden.toggled { box-shadow: 5px 0 10px rgba(0, 0, 0, 0.25); opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sidebar--hidden .user__info { background-color: rgba(255, 255, 255, 0.09); } .sidebar--hidden .user__info:hover { background-color: rgba(255, 255, 255, 0.1); } .sidebar__inner { padding: 30px 2rem 0.5rem 2rem; } .user { border-radius: 2px; position: relative; width: 150px; } .user__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 0.9rem; padding: 0.2rem 0.7rem; border-radius: 2px; background-color: rgba(255, 255, 255, 0.06); transition: background-color 300ms; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .user__info:hover { background-color: rgba(255, 255, 255, 0.1); } .user__img { width: 2.5rem; height: 2.5rem; border-radius: 50%; margin-right: 0.8rem; } .user__name { font-weight: 600; margin-top: 0.2rem; } .user__email { color: rgba(255, 255, 255, 0.7); } .navigation { list-style: none; padding: 0; } .navigation li a { transition: background-color 300ms, color 300ms; font-weight: 400; display: block; } .navigation li a i.zmdi { position: relative; top: 2px; } .navigation li:not(.navigation__active):not(.navigation__sub--active) a { color: rgba(255, 255, 255, 0.7); } .navigation li:not(.navigation__active):not(.navigation__sub--active) a:hover { background-color: rgba(255, 255, 255, 0.04); color: #ffffff; } .navigation > li > a { padding: 0.85rem 1rem; position: relative; border-radius: 2px; margin: 2px 0; } .navigation > li > a > i { vertical-align: top; font-size: 1.3rem; position: relative; top: 0.1rem; width: 1.5rem; text-align: center; margin-right: 0.6rem; } .navigation > .navigation__active, .navigation > .navigation__sub--active { margin: 2px 0; } .navigation > .navigation__active > a, .navigation > .navigation__sub--active > a { background-color: rgba(255, 255, 255, 0.06); color: #ffffff; } .navigation__sub > a { margin-bottom: 1px; } .navigation__sub > ul { border-radius: 2px; list-style: none; overflow: hidden; padding: 0; margin: 0; } .navigation__sub > ul > li > a { padding: .6rem 1rem .6rem 3.3rem; } .navigation__sub > ul > li:last-child { padding-bottom: 0.8rem; } .navigation__sub:not(.navigation__sub--active) > ul { display: none; } .navigation__sub .navigation__active { position: relative; } .navigation__sub .navigation__active:before { font-family: "Material-Design-Iconic-Font"; content: ""; font-size: 6px; position: absolute; left: 1.5rem; top: 1.1rem; } .navigation__sub .navigation__active > a { color: #ffffff; } .toggle-switch { display: inline-block; width: 36px; height: 20px; position: relative; } .toggle-switch__helper { position: absolute; height: 12px; width: 100%; } .toggle-switch__helper:before, .toggle-switch__helper:after { will-change: left, background-color; content: ''; position: absolute; left: 0; transition: left 200ms, background-color, 200ms; } .toggle-switch__helper:before { background-color: rgba(0, 0, 0, 0.4); top: 4px; height: 100%; width: 100%; border-radius: 10px; } .toggle-switch__helper:after { width: 19px; height: 19px; border-radius: 50%; background-color: #ffffff; left: 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); z-index: 1; } .toggle-switch__checkbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; cursor: pointer; } .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after { left: calc(100% - 19px); background-color: #dc3545; } .toggle-switch__checkbox:disabled { cursor: auto; } .toggle-switch__checkbox:disabled ~ .toggle-switch__helper { opacity: 0.65; } .toggle-switch__checkbox:active ~ .toggle-switch__helper:after { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05); } .toggle-switch--amber .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after { background-color: #ffc107; } .toggle-switch--blue .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after { background-color: #007bff; } .toggle-switch--green .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after { background-color: #28a745; } .toggle-switch--teal .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after { background-color: #20c997; } .toggle-switch--purple .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after { background-color: #6f42c1; } .toggle-switch--cyan .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after { background-color: #17a2b8; } .listview__header { color: #ffffff; text-transform: uppercase; padding: 1.2rem 1rem 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.04); text-align: center; } .listview__header .actions { position: absolute; top: 0.8rem; right: 1rem; } .listview__scroll { overflow-y: auto; } .listview__item { padding: 4px 2.2rem; transition: background-color 300ms, border-color 300ms; } .listview:not(.listview--block) .listview__item { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .listview:not(.listview--block) .listview__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .listview__img { height: 3rem; border-radius: 2px; vertical-align: top; margin: -0.1rem 1.2rem 0 0; } .listview__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .listview__content > p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255, 255, 255, 0.7); margin-bottom: 0; } .listview__heading { font-size: 1rem; color: #ffffff; position: relative; } .listview__heading:hover { color: #ffffff; } .listview__heading > small { float: right; color: rgba(255, 255, 255, 0.7); font-weight: 600; font-size: 0.85rem; margin-top: 0.1rem; } .listview__heading + p { margin: 0.2rem 0 0; font-size: 0.95rem; } .listview__attrs { -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; margin-top: 0.7rem; } .listview__attrs > span { padding: 0.55rem 0.7rem 0.6rem; border: 1px solid rgba(255, 255, 255, 0.125); display: inline-block; line-height: 100%; font-size: 0.9rem; margin: 0.2rem 0.05rem 0.055rem 0; } .listview--hover .listview__item:hover { border-color: transparent !important; background-color: rgba(255, 255, 255, 0.06); } .listview--striped .listview__item:nth-child(even) { background-color: rgba(255, 255, 255, 0.03); } .listview__item--active { background-color: rgba(0, 0, 0, 0.035); } .listview--bordered .listview__item + .listview__item { border-top: 1px solid rgba(255, 255, 255, 0.05); } .listview__actions { margin-left: auto; -ms-flex-item-align: start; align-self: flex-start; margin-right: -1rem; } .toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 4.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.05rem 2.2rem 0; position: relative; } .toolbar:not(.toolbar--inner) { background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; margin-bottom: 30px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } .toolbar .actions { margin: 0.05rem -0.8rem 0 auto; } .toolbar--inner { margin-bottom: 1rem; border-radius: 2px 2px 0 0; background-color: rgba(0, 0, 0, 0.1); } .toolbar__nav { white-space: nowrap; overflow-x: auto; } .toolbar__nav > a { font-weight: 600; color: rgba(255, 255, 255, 0.7); display: inline-block; transition: color 300ms; } .toolbar__nav > a + a { padding-left: 1rem; } .toolbar__nav > a.active, .toolbar__nav > a:hover { color: rgba(255, 255, 255, 0.85); } .toolbar__search { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 2px; padding-left: 3rem; display: none; background-color: rgba(0, 0, 0, 0.96); } .toolbar__search input[type=text] { width: 100%; height: 100%; border: 0; padding: 0 1.6rem; font-size: 1.2rem; background-color: transparent; color: rgba(255, 255, 255, 0.85); } .toolbar__search input[type=text]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .toolbar__search input[type=text]:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .toolbar__search input[type=text]::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .toolbar__search input[type=text]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .toolbar__search__close { transition: color 300ms; cursor: pointer; position: absolute; top: 1.5rem; left: 1.8rem; font-size: 1.5rem; color: rgba(255, 255, 255, 0.85); } .toolbar__search__close:hover { color: rgba(255, 255, 255, 0.85); } .toolbar__label { margin: 0; font-size: 1.1rem; } .page-loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.96); z-index: 999999999999999999; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-loader__spinner { position: relative; width: 50px; height: 50px; } .page-loader__spinner svg { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; -webkit-transform-origin: center center; transform-origin: center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .page-loader__spinner svg circle { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @-webkit-keyframes color { 100%, 0% { stroke: #dc3545; } 40% { stroke: #007bff; } 66% { stroke: #28a745; } 80%, 90% { stroke: #ffc107; } } @keyframes color { 100%, 0% { stroke: #dc3545; } 40% { stroke: #007bff; } 66% { stroke: #28a745; } 80%, 90% { stroke: #ffc107; } } @media (min-width: 768px) { .profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 767px) { .profile { margin-top: 75px; text-align: center; } } .profile__img { padding: 5px; position: relative; } .profile__img img { max-width: 200px; border-radius: 2px; } @media (max-width: 767px) { .profile__img img { margin: -55px 0 -10px; width: 120px; border: 5px solid #ffffff; border-radius: 50%; } } .profile__img__edit { position: absolute; font-size: 1.2rem; top: 15px; left: 15px; background-color: rgba(0, 0, 0, 0.4); width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; color: #ffffff; } .profile__img__edit:hover { background-color: rgba(0, 0, 0, 0.65); color: #ffffff; } .profile__info { padding: 30px; } .photos { margin: 0 -4px; } .photos > a { padding: 0; border: 4px solid transparent; } .photos > a img { border-radius: 2px; width: 100%; } @media (max-width: 575px) { .contacts { margin: 0 -5px; } .contacts > [class*="col-"] { padding: 0 5px; } } .contacts__item { background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); padding: 1.8rem 1.5rem 1.15rem; text-align: center; margin-bottom: 30px; } .contacts__item:hover .contacts__img > img { -webkit-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 575px) { .contacts__item { margin-bottom: 10px; } } .contacts__img { display: block; margin-bottom: 1.1rem; } .contacts__img > img { max-width: 120px; max-height: 120px; width: 100%; border-radius: 50%; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .contacts__info strong, .contacts__info small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .contacts__info strong { font-weight: 600; } .contacts__info small { font-size: 0.9rem; color: rgba(255, 255, 255, 0.7); } .contacts__btn { margin-top: 10px; font-weight: 600; text-transform: uppercase; border: 0; line-height: 100%; background-color: transparent; color: #ffffff; cursor: pointer; padding: 8px 10px; border-radius: 2px; transition: background-color 300ms, color 300ms; } .contacts__btn:hover { background-color: rgba(255, 255, 255, 0.08); } .new-contact__header { background-color: rgba(0, 0, 0, 0.1); text-align: center; padding: 30px 0; border-radius: 2px 2px 0 0; } .new-contact__img { border-radius: 50%; box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.08); width: 150px; height: 150px; } @media (max-width: 767px) { .new-contact__img { width: 100px; height: 100px; } } .new-contact__upload { position: absolute; top: 20px; left: 20px; font-size: 1.5rem; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; background-color: rgba(255, 255, 255, 0.08); color: #ffffff; transition: background-color 300ms; } .new-contact__upload:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); } @media (max-width: 575px) { .groups { margin: 0 -5px; } .groups [class*=col-] { padding: 0 5px; } .groups .groups__item { margin-bottom: 10px; } } .groups__item { position: relative; text-align: center; padding: 2rem 1rem 1.5rem; margin-bottom: 30px; background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } .groups__item:hover .actions { opacity: 1; } .groups__item .actions { position: absolute; top: 0.7rem; right: 0.5rem; z-index: 1; opacity: 0; } .groups__img { width: 6.5rem; display: inline-block; } .groups__img .avatar-img { display: inline-block; margin: 0 1px 4px 0; vertical-align: top; } .groups__info { margin-top: 1rem; } .groups__info > strong { color: #ffffff; display: block; font-weight: 600; } .groups__info > small { font-size: 0.9rem; color: rgba(255, 255, 255, 0.7); } .messages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); height: calc(100vh - 180px); } .messages__sidebar { width: 23rem; overflow: hidden; } @media (min-width: 768px) { .messages__sidebar { border-right: 1px solid rgba(255, 255, 255, 0.04); } } @media (max-width: 991px) { .messages__sidebar { display: none; } } .messages__sidebar .listview { height: calc(100% - 130px); overflow-y: auto; } .messages__search { padding: 0 2.2rem; position: relative; } .messages__search .form-group:before { font-family: "Material-Design-Iconic-Font"; content: ""; font-size: 1.3rem; position: absolute; left: 0; bottom: 0.35rem; } .messages__search .form-control { padding-left: 2rem; } .messages__body { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .messages__header, .messages__reply { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .messages__content { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 2.5rem; overflow: hidden; height: 100%; } .messages__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; } .messages__item:not(.messages__item--right) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .messages__item:not(.messages__item--right) > .messages__details { margin-left: -0.5rem; } .messages__item:not(.messages__item--right) > .messages__details > p { background-color: rgba(255, 255, 255, 0.08); } .messages__details { max-width: 500px; } .messages__details > p { border-radius: 2px; padding: 1rem 1.3rem; margin-bottom: 0; display: inline-block; text-align: left; } .messages__details > p + p { margin-top: 2px; } .messages__details > small { display: block; padding: 0 1.5rem; margin-top: 1rem; color: rgba(255, 255, 255, 0.7); font-size: 0.9rem; } .messages__details > small > .zmdi { font-size: 1.2rem; vertical-align: top; margin-right: 0.3rem; margin-top: 0.15rem; } .messages__item--right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .messages__item--right .messages__details { text-align: right; } .messages__item--right .messages__details > p { background-color: rgba(255, 255, 255, 0.75); color: #131313; margin-left: auto; } .messages__reply { border-top: 1px solid rgba(255, 255, 255, 0.04); position: relative; } .messages__reply__text { height: 50px; width: 100%; margin-bottom: -5px; border: 0; border-radius: 2px; padding: 1rem 1.5rem; resize: none; background-color: transparent; color: rgba(255, 255, 255, 0.85); } .messages__reply__text::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .messages__reply__text:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .messages__reply__text::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .messages__reply__text:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .price-table { text-align: center; } .price-table:not(.price-table--highlight) { margin: 0 -10px; } .price-table:not(.price-table--highlight) > [class*="col-"] { padding: 0 10px; text-align: center; } .price-table--highlight { margin: 0; } .price-table--highlight > [class*="col-"] { padding: 0; } .price-table__item { margin-bottom: 20px; background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .price-table__item { max-width: 400px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .price-table__item--popular { padding-bottom: 1rem; position: relative; z-index: 1; margin: -1rem 0 0; box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.4); } .price-table__item--popular .price-table__header { padding: 2.5rem 2rem 2.5rem; background-color: rgba(0, 0, 0, 0.35); } } .price-table__header { color: #ffffff; border-radius: 2px 2px 0 0; padding: 2rem; margin-bottom: 2rem; background-color: rgba(0, 0, 0, 0.2); } .price-table__title { text-transform: uppercase; font-weight: 600; font-size: 1.3rem; } .price-table__desc { color: rgba(255, 255, 255, 0.75); margin: 0.3rem 0; } .price-table__price { font-size: 1.8rem; } .price-table__price > small { font-size: 1rem; position: relative; top: -0.4rem; } .price-table__info { padding-left: 0; list-style: none; padding: 1rem 0; } .price-table__info > li { font-weight: 600; padding: 1rem 1.5rem; } .price-table__info > li + li { border-top: 1px solid rgba(255, 255, 255, 0.04); } .price-table__action { display: inline-block; text-transform: uppercase; margin-bottom: 2.5rem; padding: 0.8rem 1.2rem; border-radius: 2px; color: #ffffff; background-color: rgba(0, 0, 0, 0.2); font-weight: 600; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12); transition: opacity 300ms; } .price-table__action:hover, .price-table__action:focus { opacity: 0.9; color: #ffffff; } .invoice { min-width: 1100px; max-width: 1170px; border-radius: 2px; padding: 2.5rem; background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } .invoice__header { padding: 1.5rem; text-align: center; border-radius: 2px 2px 0 0; margin-bottom: 1.5rem; } .invoice__address { margin-bottom: 4rem; } .invoice__address h4 { font-weight: normal; margin-bottom: 1rem; } .invoice__attrs { margin-bottom: 2.5rem; } .invoice__attrs [class*="col-"] { padding: -10px; } .invoice__attrs__item { padding: 1.5rem 2rem; border-radius: 2px; text-align: center; background-color: rgba(255, 255, 255, 0.08); } .invoice__attrs__item small { margin-bottom: 0.2rem; display: block; font-size: 1rem; } .invoice__attrs__item h3 { margin: 0; line-height: 100%; font-weight: normal; } .invoice__table { margin-bottom: 4rem; } .invoice__footer { text-align: center; margin: 4rem 0 1.5rem; } .invoice__footer > a { color: rgba(255, 255, 255, 0.85); } @media print { @page { margin: 0; size: auto; } body { margin: 0mm 0mm 0mm 0mm !important; padding: 0mm !important; } .header, .actions, .content__title, .footer, .notifications, .navigation, .chat, .growl-animated, .btn--action { display: none !important; } .invoice { padding: 30px !important; -webkit-print-color-adjust: exact !important; } } .login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 4rem; } .login__block { max-width: 330px; width: 100%; display: none; text-align: center; padding: 1rem; /*-webkit-animation-name: fadeIn; animation-name: fadeIn;*/ -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } @media (min-width: 576px) { .login__block:hover .login__block__actions .dropdown { display: block; } } .login__block.active { z-index: 10; display: inline-block; } .login__block__header { padding: 1.25rem; position: relative; border-radius: 2px; background-color: rgba(0, 0, 0, 0.15); margin-bottom: 2rem; } .login__block__header > i, .login__block__header > img { display: block; margin-bottom: 0.6rem; } .login__block__header > i { font-size: 3rem; } .login__block__header > img { width: 35px; height: 35px; border-radius: 50%; margin-left: auto; margin-right: auto; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); } .login__block__actions { position: absolute; bottom: 0.8rem; right: 0.8rem; } .login__block__actions .dropdown:not(.show) { display: none; } .login__block__body { padding: 1rem; } .login__block__btn { margin-top: 0.5rem; background-color: rgba(0, 0, 0, 0.15); } .login__block__btn, .login__block__btn:hover, .login__block__btn:focus { color: #ffffff; } .login__block__btn:hover { background-color: rgba(0, 0, 0, 0.25); } .todo__item { padding-left: 4.5rem; display: block; } .todo__item small { display: block; font-size: 0.95rem; margin-top: 0.2rem; } .todo__item .custom-control-input:checked ~ .todo__info { text-decoration: line-through; } .todo__info > span { color: #ffffff; } .todo__info > small { color: rgba(255, 255, 255, 0.7); } .todo__labels > a { color: #ffffff; background-color: rgba(255, 255, 255, 0.08); border-radius: 2px; padding: 0.55rem 0.9rem; display: inline-block; margin: 0 0.1rem 0.4rem; transition: background-color 300ms; } .todo__labels > a:hover { background-color: rgba(255, 255, 255, 0.1); } .notes__item { margin-bottom: 30px; } .notes__item > a { height: 155px; background-color: rgba(0, 0, 0, 0.2); display: block; padding: 1.8rem 2rem; position: relative; color: rgba(255, 255, 255, 0.75); transition: background-color 300ms; } .notes__item > a, .notes__item > a:before { border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); } .notes__item > a:before { content: ''; position: absolute; width: calc(100% - 10px); bottom: -5px; left: 5px; z-index: -1; height: 5px; background-color: rgba(0, 0, 0, 0.4); } .notes__item:hover .notes__actions { opacity: 1; } .notes__title { color: #ffffff; margin-bottom: 1.1rem; font-weight: 600; font-size: 1.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notes__actions { position: absolute; right: 2.2rem; bottom: 1rem; font-size: 1.1rem; width: 2.2rem; height: 2.2rem; text-align: center; background: rgba(0, 0, 0, 0.96); border-radius: 50%; line-height: 2.1rem; color: #ffffff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 300ms; cursor: pointer; } .notes__actions:hover { background: rgba(0, 0, 0, 0.9); } .note-view .trumbowyg-box { border: 0; background-color: rgba(255, 255, 255, 0.045); margin-bottom: 0; } .note-view__field { border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .note-view__field input { border: 0; font-size: 1rem; padding: 1.7rem 2rem; height: auto; } .note-view__field--color { padding: 1.2rem 2rem 0.8rem; } .note-view__label { float: left; margin: 0.4rem 1.5rem 0 0; } .results__header { padding: 2rem 2rem 0; border-radius: 2px 2px 0 0; margin-bottom: 2rem; background-color: rgba(0, 0, 0, 0.1); } .results__search { position: relative; } .results__search input[type="text"] { width: 100%; border: 0; border-radius: 2px; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.85); padding: 0 1rem 0 3rem; height: 2.9rem; margin-bottom: 1rem; transition: background-color 300ms; } .results__search input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .results__search input[type="text"]:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .results__search input[type="text"]::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .results__search input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .results__search input[type="text"]:focus { background-color: rgba(0, 0, 0, 0.2); } .results__search:before { content: ''; font-family: "Material-Design-Iconic-Font"; content: ""; font-size: 1.3rem; position: absolute; top: 0.45rem; left: 1.1rem; z-index: 1; } .results__nav { border: 0; } .issue-tracker .listview__item { position: relative; } @media (max-width: 767px) { .issue-tracker .listview__item { display: block; } } .issue-tracker__item:not(.actions) { margin-left: 2rem; } @media (max-width: 767px) { .issue-tracker__item:not(.actions) { margin: 1rem 0 0.25rem 0; } } .issue-tracker__item > .zmdi { font-size: 1.4rem; vertical-align: top; position: relative; top: 0.05rem; margin-right: 0.5rem; } .issue-tracker__item.actions { margin-left: 1.25rem; } @media (max-width: 767px) { .issue-tracker__item.actions { position: absolute; bottom: 1rem; right: 0.75rem; } } .issue-tracker__tag { padding: 0.3rem 0.75rem 0.4rem; line-height: 100%; font-size: 0.95rem; border-radius: 2px; } .team { margin-top: 7rem; } .team__item { text-align: center; margin-bottom: 7rem; } @media (max-width: 767px) { .team__item { max-width: 365px; margin: 0 auto 80px; } } .team__item .card-subtitle { margin-bottom: 1rem; } .team__img { display: inline-block; border-radius: 50%; width: 150px; height: 150px; border: 5px solid rgba(255, 255, 255, 0.08); margin: -4rem auto -0.5rem; } .team__social { margin-top: 2rem; } .team__social > a { display: inline-block; width: 35px; height: 35px; border-radius: 50%; line-height: 35px; color: #ffffff; background-color: rgba(255, 255, 255, 0.08); font-size: 1.2rem; margin: 0 1px; transition: background-color 300ms; } .team__social > a:hover { background-color: rgba(255, 255, 255, 0.2); } .blog__tags { text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.04); border-bottom: 1px solid rgba(255, 255, 255, 0.04); padding: 2rem 1rem 1.5rem; margin: 2rem 0 0.5rem; } .blog__arthur { padding: 2rem 2rem 2.5rem; text-align: center; } .blog__arthur-img { margin-bottom: 1.5rem; } .blog__arthur-img > img { width: 100px; height: 100px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.08); } .blog__arthur-social { margin: 2rem 0 0 0; } .blog__arthur-social > a { display: inline-block; width: 35px; height: 35px; text-align: center; border-radius: 50%; line-height: 35px; color: #ffffff; background-color: rgba(255, 255, 255, 0.08); font-size: 1.2rem; margin: 0 1px; transition: background-color 300ms; } .blog__arthur-social > a:hover { background-color: rgba(255, 255, 255, 0.2); } .q-a__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .q-a__stat { margin: 0.35rem 2rem 0 0; -ms-flex-item-align: start; align-self: flex-start; } .q-a__stat > span { display: inline-block; width: 70px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.08); text-align: center; padding: 0.9rem 0.5rem 0.65rem; margin-right: 0.2rem; } .q-a__stat > span > strong { display: block; font-size: 1.2rem; font-weight: 600; line-height: 100%; margin-bottom: 0.25rem; } .q-a__stat > span > small { text-transform: uppercase; line-height: 100%; } .q-a__question { position: relative; margin-bottom: 3rem; } @media (min-width: 768px) { .q-a__question { margin-top: 1rem; } } @media (min-width: 576px) { .q-a__question { padding-left: 100px; } } .q-a__question > h2 { font-size: 1.3rem; } .q-a__question > h2 + p { margin-top: 1rem; } .q-a__question > p { font-size: 1.1rem; } .q-a__vote { position: absolute; left: 0; top: 0; text-align: center; } .q-a__vote > i { font-size: 1.25rem; cursor: pointer; } .q-a__vote__votes { padding: .5rem 0 .6rem; background-color: rgba(255, 255, 255, 0.08); border-radius: 2px; font-weight: 600; width: 75px; font-size: 1.2rem; margin-bottom: 0.35rem; } .q-a__info { margin-top: 1.5rem; padding: 1.25rem 0; border-top: 1px solid rgba(255, 255, 255, 0.04); position: relative; } .q-a__info .actions { position: absolute; top: 14px; right: 0; } .q-a__op > a > img { width: 30px; height: 30px; border-radius: 2px; vertical-align: middle; margin-right: 0.5rem; } .q-a__answers { margin-top: 3rem; } [data-sa-theme] { transition: background 300ms; } @media (min-width: 576px) { [data-sa-theme] { background-size: 100% 100%; background-attachment: fixed; background-position: center; } } [data-sa-theme="1"] { background-color: #234d6d; } @media (min-width: 576px) { [data-sa-theme="1"] { background-image: url("img/bg/1.jpg"); } } [data-sa-theme="2"] { background-color: #7b3d54; } @media (min-width: 576px) { [data-sa-theme="2"] { background-image: url("img/bg/2.jpg"); } } [data-sa-theme="3"] { background-color: #3b5e5e; } @media (min-width: 576px) { [data-sa-theme="3"] { background-image: url("img/bg/3.jpg"); } } [data-sa-theme="4"] { background-color: #273C5B; } @media (min-width: 576px) { [data-sa-theme="4"] { background-image: url("img/bg/4.jpg"); } } [data-sa-theme="5"] { background-color: #0a4c3e; } @media (min-width: 576px) { [data-sa-theme="5"] { background-image: url("img/bg/5.jpg"); } } [data-sa-theme="6"] { background-color: #772036; } @media (min-width: 576px) { [data-sa-theme="6"] { background-image: url("img/bg/6.jpg"); } } [data-sa-theme="7"] { background-color: #174042; } @media (min-width: 576px) { [data-sa-theme="7"] { background-image: url("img/bg/7.jpg"); } } [data-sa-theme="8"] { background-color: #5e3d22; } @media (min-width: 576px) { [data-sa-theme="8"] { background-image: url("img/bg/8.jpg"); } } [data-sa-theme="9"] { background-color: #49423F; } @media (min-width: 576px) { [data-sa-theme="9"] { background-image: url("img/bg/9.jpg"); } } [data-sa-theme="10"] { background-color: #383844; } @media (min-width: 576px) { [data-sa-theme="10"] { background-image: url("img/bg/10.jpg"); } } .themes { position: fixed; top: 0; right: 0; height: 100%; width: 250px; background-color: rgba(0, 0, 0, 0.96); z-index: 101; -webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); transition: box-shadow 300ms, opacity 300ms, -webkit-transform 300ms; transition: box-shadow 300ms, transform 300ms, opacity 300ms; transition: box-shadow 300ms, transform 300ms, opacity 300ms, -webkit-transform 300ms; } .themes.toggled { box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25); opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .themes__item { display: block; padding: 1.5rem; position: relative; transition: background-color 300ms, border-color 300ms; } .themes__item:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.02); } .themes__item > img { width: 100%; height: 100px; } .themes__item.active, .themes__item:hover { background-color: rgba(255, 255, 255, 0.02); border-bottom-color: transparent; } .themes__item:before { width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.125); top: 0; left: 0; bottom: 0; margin: auto; right: 0; position: absolute; color: #ffffff; text-align: center; line-height: 50px; opacity: 0; -webkit-transform: scale(0); transform: scale(0); font-family: "Material-Design-Iconic-Font"; content: ""; font-size: 2rem; transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, transform 300ms; transition: opacity 300ms, transform 300ms, -webkit-transform 300ms; } .themes__item.active:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .ie-warning { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 1000000; text-align: center; padding: 3rem; overflow: auto; } .ie-warning > h1 { font-size: 2rem; } .ie-warning p { font-size: 1.2rem; color: rgba(255, 255, 255, 0.7); } .ie-warning__downloads { background-color: blue; padding: 30px 0; margin: 30px 0; } .ie-warning__downloads > a { padding: 0 10px; } .error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50vh; width: 100%; } .error__inner { max-width: 600px; width: 100%; padding: 3rem; text-align: center; border-radius: 10px; background-color: rgba(0, 0, 0, 0.2); } .error__inner > h1 { font-size: 3rem; font-weight: bold; color: #ffffff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.03); line-height: 100%; margin-bottom: 1.5rem; } .error__inner > h2 { color: rgba(255, 255, 255, 0.85); font-weight: normal; margin: 1.3rem 0; font-size: 1.5rem; } .error__inner > p { color: rgba(255, 255, 255, 0.7); font-size: 1.1rem; } .widget-past-days { overflow: hidden; } .widget-past-days .flot-chart { margin: 0 -10px; } .widget-past-days__chart { opacity: 0.75; margin: 0.55rem 0 0 auto; } .widget-past-days__info small { font-size: 1rem; color: rgba(255, 255, 255, 0.9); } .widget-past-days__info h3 { margin: 0; color: #ffffff; font-weight: normal; } .widget-visitors__stats { margin: 0 -0.5rem 2rem; } .widget-visitors__stats::after { display: block; clear: both; content: ""; } .widget-visitors__stats > div { padding: 1.5rem 1.5rem 1.45rem; float: left; margin: 0 0.5rem; width: calc(50% - 1rem); background-color: rgba(255, 255, 255, 0.08); border-radius: 2px; } .widget-visitors__stats > div > strong { font-size: 1.3rem; line-height: 100%; color: #ffffff; font-weight: 600; } .widget-visitors__stats > div > small { display: block; color: rgba(255, 255, 255, 0.7); font-size: 1rem; line-height: 100%; margin-top: 0.45rem; } .widget-visitors__map { width: 100%; height: 250px; } .widget-visitors__country { height: 0.88rem; width: auto; vertical-align: top; position: relative; margin-right: 0.25rem; left: -0.1rem; border-radius: 1px; } .widget-pie { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget-pie::after { display: block; clear: both; content: ""; } .widget-pie__item { padding: 20px 0; text-align: center; } .widget-pie__item:nth-child(2n) { background-color: rgba(0, 0, 0, 0.1); } .widget-pie__title { color: rgba(255, 255, 255, 0.85); } .quick-stats__item { padding: 1.5rem 1.5rem 1.45rem; border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.2); transition: .3s !important; } .quick-stats__item::after { display: block; clear: both; content: ""; } .quick-stats__item > .peity { margin-left: auto; padding-left: 1.2rem; } @media (min-width: 576px) and (max-width: 1199px) { .quick-stats__item > .peity { display: none; } } .quick-stats__info { min-width: 0; } .quick-stats__info > h2, .quick-stats__info > small { line-height: 100%; /*overflow: hidden;*/ /*removed for agent status*/ text-overflow: ellipsis; /*white-space: nowrap;*/ /* removed for clobba auth */ } .quick-stats__info > h2 { margin: 0; font-size: 1.3rem; color: #ffffff; } .quick-stats__info > small { font-size: 1rem; display: block; color: rgba(255, 255, 255, 0.7); margin-top: 0.6rem; line-height: 1.4rem; } .stats { padding-top: 1rem; } .stats__item { background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); margin-bottom: 30px; padding: 1rem; } .stats__chart { border-radius: 2px; padding-top: 1rem; overflow: hidden; } .stats__chart .flot-chart { margin: 0 -12px -12px; } .stats__info { padding: 1.8rem 1rem 0.5rem; position: relative; text-align: center; } .stats__info h2 { font-size: 1.3rem; margin: 0; } .stats__info small { display: block; font-size: 1rem; margin-top: 0.4rem; color: rgba(255, 255, 255, 0.7); } .widget-pictures__body { margin: 0; padding: 2px; text-align: center; } .widget-pictures__body::after { display: block; clear: both; content: ""; } .widget-pictures__body > a { padding: 2px 2px 1px; display: block; } .widget-pictures__body > a img { width: 100%; border-radius: 2px; } .widget-pictures__body > a:hover { opacity: 0.9; } .widget-ratings__star { font-size: 1.5rem; color: rgba(255, 255, 255, 0.3); margin: -1.7rem 0 0; } .widget-ratings__star .active { color: #ffc107; } .widget-ratings__item { padding: 0.5rem 0; margin-bottom: 0.5rem; } .widget-ratings__item::after { display: block; clear: both; content: ""; } .widget-ratings__item .float-left .zmdi { font-size: 1.5rem; vertical-align: top; color: #ffc107; position: relative; top: -0.05rem; margin-left: 0.35rem; } .widget-ratings__item:last-child { padding-bottom: 0; } .widget-ratings__progress { overflow: hidden; padding: 0.65rem 1.5rem; } .widget-profile__img { width: 100px; height: 100px; border-radius: 50%; margin-bottom: 1.2rem; border: 5px solid rgba(255, 255, 255, 0.1); } .widget-profile__list { color: #ffffff; } .widget-profile__list .media { padding: 1rem 2rem; } .widget-profile__list .media:nth-child(even) { background-color: rgba(255, 255, 255, 0.02); } .widget-profile__list .media-body strong { display: block; font-weight: 600; } .widget-profile__list .media-body small { color: rgba(255, 255, 255, 0.7); font-size: 0.92rem; } .widget-contacts__map { display: block; padding: 3px; } .widget-contacts__map img { width: 100%; border-radius: 2px; margin: -20px 0 -1px; } .widget-signups__list { text-align: center; } .widget-signups__list > a { vertical-align: top; margin: 4px 2px; display: inline-block; } .widget-signups__list .avatar-char { background-color: rgba(255, 255, 255, 0.08); color: #ffffff; } .widget-signups__list .avatar-char, .widget-signups__list .avatar-img { margin: 0; } .widget-time { padding: 2rem; } .widget-time .time { font-size: 2rem; text-align: center; } .widget-time .time > span { padding: 1rem 1.5rem; background-color: rgba(255, 255, 255, 0.08); border-radius: 2px; display: inline-block; line-height: 50px; margin: 0 5px; position: relative; } .widget-time .time > span:after { position: absolute; right: -13px; top: 10px; } .flot-chart { height: 200px; display: block; } .flot-chart--sm { height: 100px; } .flot-chart-legends { text-align: center; margin: 20px 0 -10px; } .flot-chart-legends table { display: inline-block; } .flot-chart-legends .legendColorBox > div > div { border-radius: 50%; } .flot-chart-legends .legendLabel { padding: 0 8px 0 3px; color: rgba(255, 255, 255, 0.7); } .flot-tooltip { position: absolute; line-height: 100%; color: rgba(255, 255, 255, 0.85); display: none; font-size: 0.95rem; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); border-radius: 2px; padding: 0.7rem 1rem; background-color: rgba(0, 0, 0, 0.8); z-index: 99999; } #jqstooltip { text-align: center; padding: 5px 10px; border: 0; height: auto !important; width: auto !important; background: #ffffff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); border-radius: 2px; background-color: rgba(0, 0, 0, 0.8); } #jqstooltip .jqsfield { font-size: 0.95rem; font-weight: 500; font-family: inherit; text-align: center; color: rgba(255, 255, 255, 0.85); } #jqstooltip .jqsfield > span { display: none; } .dropzone { border: 0; background-color: rgba(0, 0, 0, 0.2); border-radius: 2px; transition: border-color 300ms, background-color 300ms; min-height: 50px; position: relative; } .dropzone:before { font-family: "Material-Design-Iconic-Font"; content: '\f22a'; font-size: 2rem; color: rgba(255, 255, 255, 0.85); position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: rgba(255, 255, 255, 0.08); border-radius: 50%; opacity: 0; transition: opacity 300ms; } .dropzone .dz-preview.dz-file-preview .dz-image, .dropzone .dz-preview.dz-image-preview .dz-image { border-radius: 2px; border: 2px solid #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .dropzone .dz-preview .dz-remove { position: absolute; top: -9px; right: -9px; z-index: 99; font-size: 0; width: 22px; height: 22px; background-color: #dc3545; border-radius: 50%; border: 2px solid #ffffff; } .dropzone .dz-preview .dz-remove:hover { background-color: #d32535; text-decoration: none; } .dropzone .dz-preview .dz-remove:before { content: '\f136'; font-size: 0.8rem; font-family: "Material-Design-Iconic-Font"; color: #ffffff; font-weight: bold; line-height: 19px; padding: 0 6px; } .dropzone .dz-message { transition: opacity 300ms; } .dropzone .dz-message span { color: rgba(255, 255, 255, 0.85); display: inline-block; border-radius: 2px; transition: color 300ms, box-shadow, 300ms; padding: 0.5rem 1.4rem 0.8rem; background-color: rgba(255, 255, 255, 0.08); } .dropzone .dz-message span:before { content: '\f21e'; font-family: "Material-Design-Iconic-Font"; font-size: 1.4rem; display: inline-block; position: relative; top: 2px; margin-right: 0.8rem; } .dropzone:hover .dz-message span { color: rgba(255, 255, 255, 0.85); } .dropzone:hover, .dropzone.dz-drag-hover { background-color: rgba(0, 0, 0, 0.25); } .dropzone.dz-drag-hover .dz-message { opacity: 0; } .dropzone.dz-drag-hover:before { opacity: 1; } .noUi-target { border-radius: 0; box-shadow: none; border: 0; background: rgba(255, 255, 255, 0.08); margin: 15px 0; } .noUi-horizontal { height: 2px; } .noUi-horizontal .noUi-handle { top: -5px; left: -1px; } .noUi-vertical { width: 3px; } .noUi-connect { background: #ffffff; box-shadow: none; } .noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle { width: 12px; height: 12px; border: 0; border-radius: 100%; box-shadow: none; cursor: pointer; position: relative; background-color: #ffffff; transition: box-shadow 200ms, -webkit-transform 200ms; transition: box-shadow 200ms, transform 200ms; transition: box-shadow 200ms, transform 200ms, -webkit-transform 200ms; } .noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after, .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { display: none; } .noUi-horizontal .noUi-handle.noUi-active, .noUi-vertical .noUi-handle.noUi-active { -webkit-transform: scale(1.3); transform: scale(1.3); } .noUi-horizontal .noUi-active, .noUi-vertical .noUi-active { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.08); } .input-slider--blue .noUi-connect { background: #007bff; } .input-slider--blue.noUi-horizontal .noUi-handle, .input-slider--blue.noUi-vertical .noUi-handle { background-color: #007bff; } .input-slider--red .noUi-connect { background: #dc3545; } .input-slider--red.noUi-horizontal .noUi-handle, .input-slider--red.noUi-vertical .noUi-handle { background-color: #dc3545; } .input-slider--amber .noUi-connect { background: #ffc107; } .input-slider--amber.noUi-horizontal .noUi-handle, .input-slider--amber.noUi-vertical .noUi-handle { background-color: #ffc107; } .input-slider--green .noUi-connect { background: #28a745; } .input-slider--green.noUi-horizontal .noUi-handle, .input-slider--green.noUi-vertical .noUi-handle { background-color: #28a745; } .easy-pie-chart { display: inline-block; position: relative; } .easy-pie-chart__value { position: absolute; left: 0; top: 0; text-align: center; width: 100%; height: 100%; } .easy-pie-chart__value:after { content: "%"; font-size: 12px; } .easy-pie-chart__title { margin-top: -2px; line-height: 15px; font-size: 11px; } .dataTable .sorting, .dataTable .sorting_asc, .dataTable .sorting_desc { cursor: pointer; position: relative; } .dataTable .sorting_asc:before, .dataTable .sorting_desc:before { font-family: "Material-Design-Iconic-Font"; font-size: 1.25rem; position: absolute; bottom: 8px; right: 5px; opacity: 0; transition: opacity 300ms; } .dataTable .sorting_asc:hover:before, .dataTable .sorting_desc:hover:before { opacity: 1; } .dataTable .sorting_asc:before { content: '\f1cd'; } .dataTable .sorting_desc:before { content: '\f1ce'; } .dataTables_wrapper { margin-top: 20px; } .dataTables_wrapper .table { margin: 40px 0 20px; } #divLicenseContent .dataTables_wrapper .table { margin: 0px 0 20px; } .dataTables_length, .dataTables_filter { font-size: 0; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .dataTables_length:after, .dataTables_filter:after { font-family: "Material-Design-Iconic-Font"; position: absolute; left: 1px; bottom: 6px; font-size: 1.3rem; color: #ffffff; } .dataTables_length > label, .dataTables_filter > label { margin: 0; width: 100%; } .dataTables_length > label select, .dataTables_length > label input[type=search], .dataTables_filter > label select, .dataTables_filter > label input[type=search] { padding-left: 28px; font-size: 1rem; background: none; border: 1px solid rgba(255, 255, 255, 0.2); border-top: 0; border-left: 0; border-right: 0; height: 35px; border-radius: 0; width: 100%; background-color: transparent; color: rgba(255, 255, 255, 0.85); transition: border-color 300ms; } .dataTables_length > label select:focus, .dataTables_length > label input[type=search]:focus, .dataTables_filter > label select:focus, .dataTables_filter > label input[type=search]:focus { border-color: rgba(255, 255, 255, 0.4); } .dataTables_length > label select::-webkit-input-placeholder, .dataTables_length > label input[type=search]::-webkit-input-placeholder, .dataTables_filter > label select::-webkit-input-placeholder, .dataTables_filter > label input[type=search]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .dataTables_length > label select:-moz-placeholder, .dataTables_length > label input[type=search]:-moz-placeholder, .dataTables_filter > label select:-moz-placeholder, .dataTables_filter > label input[type=search]:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .dataTables_length > label select::-moz-placeholder, .dataTables_length > label input[type=search]::-moz-placeholder, .dataTables_filter > label select::-moz-placeholder, .dataTables_filter > label input[type=search]::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .dataTables_length > label select:-ms-input-placeholder, .dataTables_length > label input[type=search]:-ms-input-placeholder, .dataTables_filter > label select:-ms-input-placeholder, .dataTables_filter > label input[type=search]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .dataTables_length { float: right; margin-left: 20px; } .dataTables_length:before { content: ""; position: absolute; pointer-events: none; z-index: 1; right: 1px; bottom: 5px; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent #d1d1d1 transparent; } @media (min-width: 576px) { .dataTables_length { min-width: 150px; } } @media (max-width: 575px) { .dataTables_length { display: none; } } .dataTables_length:after { content: '\f197'; } .dataTables_length select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .dataTables_filter { overflow: hidden; } .dataTables_filter:after { content: '\f1c3'; } .dataTables_filter--toggled > label:before, .dataTables_filter--toggled > label:after { width: 50%; } .dataTables_paginate { text-align: center; } .paginate_button { background-color: rgba(255, 255, 255, 0.08); display: inline-block; color: rgba(255, 255, 255, 0.85); vertical-align: top; border-radius: 50%; margin: 0 1px 0 2px; font-size: 1rem; cursor: pointer; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; transition: background-color 300ms, color 300ms; } .paginate_button.current { background-color: #ffffff; color: #000000; cursor: default; } .paginate_button:not(.current):not(.disabled):hover, .paginate_button:not(.current):not(.disabled):focus { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.85); } .paginate_button.current, .paginate_button.disabled { cursor: default; } .paginate_button.previous, .paginate_button.next { font-size: 0; position: relative; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .paginate_button.previous, .paginate_button.next { font-size: 1rem; } } .paginate_button.previous:before, .paginate_button.next:before { font-family: "Material-Design-Iconic-Font"; font-size: 1rem; line-height: 2.55rem; } .paginate_button.previous:before { content: '\F2FF'; } .paginate_button.next:before { content: '\F301'; } .paginate_button.disabled { opacity: 0.6; } .paginate_button.disabled:hover, .paginate_button.disabled:focus { color: rgba(255, 255, 255, 0.85); } .dataTables_info { text-align: center; padding: 2.5rem 0 1.5rem; font-size: 0.9rem; color: rgba(255, 255, 255, 0.7); } .dt-buttons { display: none; } .data-table-toggled { overflow: hidden; } .data-table-toggled .dataTables_buttons [data-table-action="fullscreen"]:before { content: '\f16c'; } .swal2-modal { border-radius: 2px; padding: 2.5rem !important; font-family: "Nunito", sans-serif; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5); } .swal2-modal .swal2-title { font-size: 1.1rem; position: relative; z-index: 1; color: #ffffff; line-height: inherit; margin: 0 0 5px; font-weight: normal; } .swal2-modal .swal2-icon, .swal2-modal .swal2-image { margin-top: 0; margin-bottom: 1.5rem; } .swal2-modal .swal2-content { color: rgba(255, 255, 255, 0.7); font-size: 1rem; font-weight: normal; } .swal2-modal .swal2-buttonswrapper { margin-top: 30px; } .swal2-modal .swal2-buttonswrapper .btn { margin: 0 3px; box-shadow: none !important; } .swal2-container.in { background-color: rgba(0, 0, 0, 0.2); } .lg-outer .lg-thumb-outer { background-color: rgba(255, 255, 255, 0.1); } .lg-outer .lg-thumb-item { border: 0; border-radius: 2px; } .lg-outer .lg-thumb-item:hover { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1); } .lg-outer .lg-image { border-radius: 2px; } .lg-outer .lg-toogle-thumb { border-radius: 50%; color: #000000; height: 51px; width: 51px; line-height: 41px; background-color: #ffffff; transition: all 500ms; } .lg-outer .lg-toogle-thumb:hover { color: #000000; } .lg-outer:not(.lg-thumb-open) .lg-toogle-thumb { top: -70px; } .lg-outer.lg-thumb-open .lg-toogle-thumb { top: -26px; } .lg-thumb.group { padding: 20px 0; } .lg-slide em { font-style: normal; } .lg-slide em h3 { color: #ffffff; margin-bottom: 5px; } .lg-slide .video-cont { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); } .lightbox > a { position: relative; } .lightbox > a:before, .lightbox > a:after { position: absolute; top: 0; left: 0; opacity: 0; transition: all 300ms; } .lightbox > a:before { content: '\f1ee'; font-family: "Material-Design-Iconic-Font"; font-size: 2.3rem; color: #ffffff; bottom: 0; right: 0; margin: auto; width: 25px; height: 25px; line-height: 25px; z-index: 2; -webkit-transform: scale(2); transform: scale(2); } .lightbox > a:after { content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1; } .lightbox > a:hover:before, .lightbox > a:hover:after { opacity: 1; } .lightbox > a:hover:before { -webkit-transform: scale(1); transform: scale(1); } .scrollbar-inner { height: 100%; } .scrollbar-inner > .scroll-element { transition: opacity 300ms; margin-right: 2px; } .scrollbar-inner > .scroll-element.scroll-y { width: 7px; right: 0; } .scrollbar-inner > .scroll-element.scroll-x { height: 3px; bottom: 0; } .scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element .scroll-element_track { transition: background-color 300ms; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: transparent; } .scrollbar-inner:not(:hover) .scroll-element { opacity: 0; } .waves-effect { position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; transition: all 0.5s ease-out; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0); pointer-events: none; } .waves-effect:not(.waves-light) .waves-ripple, .waves-effect.btn-secondary .waves-ripple, .waves-effect.btn-link .waves-ripple { background: rgba(0, 0, 0, 0.08); } .waves-effect.btn:not(.btn-secondary):not(.btn-link) .waves-ripple, .waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.5); } .waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.08); } .waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.5); } .waves-notransition { transition: none !important; } .waves-button, .waves-circle { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%); } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; border: 0; } .waves-block { display: block; } ul.jqtree-tree { border-top: 1px solid rgba(255, 255, 255, 0.125); } ul.jqtree-tree li.jqtree-selected > .jqtree-element { transition: background-color 200ms, border-color 200ms; border-color: transparent; } ul.jqtree-tree li.jqtree-selected > .jqtree-element, ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover { background: rgba(255, 255, 255, 0.125); text-shadow: none; } ul.jqtree-tree li:not(.jqtree-selected) > .jqtree-element:hover { background-color: rgba(255, 255, 255, 0.02); } ul.jqtree-tree li.jqtree-folder { margin-bottom: 0; } ul.jqtree-tree li.jqtree-folder:not(.jqtree-closed) + li.jqtree_common { position: relative; } ul.jqtree-tree li.jqtree-folder:not(.jqtree-closed) + li.jqtree_common:before { content: ''; position: absolute; top: -1px; left: 0; width: 30px; background-color: rgba(255, 255, 255, 0.125); height: 1px; } ul.jqtree-tree li.jqtree-folder.jqtree-closed { margin: 0; } ul.jqtree-tree li.jqtree-ghost span.jqtree-line { background-color: #ffffff; } ul.jqtree-tree li.jqtree-ghost span.jqtree-circle { border-color: #ffffff; } ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title { outline: none; } ul.jqtree-tree span.jqtree-border { border-radius: 0; border-color: #ffffff; } ul.jqtree-tree .jqtree-toggler { position: absolute; height: 16px; width: 16px; background: rgba(255, 255, 255, 0.75); color: #131313; padding: 0 0 0 1px; font-size: 1rem; border-radius: 50%; top: 12px; left: -8px; line-height: 16px; text-align: center; transition: background-color 300ms, color 300ms; } ul.jqtree-tree .jqtree-toggler:hover { background-color: #ffffff; color: #000000; } ul.jqtree-tree .jqtree-element { position: relative; padding: 10px 20px; border: 1px solid rgba(255, 255, 255, 0.125); border-top: 0; margin-bottom: 0; } ul.jqtree-tree .jqtree-title { color: #ffffff; margin-left: 0; } ul.jqtree-tree ul.jqtree_common { margin-left: 22px; padding-left: 8px; } .jq-ry-container { padding: 0; display: inline-block; } .text-count-wrapper { position: absolute; bottom: -23px; height: 20px; width: 100%; left: 0; font-size: 0.875rem; } .error-text-min { float: right; } /* Jquery autocomplete styles - start */ .autocomplete-suggestions { text-align: left; cursor: default; border: none; border-top: 0; background: rgba(40, 40, 40, 0.96); box-shadow: -1px 1px 3px rgba(0,0,0,.1); /* core styles should not be changed */ position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; } .autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: rgba(255,255,255,.85); } .autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; } .autocomplete-suggestion.selected { background: rgba(255, 255, 255, 0.04); color: #fff; } /* Jquery autocomplete styles - end */ /* K-Chart SVG styles - start */ .k-chart text { fill-opacity: 0.7; color: white; fill: white; } .k-chart > svg > g > g > g > path { stroke-opacity: 0.3; stroke: white; } .k-chart g g g[clip-path] > path { /*stroke-opacity: 0.75;*/ } .k-chart g g g[transform] > path { /*stroke-opacity: 0.7;*/ stroke: none; } .k-chart > svg > g > path { stroke-opacity: 0.7; stroke: none !important; fill: none !important; } .k-chart g[clip-path] circle { stroke-opacity: 0.7; r: 3; } .k-chart g[clip-path] circle[style] { stroke-opacity: 0.7; r: 6; } /* K-Chart SVG styles - end */ .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { color: white; background-color: black; } .acs-user-photo-small { width: 2rem; height: 2rem; border-radius: 50%; margin-right: 0.8rem; } .acs-grid-inline-info { display: inline-block; } .acs-teams-user-activity .acs-teams-user-activity-search-days .k-dropdown { width: calc(100% - 10px); } .acs-teams-user-activity .acs-teams-user-activity-search-departments .k-dropdown { width: calc(100% - 10px); } .acs-teams-user-activity .acs-teams-user-activity-search-companies .k-dropdown { width: calc(100% - 10px); } /* fix date picker white around input when rendered - start */ .k-datepicker .k-picker-wrap { border-width: 0; } input[type="text"] { background: rgba(255, 255, 255, 0.125); border: 0; color: #ffffff; border-radius: 2px; width: -webkit-fill-available; padding: 0.5rem .75rem; } input[type="text"]:hover { background: rgba(255, 255, 255, 0.125); } input[type="text"].search__text { padding: 1.275rem .75rem 1.275rem 3rem } input[inputmode="text"] { padding: 0.5rem .75rem; } /* fix date picker white around input when rendered - end */ /* fix for input autofill style */ input:-internal-autofill-selected { background-color: transparent !important; background-image: none !important; color: rgb(255, 255, 255) !important; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { transition: background-color 5000s ease-in-out 0s, border-color ease-in-out 0.20s, box-shadow ease-in-out 0.20s; -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important; } /* acs-validation-summary-errors-login */ .acs-validation-summary-errors-login { position: relative; top: -50px; right: 20px; font-size: 1.2rem; } .acs-validation-summary-errors-login ul li { list-style: none; } .search-item { font-family: "Nunito", tahoma, arial, helvetica, sans-serif; font-size: 13px; padding: 5px 10px 5px 10px; border-bottom: 1px solid rgba(255,255,255,.125); white-space: normal; color: rgba(255, 255, 255, 0.85); width: 100%; } .search-item h3 { display: block; font: inherit; font-weight: normal; color: rgba(255, 255, 255, 0.85); margin: 0px; font-size: 1.1rem; } .search-item h3 span { float: right; font-weight: normal; margin: 0 0 5px 5px; width: 100px; display: block; clear: none; } .search-item .category { display: inline-block; } .search-item .additionalInfo { display: inline-block; float: right; width: 200px; height: 18px; overflow: hidden; text-align: right; } /* Styles for login page - start */ .acs-login-logo-company { position: absolute; left: 30px; top: 15px; } .acs-login-logo-application { position: relative; top: 45%; } @media (max-width: 575px) { .acs-logo-application-text { font-size: 4.5rem; font-family: "Montserrat", sans-serif; font-weight: bold; display: inline-block; line-height: normal; } .acs-logo-application-image-position { width: 18%; } } @media (min-width: 576px) { .acs-logo-application-text { font-size: 7rem; font-family: "Montserrat", sans-serif; font-weight: bold; display: inline-block; line-height: normal; } } @media (max-width: 767px) { .acs-login-logo-application { position: relative; top: 185px; margin-bottom: 175px; width: 80px; background-repeat: no-repeat; background-size: cover; } .login { min-height: 50vh; } } @media (max-width: 575px) { .acs-login-logo-application { position: relative; top: 150px; margin-bottom: 175px; background-repeat: no-repeat; background-size: cover; } } /* Styles for login page - end*/ /* Styles for app card in Launcher - start */ .acs-launcher-appcard .quick-stats__item:hover { transition: box-shadow .3s; } .acs-launcher-appcard .quick-stats__item:hover { box-shadow: 8px 8px 11px rgba(33,33,33,.2); } /* Styles for app card in Launcher - end */ /* Styles for select drop down from white to black like smartadmin select2 class - start */ select.form-control:focus { } /* Styles for select drop down from white to black like smartadmin select2 class - end */ /* 9009 */ .k-window-titlebar { border-top-left-radius: .25rem; border-top-right-radius: .25rem; padding: 1rem 1rem 1rem 1rem; border-width: 0 0 0px; border-style: none; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-align: center; align-items: center } /* 9026 */ .k-window-title { margin: -.15em 0; font-size: 1.4rem; line-height: 1.3; text-overflow: ellipsis; overflow: hidden; cursor: default; -ms-flex: 1; flex: 1 } /* 9052 */ .k-prompt-container, .k-window-content { padding: 1rem 1rem; border: 0; color: inherit; background: 0 0; outline: 0; overflow: auto; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem; } /* 9080 */ .k-window { border-color: rgba(33, 37, 41, .125); color: white; background-color: rgba(33,37,41,0.95) !important; } /* 9086 */ .k-window-titlebar { border-color: rgba(33, 37, 41, .125); color: rgba(255,255,255,.85); background-color: rgba(25, 25, 25, 1); background-clip: padding-box } /* Marquee styles - start */ .marquee { width: 100%; margin: 0 auto; overflow: hidden; white-space: nowrap; box-sizing: border-box; animation: marquee 25s linear infinite; } .marquee:hover { animation-play-state: paused } @keyframes marquee { 0% { text-indent: 27.5em } 100% { text-indent: -60em } } /* Marquee styles - end */ /* custom search - start */ @media (max-width: 575px) { .acs_search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; padding-top: 25px; padding-bottom: 25px; width: 100%; margin: auto; } } @media (min-width: 576px) { .acs_search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; padding-top: 25px; padding-bottom: 25px; width: 60%; margin: auto; } } .acs_search__inner { position: relative; padding-top: 10px; } .acs_search__text { width: 100%; } input[type=text].acs_search__text { border: 0; border-radius: 5px; height: 3.5rem; padding-left: 3rem; padding-right: 2rem; width: 100%; transition: background-color 300ms, color 300ms; background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.85); font-size: 1.3rem !important; } input[type=text].acs_search__text::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.85); } input[type=text].acs_search__text:-ms-input-placeholder { color: rgba(255, 255, 255, 0.85); } input[type=text].acs_search__text::placeholder { color: rgba(255, 255, 255, 0.85); } input[type=text].acs_search__text:focus { background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.85); } input[type=text].acs_search__text:focus::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.85); 1 } input[type=text].acs_search__text:focus:-ms-input-placeholder { color: rgba(255, 255, 255, 0.85); } input[type=text].acs_search__text:focus::placeholder { color: rgba(255, 255, 255, 0.85); } .acs_search__text.k-autocomplete, .acs_search__text.k-autocomplete.k-state-hover { height: 3.5rem; padding-right: 0; border: 0; } .acs_search__text.k-autocomplete .k-i-close.k-clear-value { margin-top: 5px; } .header--scrolled input[type=text].acs_search__text { background-color: rgba(255, 255, 255, 0.1); } .header--scrolled input[type=text].acs_search__text:focus { background-color: rgba(255, 255, 255, 0.12); } .acs_search__helper { position: absolute; left: 0; top: 5px; font-size: 2rem; height: 100%; width: 3rem; text-align: center; line-height: 2.9rem; cursor: pointer; transition: color 300ms, -webkit-transform 400ms; transition: color 300ms, transform 400ms; transition: color 300ms, transform 400ms, -webkit-transform 400ms; } .search--focus .acs_search__helper { -webkit-transform: rotate(180deg); transform: rotate(180deg); line-height: 2.9rem; color: rgba(255, 255, 255, 0.85); top: -5px; } .search--focus .acs_search__helper:before { content: '\f301'; } .search--focus .k-widget .acs_search__helper { -webkit-transform: rotate(180deg); transform: rotate(180deg); line-height: 2.9rem; color: rgba(255, 255, 255, 0.85); } /* custom search - end */ /* Telerik - date selector with drop down - start */ .k-combobox, .k-dateinput, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-maskedtextbox, .k-multiselect, .k-numerictextbox, .k-timepicker { border-width: 0; background-color: rgba(255, 255, 255, 0.125); border-radius: 2px; } .k-autocomplete, .k-autocomplete.k-state-hover, .k-combobox .k-dropdown-wrap, .k-combobox .k-state-hover, .k-combobox > :hover, .k-dateinput .k-dateinput-wrap, .k-datepicker .k-picker-wrap, .k-datepicker .k-state-hover, .k-datetimepicker .k-picker-wrap, .k-datetimepicker .k-state-hover, .k-input, .k-input.k-textbox, .k-multiselect-wrap, .k-multiselect-wrap:hover, .k-numerictextbox .k-numeric-wrap, .k-numerictextbox .k-state-hover, .k-state-hover > .k-multiselect-wrap, .k-textarea, .k-textbox, .k-timepicker .k-picker-wrap, .k-timepicker .k-state-hover { border-color: transparent; color: #ffffff; background-color: transparent; height: 34px; } .k-autocomplete .k-input, .k-dateinput-wrap .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input { padding: 1.275rem .75rem; height: calc(.75rem + 1.5em); box-sizing: border-box; border: 0; outline: 0; color: #fff; background: 0 0; font: inherit; -ms-flex: 0 1 auto; flex: 0 1 auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow: hidden; text-overflow: ellipsis } .k-button, .k-button-group .k-button.k-state-disabled:not(.k-state-active), .k-button-group.k-state-disabled .k-button:not(.k-state-active), .k-combobox .k-select, .k-dateinput .k-select, .k-datepicker .k-select, .k-datetimepicker .k-select, .k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap, .k-editor-toolbar a.k-tool, .k-fieldselector .k-list li.k-item, .k-gantt-views li, .k-grouping-header .k-group-indicator, .k-handle, .k-list-container .k-nodata .k-button, .k-map .k-navigator, .k-numerictextbox .k-select, .k-pivot-toolbar .k-button, .k-scheduler-footer li, .k-scheduler-navigation .k-nav-next, .k-scheduler-navigation .k-nav-prev, .k-scheduler-navigation .k-nav-today, .k-scheduler-views li, .k-spreadsheet-filter, .k-switch-handle, .k-switch-wrapper, .k-task-single, .k-timepicker .k-select, .km-switch-handle, .km-switch-wrapper { border-color: transparent; color: rgba(255,255,255,.85); background-color: transparent; } /* k-switch - start */ .k-switch { box-sizing: border-box; outline: 0; display: inline-flex; align-items: center; vertical-align: middle; line-height: 1; position: relative; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-switch *, .k-switch *::before, .k-switch *::after { box-sizing: border-box } .k-switch [type=checkbox] { display: none } .k-switch[aria-readonly=true] { pointer-events: none } .k-switch.k-readonly { pointer-events: none } .k-switch-track { border-width: 1px; border-style: solid; outline: 0; display: flex; flex-flow: row nowrap; flex: 1 0 auto; position: relative; transition: background-color 200ms ease-in-out } .k-switch-thumb-wrap { width: 0; height: 0; overflow: visible; position: absolute; transition: left 200ms ease-in-out; top: 50% } .k-switch-thumb { border-width: 1px; border-style: solid; display: block; position: absolute; transform: translate(-50%, -50%) } .k-switch-label-on, .k-switch-label-off { text-transform: uppercase; display: inline; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden } .k-switch-sm { width: 52px; height: 26px; font-size: 10px } .k-switch-sm .k-switch-track { width: 52px; height: 26px } .k-switch-sm .k-switch-label-on { left: 4px } .k-switch-sm .k-switch-label-off { right: 4px } .k-switch-sm .k-switch-thumb { width: 26px; height: 26px } .k-switch-sm.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 13px) } .k-switch-sm.k-switch-off .k-switch-thumb-wrap { left: 13px } .k-switch-sm[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-sm .k-switch-label-on, .k-rtl .k-switch-sm .k-switch-label-on { left: auto; right: 4px } .k-switch-sm[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-sm .k-switch-label-off, .k-rtl .k-switch-sm .k-switch-label-off { right: auto; left: 4px } .k-switch-sm[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-sm.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap { left: 13px } .k-switch-sm[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-sm.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 13px) } .k-switch-md { width: 60px; height: 30px; font-size: 10px } .k-switch-md .k-switch-track { width: 35px; height: 25px } .k-switch-md .k-switch-label-on { left: 6px } .k-switch-md .k-switch-label-off { right: 6px } .k-switch-md .k-switch-thumb { width: 25px; height: 20px } .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 15px) } .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: 15px } .k-switch-md[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-md .k-switch-label-on, .k-rtl .k-switch-md .k-switch-label-on { left: auto; right: 6px } .k-switch-md[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-md .k-switch-label-off, .k-rtl .k-switch-md .k-switch-label-off { right: auto; left: 6px } .k-switch-md[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-md.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: 15px } .k-switch-md[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-md.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 15px) } .k-switch-lg { width: 68px; height: 34px; font-size: 10px } .k-switch-lg .k-switch-track { width: 68px; height: 34px } .k-switch-lg .k-switch-label-on { left: 8px } .k-switch-lg .k-switch-label-off { right: 8px } .k-switch-lg .k-switch-thumb { width: 34px; height: 34px } .k-switch-lg.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 17px) } .k-switch-lg.k-switch-off .k-switch-thumb-wrap { left: 17px } .k-switch-lg[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-lg .k-switch-label-on, .k-rtl .k-switch-lg .k-switch-label-on { left: auto; right: 8px } .k-switch-lg[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-lg .k-switch-label-off, .k-rtl .k-switch-lg .k-switch-label-off { right: auto; left: 8px } .k-switch-lg[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-lg.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap { left: 17px } .k-switch-lg[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-lg.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 17px) } .k-switch[dir=rtl] .k-switch-thumb, [dir=rtl] .k-switch .k-switch-thumb, .k-switch.k-rtl .k-switch-thumb, .k-rtl .k-switch .k-switch-thumb { transform: translate(50%, -50%) } .k-switch-off .k-switch-track { border-color: #adb5bd; color: #e1e1e1; background-color: rgba(255, 255, 255, 0.225); } .k-switch-off .k-switch-track:hover, .k-switch-off .k-switch-track:focus { border-color: #28b3c1; } .k-switch-off .k-switch-thumb { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: #adb5bd; } .k-switch-off:focus .k-switch-track, .k-switch-off.k-focus .k-switch-track { outline: 2px solid color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 8%, transparent) } .k-switch-off .k-switch-label-on { color: rgba(0,0,0,0) } .k-switch-on .k-switch-track { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: rgba(255, 255, 255, 0.225); } .k-switch-on .k-switch-track:hover, .k-switch-on .k-switch-track:focus { border-color: #28b3c1; } .k-switch-on .k-switch-thumb { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: #e1e1e1; background-color: #28b3c1; } .k-switch-on:focus .k-switch-track, .k-switch-on.k-focus .k-switch-track { outline: 2px solid color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-switch-on .k-switch-label-off { color: rgba(0,0,0,0) } .acs-k-swtich-position { display: inline-block; margin-right: 15px; } .k-rounded-none { border-radius: var(--kendo-border-radius-none, 0px) } .k-rounded-xs { border-radius: var(--kendo-border-radius-xs, 1px) } .k-rounded-sm { border-radius: var(--kendo-border-radius-sm, 0.125rem) } .k-rounded-md { border-radius: var(--kendo-border-radius-md, 0.25rem) } .k-rounded-lg { border-radius: var(--kendo-border-radius-lg, 0.375rem) } .k-rounded-xl { border-radius: var(--kendo-border-radius-xl, 0.5rem) } .k-rounded-xxl { border-radius: var(--kendo-border-radius-xxl, 0.75rem) } .k-rounded-xxxl { border-radius: var(--kendo-border-radius-xxxl, 1rem) } .k-rounded-full { border-radius: var(--kendo-border-radius-full, 9999px) } @media (max-width: 499px) { .acs-calls-analytics.acs-toolbar-item { margin-top: -10px !important; } .acs-k-swtich-position { display: inline-block; margin-right: 0; position: relative; top: -20px; } } /* k-switch - end */ .k-button { border-color: transparent; color: #ffffff; background-color: rgba(255, 255, 255, 0.125); display: flex; font-weight: normal; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; /* user-select: none; */ border: 1px solid transparent; padding: 0.4rem 0.8rem 0.4rem 0.7rem; font-size: 1rem; line-height: 1.25; transition: all 0.15s ease-in-out; cursor: pointer; } .k-button-group > input[type=checkbox]:hover + .k-button, .k-button-group > input[type=radio]:hover + .k-button, .k-button.k-state-hover, .k-combobox .k-state-hover .k-select, .k-combobox > :hover .k-select, .k-dateinput .k-select:hover, .k-datepicker .k-state-hover .k-select, .k-datetimepicker .k-state-hover .k-select, .k-dropdown .k-state-hover, .k-dropdown > :hover, .k-dropdowntree .k-state-hover, .k-dropdowntree > :hover, .k-editor-toolbar a.k-tool.k-state-hover, .k-editor-toolbar a.k-tool:hover, .k-fieldselector .k-list li.k-item.k-state-hover, .k-fieldselector .k-list li.k-item:hover, .k-gantt-views li.k-state-hover, .k-ghost-splitbar, .k-handle:hover, .k-numerictextbox .k-state-hover .k-select, .k-pivot-toolbar .k-button.k-state-hover, .k-pivot-toolbar .k-button:hover, .k-scheduler-footer li.k-state-hover, .k-scheduler-navigation .k-nav-next.k-state-hover, .k-scheduler-navigation .k-nav-prev.k-state-hover, .k-scheduler-navigation .k-nav-today.k-state-hover, .k-scheduler-views li.k-state-hover, .k-spreadsheet-filter:hover, .k-timepicker .k-state-hover .k-select { border-color: transparent; color: rgba(255,255,255,.85); background-color: transparent; } .k-action-buttons .k-button:active, .k-button-group > input[type=checkbox]:checked + .k-button, .k-button-group > input[type=radio]:checked + .k-button, .k-button.k-state-active, .k-button.k-state-selected, .k-button:active, .k-combobox .k-state-active .k-select, .k-datepicker .k-state-active .k-select, .k-datetimepicker .k-state-active .k-select, .k-dropdown .k-state-active, .k-dropdowntree .k-state-active, .k-editor-toolbar a.k-tool.k-state-active, .k-editor-toolbar a.k-tool.k-state-selected, .k-editor-toolbar a.k-tool:active, .k-fieldselector .k-list li.k-item.k-state-active, .k-fieldselector .k-list li.k-item:active, .k-gantt-views li.k-state-selected, .k-numerictextbox .k-link.k-state-selected, .k-pivot-toolbar .k-button.k-state-active, .k-pivot-toolbar .k-button:active, .k-scheduler-views li.k-state-selected, .k-spreadsheet-filter.k-state-active, .k-timepicker .k-state-active .k-select { border-color: transparent; color: rgba(255,255,255,.85); background-color: transparent; } .k-button .k-icon { width: 16px; height: 16px; fill: rgba(255, 255, 255, 0.75); } .k-input-button .k-icon { position: relative; top: 3px; } /* Telerik - date selector with drop down - end */ /* Telerik - drop down calendar - start */ .k-calendar { inline-size: var(--INTERNAL--kendo-calendar-width, min-content); block-size: var(--INTERNAL--kendo-calendar-height, min-content); border-width: 1px; border-style: solid; border-radius: 0; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); position: relative; overflow: hidden; display: inline-flex; flex-flow: column nowrap; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .k-calendar > .k-calendar { border: 0 } .k-calendar-table { margin-block: 0; margin-inline: auto; border-width: 0; border-color: inherit; border-spacing: 0; border-collapse: separate; table-layout: fixed; text-align: center; outline: 0; display: table; position: relative; z-index: 1 } .k-calendar-caption, .k-calendar-caption.k-calendar-th, .k-calendar .k-meta-header, .k-calendar .k-month-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); height: 32px; box-sizing: border-box; text-transform: none; text-align: start; font-weight: var(--kendo-font-weight-bold, normal); cursor: default } .k-calendar-th, .k-calendar-td { border-width: 0; padding: 0; text-align: center; border-style: solid; border-color: inherit; font-weight: normal; cursor: default } .k-calendar-th { inline-size: var(--INTERNAL--kendo-calendar-cell-size, 32px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 32px); font-size: var(--kendo-font-size-sm, inherit); line-height: 2; text-transform: uppercase } .k-calendar-td { border-radius: var(--kendo-border-radius-md, 0.25rem); inline-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); block-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); border-color: rgba(0,0,0,0) } .k-calendar-td.k-alt { font-size: .75rem } .k-calendar .k-calendar-cell-inner, .k-calendar .k-link { border-radius: var(--kendo-border-radius-md, 0.25rem); padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.25em); padding-block: var(--INTERNAL--kendo-calendar-cell-padding-y, 0.25em); width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center; white-space: normal; position: relative; overflow: hidden } .k-calendar .k-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border-block-end-width: 1px; border-block-end-style: solid; display: flex; flex-flow: row nowrap; align-items: center; position: relative; z-index: 2; } .k-calendar-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); min-width: var(--INTERNAL--kendo-calendar-view-width, 256px); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto } .k-calendar-header .k-calendar-nav { display: flex; flex-flow: row nowrap; align-items: center } .k-calendar-footer, .k-calendar .k-footer { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); text-align: center; clear: both } .k-calendar-view { margin: auto; padding-block: 0; padding-inline: var(--kendo-spacing-1, 0.25rem); width: var(--INTERNAL--kendo-calendar-view-width, 256px); inline-size: var(--INTERNAL--kendo-calendar-view-width, 256px); min-height: 224px; box-sizing: content-box; gap: var(--kendo-spacing-4, 1rem); position: relative; z-index: 1; overflow: hidden } .k-calendar-view .k-today { font-weight: var(--kendo-font-weight-bold, normal) } .k-month-calendar .k-calendar-td, .k-calendar-monthview .k-calendar-td { width: var(--INTERNAL--kendo-calendar-cell-size, 32px); height: var(--INTERNAL--kendo-calendar-cell-size, 32px); inline-size: var(--INTERNAL--kendo-calendar-cell-size, 32px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 32px) } .k-year-calendar .k-calendar-td, .k-calendar-yearview .k-calendar-td { width: var(--INTERNAL--kendo-calendar-cell-size, 64px); height: var(--INTERNAL--kendo-calendar-cell-size, 64px); inline-size: var(--INTERNAL--kendo-calendar-cell-size, 64px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 64px) } .k-decade-calendar .k-calendar-td, .k-calendar-decadeview .k-calendar-td { width: var(--INTERNAL--kendo-calendar-cell-size, 64px); height: var(--INTERNAL--kendo-calendar-cell-size, 64px); inline-size: var(--INTERNAL--kendo-calendar-cell-size, 64px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 64px) } .k-century-calendar .k-calendar-td, .k-calendar-centuryview .k-calendar-td { width: var(--INTERNAL--kendo-calendar-cell-size, 64px); height: var(--INTERNAL--kendo-calendar-cell-size, 64px); inline-size: var(--INTERNAL--kendo-calendar-cell-size, 64px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 64px) } .k-century-calendar .k-calendar-cell-inner, .k-century-calendar .k-link, .k-calendar-centuryview .k-calendar-cell-inner, .k-calendar-centuryview .k-link { text-align: start } .k-popup .k-calendar { height: 100% } .k-calendar-container, .k-datetime-container { padding: 0 } .k-calendar-container .k-calendar, .k-datetime-container .k-calendar { border-width: 0 } .k-calendar .k-content.k-scrollable, .k-calendar .k-calendar-content.k-scrollable { box-sizing: content-box; overflow-x: hidden; overflow-y: auto; display: block; padding-inline-end: 100px; padding-inline-start: 100px; margin-inline-start: -100px; margin-inline-end: calc(-100px - var(--kendo-scrollbar-width, 17px)) } .k-calendar .k-scrollable-placeholder { position: absolute; z-index: -1; width: 1px; inset-block-start: 0; inset-inline-end: 0 } .k-calendar-sm { --INTERNAL--kendo-calendar-view-width: 224px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-sm-cell-padding-x, var(--kendo-spacing-0\.5, 0.125rem) ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-sm-cell-padding-y, var(--kendo-spacing-0\.5, 0.125rem) ); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-calendar-sm.k-month-calendar, .k-calendar-sm .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-month-cell-size, 28px ) } .k-calendar-sm.k-year-calendar, .k-calendar-sm .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-year-cell-size, 56px ) } .k-calendar-sm.k-decade-calendar, .k-calendar-sm .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-decade-cell-size, 56px ) } .k-calendar-sm.k-century-calendar, .k-calendar-sm .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-century-cell-size, 56px ) } .k-calendar-md { --INTERNAL--kendo-calendar-view-width: 256px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-md-cell-padding-x, var(--kendo-spacing-1, 0.25rem) ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-md-cell-padding-y, var(--kendo-spacing-1, 0.25rem) ); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal) } .k-calendar-md.k-month-calendar, .k-calendar-md .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-month-cell-size, 32px ) } .k-calendar-md.k-year-calendar, .k-calendar-md .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-year-cell-size, 64px ) } .k-calendar-md.k-decade-calendar, .k-calendar-md .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-decade-cell-size, 64px ) } .k-calendar-md.k-century-calendar, .k-calendar-md .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-century-cell-size, 64px ) } .k-calendar-lg { --INTERNAL--kendo-calendar-view-width: 320px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-lg-cell-padding-x, var(--kendo-spacing-2, 0.5rem) ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-lg-cell-padding-y, var(--kendo-spacing-2, 0.5rem) ); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal) } .k-calendar-lg.k-month-calendar, .k-calendar-lg .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-month-cell-size, 40px ) } .k-calendar-lg.k-year-calendar, .k-calendar-lg .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-year-cell-size, 80px ) } .k-calendar-lg.k-decade-calendar, .k-calendar-lg .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-decade-cell-size, 80px ) } .k-calendar-lg.k-century-calendar, .k-calendar-lg .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-century-cell-size, 80px ) } .k-calendar-infinite { box-sizing: content-box; display: inline-flex; flex-flow: row nowrap } .k-calendar-infinite .k-calendar-view { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-4, 1rem); height: 288px; flex: 0 0 auto; display: flex; flex-flow: column nowrap; gap: 0; overflow: hidden } .k-calendar-infinite .k-calendar-view .k-content.k-scrollable { position: relative } .k-calendar-infinite .k-calendar-view::after { display: block; position: absolute; inset-block-end: 0; content: "​"; height: 0; line-height: 0; z-index: 1; width: 150%; inset-inline-start: -25%; box-shadow: 0 0 32px 16px var(--kendo-color-surface-alt, #ffffff) } .k-calendar-infinite .k-calendar-header { margin-inline-start: calc(var(--kendo-spacing-4, 1rem)*-1); margin-inline-end: calc(var(--kendo-spacing-4, 1rem)*-1); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); width: auto; min-width: 0 } .k-calendar-infinite .k-calendar-weekdays { flex: 0 0 auto } .k-calendar-navigation { width: 5em; text-align: center; flex: 0 0 auto; display: block; overflow: hidden; position: relative; z-index: 1 } .k-calendar-navigation::before, .k-calendar-navigation::after { display: block; position: absolute; content: "​"; height: 0; line-height: 0; z-index: 1; width: 200%; inset-inline-start: -50%; box-shadow: 0 0 6em 3em var(--kendo-color-surface, #fafafa) } .k-calendar-navigation::before { inset-block-start: 0 } .k-calendar-navigation::after { inset-block-end: 0 } .k-calendar-navigation .k-content, .k-calendar-navigation .k-calendar-content { background: rgba(0,0,0,0); height: auto; position: absolute; inset-block-start: 0; inset-inline-start: 0; inset-block-end: 0; inset-inline-end: 0 } .k-calendar-navigation .k-content ul, .k-calendar-navigation .k-calendar-content ul { width: 5em } .k-calendar-navigation .k-content li, .k-calendar-navigation .k-calendar-content li { height: 2em; line-height: 2em; cursor: pointer; padding-block: 0; padding-inline: 1em; overflow: hidden; white-space: nowrap; text-overflow: clip } .k-calendar-navigation .k-calendar-navigation-marker { font-weight: bold } .k-calendar-navigation .k-calendar-navigation-highlight { width: 100%; border-width: 1px 0; border-style: solid; height: 2em; box-sizing: border-box; position: absolute; inset-block-start: 50%; inset-inline-end: 0; transform: translateY(-50%) } .k-calendar-range { width: auto } .k-calendar-range .k-calendar-view { width: auto; white-space: nowrap } .k-calendar-range .k-calendar-view::after { display: none } .k-calendar-range .k-calendar-view:focus { outline: 0 } .k-range-start { border-radius: 0; border-start-start-radius: var(--kendo-border-radius-lg, 0.375rem); border-end-start-radius: var(--kendo-border-radius-lg, 0.375rem) } .k-range-start .k-calendar-cell-inner, .k-range-start .k-link { border-color: inherit; border-radius: inherit } .k-range-end { border-radius: 0; border-start-end-radius: var(--kendo-border-radius-lg, 0.375rem); border-end-end-radius: var(--kendo-border-radius-lg, 0.375rem) } .k-range-end .k-calendar-cell-inner, .k-range-end .k-link { border-color: inherit; border-radius: inherit } .k-range-mid { border-color: inherit; border-radius: 0 } .k-range-start.k-range-end { border-radius: var(--kendo-border-radius-lg, 0.375rem) } .k-calendar { border-color: rgba(33, 37, 41, .125); color: rgba(255,255,255,.85); background-color: #000000; border-radius: 3px; } .k-calendar .k-header { border-color: inherit; color: #ffffff; background-color: #100e0e; box-shadow: none; border-radius: 3px 3px 0 0; } .k-calendar .k-calendar-th, .k-calendar .k-calendar-caption, .k-calendar .k-meta-header, .k-calendar .k-month-header { color: var(--kendo-color-subtle, #666666) } .k-calendar .k-calendar-view .k-today { color: var(--kendo-color-primary, #1274AC) } .k-calendar .k-other-month { color: var(--kendo-color-subtle, #666666) } .k-calendar .k-alt { background-color: rgba(0,0,0,0); color: var(--kendo-color-subtle, #666666) } .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link, .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-hover .k-link { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: color-mix(in srgb, currentColor 8%, transparent) } .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC) } .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link, .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-hover .k-link { color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary-hover, #116fa5) } .k-calendar .k-calendar-td:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td:focus .k-link, .k-calendar .k-calendar-td.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-focus .k-link { box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 8%, transparent) } .k-calendar .k-calendar-td.k-selected:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:focus .k-link, .k-calendar .k-calendar-td.k-selected.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-focus .k-link { box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 8%, transparent) } .k-calendar .k-calendar-navigation { color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa); box-shadow: inset -1px 0 var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-calendar .k-calendar-navigation li:hover, .k-calendar .k-calendar-navigation li.k-hover { color: var(--kendo-color-primary-hover, #116fa5) } .k-calendar .k-calendar-navigation-highlight { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-calendar .k-calendar-navigation-marker { color: currentColor } .k-calendar.k-invalid, .k-calendar.k-invalid:hover, .k-calendar.ng-invalid.ng-touched, .k-calendar.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #D51923) } .k-rtl .k-calendar .k-calendar-navigation, [dir=rtl] .k-calendar .k-calendar-navigation, .k-calendar.k-rtl .k-calendar-navigation, .k-calendar[dir=rtl] .k-calendar-navigation { box-shadow: inset 1px 0 var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-scheduler .k-calendar .k-other-month { color: var(--kendo-color-subtle, #666666); background-color: rgba(0,0,0,0) } .k-calendar .k-range-start, .k-calendar .k-range-end, .k-calendar .k-range-mid { background-color: color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent) } .k-calendar .k-range-start .k-calendar-cell-inner, .k-calendar .k-range-start .k-link, .k-calendar .k-range-end .k-calendar-cell-inner, .k-calendar .k-range-end .k-link { background-color: var(--kendo-color-primary, #1274AC) } .k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link, .k-calendar .k-range-end.k-active .k-calendar-cell-inner, .k-calendar .k-range-end.k-active .k-link { box-shadow: inset 0 0 2px 2px rgba(0,0,0,.2) } .k-calendar .k-range-split-start, .k-calendar .k-range-split-end { position: relative } .k-calendar .k-range-split-start::after, .k-calendar .k-range-split-end::after { content: ""; display: block; position: absolute; inset-block-start: 0; inset-block-end: 0; width: 5px } .k-calendar .k-range-split-start::after { inset-inline-start: -5px; inset-inline-end: auto; background-image: linear-gradient(to left, color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent), transparent 100%) } .k-calendar .k-range-split-end::after { inset-inline-end: -5px; inset-inline-start: auto; background-image: linear-gradient(to right, color-mix(in srgb, var(--kendo-color-primary, #1274AC) 25%, transparent), transparent 100%) } /* k-calendar - customization */ .k-calendar .k-header .k-button { background-color: transparent; } .k-calendar .k-header .k-calendar-nav-prev, .k-calendar .k-header .k-calendar-nav-next { border-radius: .25rem; padding: .85rem; } .k-calendar .k-header .k-calendar-nav-prev .k-icon, .k-calendar .k-header .k-calendar-nav-next .k-icon { position: relative; top: 0px; } .k-calendar .k-header .k-calendar-nav-fast { width: 100%; justify-content: center; border-radius: .25rem; padding: .85rem; margin: 0 .25rem; } .k-calendar .k-header .k-calendar-nav-fast .k-button-text { position: relative; top: 2px; } .k-calendar .k-header .k-calendar-nav-fast.k-disabled { opacity: 0.65; } .k-calendar .k-header .k-link { border-radius: .25rem; padding: .85rem; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .k-calendar .k-nav-fast.k-state-hover, .k-calendar .k-nav-fast:hover, .k-calendar .k-nav-next.k-state-hover, .k-calendar .k-nav-next:hover, .k-calendar .k-nav-prev.k-state-hover, .k-calendar .k-nav-prev:hover { border-color: #c7cdd5; color: #ffffff; background-color: rgba(255,255,255,.08); } .k-calendar table .k-calendar-th { font-size: .825rem; font-weight: 700 !important; color: #6c757d; padding: .75rem 0 0.5rem; text-align: center; line-height: 2; text-transform: uppercase; } .k-calendar table .k-calendar-td { text-align: center; cursor: pointer; height: 40px; } .k-calendar table .k-calendar-td .k-link { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border-radius: .25rem; padding: 1.4rem 1.4rem; } .k-calendar table .k-calendar-td.k-other-month .k-link { color: #6c757d; } .k-calendar table .k-calendar-td.k-today .k-link { background-color: rgba(226, 226, 226, 0.79); color: #000000; } .k-calendar .k-calendar-td:hover .k-link, .k-calendar .k-state-hover .k-link, .k-calendar td:hover .k-link { border-color: #f2f2f2; color: rgba(255,255,255,.85); background-color: rgba(255,255,255,.12); } .k-calendar .k-other-month.k-state-hover .k-link { border-color: #f2f2f2; color: #6c757d; background-color: rgba(255,255,255,.10); } .k-calendar .k-state-selected.k-state-hover .k-link, .k-calendar .k-state-selected:hover .k-link { color: #000000; background-color: #ffffff; } .k-calendar .k-calendar-centuryview table .k-calendar-td .k-link, .k-calendar .k-century table .k-calendar-td .k-link { width: 60px; height: 60px; text-align: left; font-size: 0.8rem; padding: 1rem 0.25rem; border-radius: 3px; } .k-calendar .k-calendar-decadeview table .k-calendar-td .k-link, .k-calendar .k-decade table .k-calendar-td .k-link { width: 60px; height: 60px; text-align: left; font-size: 1rem; padding: 1rem 0.25rem; border-radius: 3px; } .k-calendar .k-calendar-yearview table .k-calendar-td .k-link, .k-calendar .k-year table .k-calendar-td .k-link { width: 60px; height: 60px; text-align: left; font-size: 1rem; padding: 1rem 0.25rem; border-radius: 3px; } .k-calendar .k-calendar-centuryview table .k-calendar-td.k-focus .k-link, .k-calendar .k-century table .k-calendar-td.k-focus .k-link, .k-calendar .k-calendar-decadeview table .k-calendar-td.k-focus .k-link, .k-calendar .k-decade table .k-calendar-td.k-focus .k-link, .k-calendar .k-calendar-yearview table .k-calendar-td.k-focus .k-link, .k-calendar .k-year table .k-calendar-td.k-focus .k-link, .k-calendar table .k-calendar-td.k-focus .k-today .k-link { background-color: rgba(226, 226, 226, 0.79); color: #000000; } .k-calendar .k-content th { color: #6c757d; font-weight: 700 !important; padding-top: 10px; } .k-content, .k-editor, .k-listbox .k-list-scroller, .k-notification, .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper { border-color: rgba(33, 37, 41, .125); color: rgba(255,255,255,.85); background-color: rgba(0,0,0,.96); } .k-edit-form-container { width: auto; } .k-calendar-header { display: flex; width: 100%; } .k-calendar-title { width: 100%; padding: 10px; line-height: 1.5; } .k-calendar-nav { display: flex; } .k-calendar-nav span { line-height: 2; } .k-calendar .k-calendar-footer { text-align: center; clear: both; background-color: #100e0e; padding-top: 5px; width: 100%; padding: 10px 0; border-radius: 0 0 3px 3px; } .k-calendar .k-calendar-footer .k-button { background-color: transparent; } .k-calendar .k-calendar-header .k-today, .k-calendar .k-calendar-footer .k-calendar-nav-today { color: #5a9ac1; width: 100%; justify-content: center; } .k-calendar .k-calendar-header .k-today:focus, .k-calendar .k-calendar-header .k-today:hover, .k-calendar .k-calendar-footer .k-calendar-nav-today:focus, .k-calendar .k-calendar-footer .k-calendar-nav-today:hover { color: #6db8d3; background-color: transparent !important; } .k-calendar .k-content .k-today .k-link { box-shadow: none; /*border: 1px solid #cebeea;*/ border: none; background-color: #e2e2e2; color: #000000; } .k-calendar .k-state-focused .k-link { /*box-shadow: inset 0 0 0 3px rgba(228, 231, 235, .5)*/ background-color: #e2e2e2; color: #000000; } .k-calendar .k-nav-today:hover { text-decoration: none; } .k-calendar .k-state-selected .k-link { border-color: #005dc2; color: #000000; background-color: #ffffff; } .k-calendar .k-state-selected.k-state-focused .k-link { /*box-shadow: inset 0 0 0 2px #46218a;*/ box-shadow: none; } .k-calendar .k-content .k-today.k-state-focused .k-link { /*box-shadow: inset 0 0 0 1px #46218a, inset 0 0 0 3px #46218a;*/ box-shadow: none; } .k-menu-group, .k-menu.k-context-menu, .k-popup { border-color: rgba(33, 37, 41, .15); color: rgba(255,255,255,.85); background-color: rgba(40, 40, 40, 0.96); box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5); } .k-tooltip.k-popup { box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); } .k-tooltip.k-popup > .k-callout { color: rgba(40, 40, 40, 0.96); } .k-popup .k-group-header, .k-popup .k-header { color: #ffffff; font-weight: 600; font-size: 1rem } /* Telerik - drop down calendar - end */ /* Telerik icon swap - start */ .k-dropdown .k-i-arrow-60-down::before, .k-dropdown .k-i-arrow-s::before, .k-dropdown .k-i-collapse::before, .k-dropdown .k-i-expand-s::before, .k-dropdown .k-i-sarrow-s::before { content: "\e001"; } .k-dropdown .k-dateinput-wrap .k-select, .k-dropdown .k-dropdown-wrap .k-select, .k-dropdown .k-numeric-wrap .k-select, .k-dropdown .k-picker-wrap .k-select { border-radius: 0 .25rem .25rem 0; padding: 0; border-width: 0 0 0 0; box-sizing: border-box; border-style: solid; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: center; cursor: pointer; margin: 0 -3px -21px 0; } /* Telerik icons swap - end */ /* Telerik input styling - start */ /*.k-colorpicker, .k-combobox, .k-dateinput, .k-datepicker, .k-datetimepicker,*/ .k-dropdown, /*.k-dropdowntree, .k-maskedtextbox,*/ .k-multiselect /*, .k-numerictextbox, .k-timepicker*/ { border-width: 0; background-color: transparent; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .k-autocomplete.k-state-focused, .k-combobox .k-state-active, .k-combobox .k-state-focused, .k-dateinput .k-state-focused, .k-datepicker .k-state-active, .k-datepicker .k-state-focused, .k-datetimepicker .k-state-active, .k-datetimepicker .k-state-focused, .k-numerictextbox .k-state-focused, .k-state-focused .k-multiselect-wrap, .k-timepicker .k-state-active, .k-timepicker .k-state-focused { border-color: transparent; /*border-bottom-color: rgba(255, 255, 255, 0.4);*/ color: #fff; background-color: transparent; box-shadow: none } .k-dropdown .k-state-focused { box-shadow: 0 0 0 0px rgba(228, 231, 235, .5) } .k-list .k-item.k-state-selected, .k-list-container .k-button.k-state-active, .k-list-container .k-button:active, .k-list-optionlabel.k-state-selected, .k-menu-group .k-item.k-state-selected, .k-menu.k-context-menu .k-item.k-state-selected, .k-spreadsheet-popup .k-button.k-state-active, .k-spreadsheet-popup .k-button.k-state-selected, .k-spreadsheet-popup .k-button:active { color: #fff; background-color: rgba(255, 255, 255, 0.18); } .k-list .k-item.k-state-focused, .k-list .k-item:focus, .k-list-optionlabel.k-state-focused, .k-list-optionlabel:focus { background-color: rgba(255, 255, 255, 0.1); box-shadow: none; } .k-list .k-item.k-state-selected.k-state-focused { background-color: rgba(255, 255, 255, 0.15); } .k-list .k-item, .k-list-optionlabel { padding: 10px 10px 10px 10px; min-height: 1.5em; line-height: 1.5em; white-space: normal; margin-bottom: 0; } .k-list .k-item.k-state-focused.k-state-selected, .k-list .k-item:focus.k-state-selected, .k-list-optionlabel.k-state-focused.k-state-selected, .k-list-optionlabel:focus.k-state-selected { box-shadow: inset 0 0 0 0px rgba(255, 255, 255, .15); } .k-column-list-item:hover, .k-columnmenu-item:hover, .k-list .k-item.k-state-hover, .k-list .k-item:hover, .k-list-container .k-button.k-state-hover, .k-list-container .k-button:hover, .k-list-optionlabel.k-state-hover, .k-list-optionlabel:hover, .k-menu-group .k-item.k-state-hover, .k-menu-group .k-item:hover, .k-menu.k-context-menu .k-item.k-state-hover, .k-menu.k-context-menu .k-item:hover, .k-spreadsheet-popup .k-button.k-state-hover, .k-spreadsheet-popup .k-button:hover { color: #fff; background-color: rgba(255, 255, 255, 0.04); } /* Telerik input styling - end */ /* Telerik textbox styling - start */ .k-textbox { color: #ffffff !important; height: 34px !important; width: 100% !important; } .k-input.k-textbox.k-state-hover, .k-input.k-textbox:hover, .k-textarea.k-state-hover, .k-textarea:hover, .k-textbox.k-state-hover, .k-textbox:hover { border-color: transparent; /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/ } .k-input.k-textbox.k-state-focused, .k-input.k-textbox:focus, .k-textarea.k-state-focused, .k-textarea:focus, .k-textbox.k-state-focused, .k-textbox:focus { border-color: transparent; /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/ box-shadow: none; } input.k-textbox, input.k-textbox:hover, .k-input.k-textbox .k-input-inner, .k-input.k-textbox .k-input-inner:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .acs-picker-style { background-color: rgba(255, 255, 255, 0.125); border-bottom: none; } .acs-picker-style.k-textarea:focus-within { border-color: none; box-shadow: none; background-color: rgba(255, 255, 255, 0.125); } /* Telerik textbox styling - end */ /* Telerik search - close icon - start */ .k-autocomplete .k-clear-value, .k-dropdown-wrap .k-clear-value, .k-multiselect-wrap .k-clear-value { height: 1.5rem; line-height: 1.5rem; outline: 0; cursor: pointer; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; opacity: .5; position: absolute; top: .675rem; right: 6.5px } /* Telerik search - close icon - end */ /* Telerik search item - start */ .k-list .k-item.k-state-focused.k-state-hover, .k-list .k-item.k-state-focused:hover, .k-list .k-item:focus.k-state-hover, .k-list .k-item:focus:hover, .k-list-optionlabel.k-state-focused.k-state-hover, .k-list-optionlabel.k-state-focused:hover, .k-list-optionlabel:focus.k-state-hover, .k-list-optionlabel:focus:hover { /*box-shadow: inset 0 0 0 3px rgba(22, 24, 27, .15);*/ box-shadow: none; } /* Telerik search item - end */ /* Dashboard nested content - start */ .acs-nested-content { height: 100%; } .acs-page-toolbar { padding: 5px 0 0; } .acs-page-title { font-size: 1.4rem; white-space: nowrap; margin-top: 14px !important; } .acs-toolbar-item .acs-toolbar-item .k-switch { position: relative; top: 6px; } .acs-toolbar-date-range-right { margin-top: 15px; } @media (max-width: 375px) { .acs-toolbar-item #btnGlobalFilters { margin-top: 0px; float: none; } .acs-toolbar-item { margin-top: 10px; } .acs-mobile-margin-top-10 { margin-top: 10px; } .acs-responsive-position { text-align: left; } } @media (max-width: 499px) { .acs-toolbar-item .btn-group { margin-top: 10px; } .acs-toolbar-item #btnGlobalFilters { margin-top: 10px; float: left; } .acs-toolbar-menu-right { white-space: normal !important; margin-top: 10px !important; float: left !important; text-align: left !important; } .acs-toolbar-menu-right #btnGlobalFilters { margin-top: 10px; } .acs-toolbar-menu-right .acs-mobile-margin-top-15 { margin-top: 15px; } .acs-toolbar-item { margin-top: 10px; } .acs-mobile-margin-top-10 { margin-top: 10px; } .acs-toolbar-date-range-right { margin-top: 35px; } .acs-responsive-position { text-align: right; } } @media (max-width: 768px) { .acs-toolbar-item .btn { margin-right: 15px; } .acs-toolbar-item { margin-top: 10px; } .acs-mobile-margin-top-10 { margin-top: 10px; } .acs-responsive-position { text-align: right; } } @media (min-width: 769px) { .acs-toolbar-item .btn { margin-right: 15px; } .acs-toolbar-item { margin-top: 10px; } .acs-mobile-margin-top-10 { margin-top: 10px; } .acs-responsive-position { text-align: right; } } @media (min-width: 992px) { .acs-toolbar-item { margin-top: 10px; } .acs-mobile-margin-top-10 { margin-top: 10px; } } /*------This section should embed deleted after x-ms-webview implement input small pages a header that is implemented based on bootstrap and not floats---*/ .acs-page-title-header { padding: 5px 0 0; height: 49px; width: 100%; display: flex; align-items: center; } .acs-toolbar-menu-left .btn { margin-right: 15px; } @media (min-width: 992px) { .acs-page-title-lg, .acs-page-title-md { font-size: 1.4rem; white-space: nowrap; margin-top: 14px; margin-right: 25px; float: left; } .acs-toolbar-menu-left { white-space: nowrap; margin-top: 10px; float: left; } .acs-toolbar-menu-right { white-space: nowrap; margin-top: 10px; text-align: right; } } @media (max-width: 991px) { .acs-page-title-lg { font-size: 1.4rem; white-space: nowrap; margin-top: 14px; float: left; } .acs-page-title-md { font-size: 1.4rem; white-space: nowrap; margin-top: 14px; margin-right: 25px; float: left; } .acs-toolbar-menu-left { white-space: nowrap; margin-top: 10px; float: left; } .acs-toolbar-menu-right { white-space: nowrap; margin-top: 10px; text-align: right; } } @media (max-width: 767px) { .acs-page-title-lg, .acs-page-title-md { font-size: 1.4rem; white-space: nowrap; margin-top: 14px; width: 100%; } .acs-toolbar-menu-left { white-space: nowrap; margin-top: 10px; width: 100%; } .acs-toolbar-menu-right { white-space: nowrap; margin-top: 10px; float: left; } .acs-page-title-md + .acs-toolbar-menu-left + .acs-toolbar-menu-right { position: relative; top: -45px; right: -95px; } } @media (max-width: 767px) { .acs-page-title-header { margin-bottom: 45px; } } /* ----- end of section that should be deleted------*/ /* Dashboard nested content - end */ /* Webkit scrollbar style - start */ ::-webkit-scrollbar { width: 7px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; background: rgba(255, 255, 255, 0.25); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.1); } /* Webkit scrollbar styles - end */ /* Dashboard */ .acs-btn-filter { color: #ffffff; background-color: transparent; border-radius: 50%; text-align: center; width: 35px; height: 35px; transition: background-color 300ms, color 300ms; } .acs-btn-filter:hover { background-color: rgba(255, 255, 255, 0.08); } .acs-btn-filter [class^="icons8"] { position: relative; left: -5px; top: -2px; } .acs-btn-filtered { color: #c1ef83 !important; } .acs-btn-filtered:hover { color: #c1ef83 !important; } .acs-asp-input { font-size: 1rem; line-height: 1.5; text-align: left; white-space: nowrap; background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } /* Thresholds Dashboard - start */ .acs-dashboard-generic-monitor-with-thresholds { font-size: 5.7rem; text-align: center; white-space: nowrap; } .acs-dashboard-generic-monitor-with-thresholds i[class^=icons8] { font-size: 1em; } .acs-dashboard-generic-monitor-with-thresholds i[class^=icons8]:before { position: relative; left: -15px; } .acs-dashboard-generic-monitor-with-thresholds span.content { font-style: normal; } .acs-dashboard-generic-monitor-with-thresholds [class^="icons8"] span.content { margin-right: 1em; } .acs-dashboard-generic-monitor-critical-threshold { color: #f70000; } .acs-dashboard-generic-monitor-warning-threshold { color: #f59e00; } .acs-dashboard-generic-monitor-normal-threshold { color: #05cc26; } .acs-dashboard-threshold-rows-container .acs-dashboard-threshold-row:not(:last-child) button { display: none; } .acs-dashboard-threshold-row { display: flex; flex-direction: row; padding-top: 15px; position: relative; left: -40px; } .acs-dashboard-threshold-row .k-numerictextbox > input[type="text"] { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .acs-dashboard-threshold-row .k-numerictextbox > .k-input-spinner > button { background-color: transparent; display: flex; } .acs-dashboard-threshold-row span[data-severity="1"] { font-size: 2rem; color: #f70000; } .acs-dashboard-threshold-row span[data-severity="2"] { font-size: 2rem; color: #f59e00; } .acs-dashboard-threshold-row .btn .icons8-trash { font-size: 1.5rem; } .acs-dashboard-threshold-unit { line-height: 2.7rem; margin-left: 35px; } .acs-dashboard-add-threshold { font-weight: bold; margin-top: 26px; padding-left: 0; } .acs-add-error-threshold, .acs-add-error-threshold:hover, .acs-add-error-threshold:focus, .acs-add-error-threshold:visited { color: #e80000; } .acs-add-warning-threshold, .acs-add-warning-threshold:hover, .acs-add-warning-threshold:focus, .acs-add-warning-threshold:visited { color: #f59e00; } .acs-add-none-threshold { display: none; } /* Thresholds Dashboard - end */ /* Dashboard end*/ .acs-inline-divider-icons { display: inline; border-right: 1px solid rgba(255, 255, 255, 0.175); margin: 10px; padding: 5px 0; } .acs-inline-divider-buttons { display: inline; border-right: 1px solid rgba(255, 255, 255, 0.175); margin: 3px 15px 10px 0px; padding: 5px 0; height: 80%; } .acs-header-right-actions { padding-left: 0; padding-top: 8px; border-bottom: 2px solid rgba(255, 255, 255, 0.08); } @media (max-width: 991px) { .acs-header-right-actions { border-bottom: 0; } } /* Telerik style for drop down reports - start - telerik proper order */ /* 18105 */ ul.k-panelbar { padding-left: 0; } .k-panelbar { border-color: transparent; color: #e0e0e0; background-color: rgba(0, 0, 0, 0.20); list-style: none; } .k-panelbar .k-panelbar-header { border-bottom: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; padding: 1.1rem 1.5rem; } .k-panelbar .k-panelbar-header > .k-link { display: block; } .k-panelbar .k-panelbar-item-text { font-size: 1.2rem; font-weight: 600; color: #e0e0e0; } .k-panelbar li span > svg { width: 24px; height: 24px; fill: rgba(255, 255, 255, 0.75); float: right; } .k-panelbar > li > ul, .k-panelbar-content > ul { list-style: none; padding-left: 0; margin-top: 15px; } .k-panelbar > li > ul .k-panelbar-item { padding: 1rem 1.5rem 1rem 0; padding: 1rem 1.5rem 1rem 0; } .k-panelbar > li > ul > li > a .k-panelbar-item-text { font-size: 1rem; position: relative; top: -6px; } /* Telerik style for drop down reports - end */ .acs-panelbar-item-content { background-color: transparent; } .acs-card-title { font-size: 1.25rem; margin-top: 15px; margin-bottom: 15px; padding-left: 1px; } .acs-monitor-title-edit-in-place { display: none; font-size: 1.25rem; margin-top: -6px; margin-left: -10px; padding-left: 10px; border-radius: 2px; width: 50% !important; transition: background-color 1s; } .acs-monitor-title-edit-in-place:focus { background-color: rgba(255, 255, 255, 0.125); color: white; } .acs-monitor-filter-title { padding-left: 15px; font-size: 14px; font-weight: bold; } .acs-btn-icon [class^='icons8'] { font-size: 22px; margin-right: 8px; position: relative; top: 1px; } .acs-btn-icon { display: flex; align-items: center; height: 22px; } .acs-btn-icon .acs-btn-icon-text { } .acs-btn-image { background-color: transparent; color: #ffffff; border: 0; cursor: pointer; position: relative; top: 1px; } .k-autocomplete, .k-combobox, .k-dateinput, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-maskedtextbox, .k-multiselect, .k-numerictextbox, .k-timepicker { width: 100%; font-size: 1rem; line-height: 1.5; text-align: left; white-space: nowrap; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; position: relative; } .k-input-values { width: 100%; } .k-input-inner { width: 100%; border: none; color: #ffffff; background-color: transparent; padding: 0 .75rem; } .k-timepicker { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .k-combobox { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .acs-form .form-group > .k-widget { border-color: transparent; color: #212529; background-color: transparent; } .acs-form .form-group > .k-widget.k-combobox { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0px 0px 0px 0px; margin-bottom: 15px; } .k-listview > .k-state-selected { color: inherit; background-color: rgba(255,255,255,.08); } .acs-chart-selector { padding: 10px; display: inline-block; text-align: center; margin-right: 10px; cursor: pointer; } /* fix for drop down list - start */ .k-panelbar > .k-item > .k-link.k-state-focused { box-shadow: none; } .k-panelbar .k-group > .k-item > .k-link.k-state-focused.k-state-selected { box-shadow: none; } .k-panelbar .k-group > .k-item > .k-link.k-state-selected { color: #fff; background-color: rgba(0, 0, 0, 0.05); } /* fix for drop down list - end */ .acs-report-icon { display: inline-block; width: 24px; height: 24px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABuwAAAbsBOuzj4gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFmSURBVEiJ1ZWxTlNhGIafT9outhKMRDEiA0uHgpE7aLgCBnRx9CY0MQ4mJu5OLgyMcAsk3AAhNA5MJO6lDDQhEduHoQwnh9PTc6ASfbf/Pd/7Pjkn38kPf1mRZapLwGugWrDnEjiMiF8TAeoH4CNwch0soiqwDHyJiG9jp9S6eqm+KliczK6pv9WHSb+SmnsB/ImII3UHWC/YvxcRm+oAWASOxwGSqgNzBQH1cQ/yAH3grCCgXxoQEZsFy3P1YBol/y9AbamNqQDUWuq8AHSAr3cGqE+ArposqwBbwI+8bN6aJrUCHACP1BlgCGwA7yPCWwPUVeAN0ImItjoLfAJeAp8nlWcVNtWLxPm7OlCfpbyh+jwjf6E2ywAaais18/j6zbLyNwC5nygizoGfKa8H9PJySd37j3YK1NT5skXqU6AGdJN+1o22y2gt90sy2oyuzbeTABXgHTB+G7J1DGxHxKBk7h/XFYAkrWIOicOwAAAAAElFTkSuQmCC') 50% 50% no-repeat; background-size: 100%; } /* 18085 */ .k-panelbar .k-link > .k-image, .k-panelbar .k-link > .k-sprite { margin-right: .7rem; margin-left: 5px; } .#lstChartType { padding-top: 20px; } @media (min-width: 992px) { #FiltersContainer .col-lg-5 { padding-left: 0; } #FiltersContainer .col-lg-6:nth-child(2) { padding-left: 0; } } @media (max-width: 991px) { #FiltersContainer .col-lg-5 { padding-left: 15px; } #FiltersContainer .col-lg-6:nth-child(2) { padding-left: 0; } } #FiltersContainer .acs-toolbar-menu-right .k-switch { font-size: 0.5rem; position: relative; top: 6px; } .acs-page-title-header td .btn:nth-of-type(n+1) { margin-right: 0; } /* switch button telerik - start */ /* 14452 */ .k-switch-on .k-switch-container { color: #fff; background-color: rgba(255, 255, 255, 0.225); } /* 14457 */ .k-switch-on .k-switch-handle { color: #fff; background-color: #00bff3; } /* 14463 */ .k-switch-on.k-state-focused, .k-switch-on:focus { box-shadow: none; } /* 14468 */ .k-switch-on.k-state-hover .k-switch-container, .k-switch-on:hover .k-switch-container { color: #fff; background-color: rgba(255, 255, 255, 0.225); } /* 14474 */ .k-switch-on.k-state-hover .k-switch-handle, .k-switch-on:hover .k-switch-handle { color: #fff; background-color: #00bff3; } /* 14483 */ .k-switch-off .k-switch-container { color: #000; background-color: rgba(255, 255, 255, 0.225); } /* 14494 */ .k-switch-off.k-state-focused, .k-switch-off:focus { box-shadow: none; } /* 14499 */ .k-switch-off.k-state-hover .k-switch-container, .k-switch-off:hover .k-switch-container { color: #000; background-color: rgba(255, 255, 255, 0.225); } /* switch button telerik - end */ .acs-row-vertical-align { margin: 8px 10px 0 10px; } .acs-hidden { display: none !important; } .acs-report-summary { background-color: rgba(0, 0, 0, 0.2); } @media (max-width: 991px) { .acs-report-summary { margin-top: 15px; } } .acs-report-summary .card-header { background-color: transparent; font-size: 1.3rem; margin-bottom: -25px; } .acs-report-summary-subtitle { font-size: 1.3rem; margin-top: 20px; margin-bottom: 10px; } .acs-report-summary-content { font-size: 1rem; margin-bottom: 10px; margin-left: 25px; } /* login styles - start */ .login__block__body .btn { min-width: unset; } .login__block__body input[type="text"] { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255); border-radius: 2px; width: -webkit-fill-available; padding-top: 1.275rem; padding-bottom: 1.275rem; height: calc(.75rem + 1.5em); caret-color: rgba(255, 255, 255, 0.4); } /* login styles - end */ .k-grid td.k-state-selected, .k-grid th.k-state-selected, .k-grid tr.k-state-selected > td { color: rgba(255,255,255,.85); background-color: rgba(255,255,255,.15); } /* telerik validators - start */ .k-input.k-textbox.k-invalid, .k-input.k-textbox.k-state-invalid, .k-input.k-textbox.ng-invalid.ng-dirty, .k-input.k-textbox.ng-invalid.ng-touched, .k-textarea.k-invalid, .k-textarea.k-state-invalid, .k-textarea.ng-invalid.ng-dirty, .k-textarea.ng-invalid.ng-touched, .k-textbox.k-invalid, .k-textbox.k-state-invalid, .k-textbox.ng-invalid.ng-dirty, .k-textbox.ng-invalid.ng-touched { color: #ff005c; border-color: #ff005c; } /* telerik validators - end */ /* telerik input expand - start */ .k-multiselect-wrap.k-floatwrap { height: auto; max-height: 95px; overflow-y: scroll; } /* telerik input expand - end */ /* fix for grid header in card body - start */ .acs-grid-header-small .k-grid-header { padding: 0 0 10px 0; } .acs-grid-header-small .k-grid-header .k-header > .k-link { padding: 0.5rem 0.65rem 0.5rem 0.65rem; } /* fix for grid header in card body - end */ /* style for custom disabled checkbox - start */ /* Customize the label (the container) */ .acs-checkbox-readonly { position: relative; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .acs-checkbox-readonly input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .acs-checkbox-readonly-checkmark { position: absolute; top: 0; left: 0; height: 14px; width: 14px; border: 1px solid rgba(255,255,255,.25); background-color: rgba(255,255,255,.05); border-radius: .25rem; } /* On mouse-over, add a grey background color */ .acs-checkbox-readonly:hover input ~ .acs-checkbox-readonly-checkmark { background-color: rgba(255,255,255,.05); } /* When the checkbox is checked, add a blue background */ .acs-checkbox-readonly input:checked ~ .acs-checkbox-readonly-checkmark { border: 1px solid rgba(255,255,255,.15); background-color: rgba(255,255,255,.225); } /* Create the checkmark/indicator (hidden when not checked) */ .acs-checkbox-readonly-checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .acs-checkbox-readonly input:checked ~ .acs-checkbox-readonly-checkmark:after { display: block; } /* Style the checkmark/indicator */ .acs-checkbox-readonly .acs-checkbox-readonly-checkmark:after { left: 2px; top: 2px; width: 10px; height: 10px; background-color: rgba(245, 245, 245, 1); border-radius: 2px; } /* style for custom disabled checkbox - end */ /* form styles - start */ .acs-form { display: table; } .acs-form.card-body { padding-bottom: calc(1.8rem - 14px); } .acs-form .form-group { display: table-row; } .acs-form .form-group > * { padding: 0px 0px 15px 0px; } .acs-form .form-group > label:first-child { display: table-cell; padding-right: 15px; white-space: nowrap; } .acs-form .form-group > *:nth-child(2) { display: table-cell; width: 100%; } .acs-form .form-group > *:nth-child(2) > * { margin-bottom: 0px; } /* form styles - end*/ /* fix for equal space between columns - start */ @media (min-width: 768px) { .pl-md-fixed { padding-left: 7px; } .pr-md-fixed { padding-right: 8px; } } @media (min-width: 992px) { .pl-lg-fixed { padding-left: 7px; } .pr-lg-fixed { padding-right: 8px; } } /* fix for equal space between columns - end */ /* fix for 3 dots menu drop down in reports - start */ .acs-dropdown-capsule { width: 100%; height: 45px; } .acs-dropdown-capsule:hover, .acs-dropdown-capsule:focus, .k-panelbar-group > .k-panelbar-item:hover, .k-panelbar-group > .k-panelbar-item:focus { background-color: rgba(0, 0, 0, 0.05); } /* fix for 3 dots menu drop down in reports - end */ /* --- swtich 3 buttons - start --- */ /* * CSS TOGGLE SWITCH * * supported values are px, rem-calc, em-calc * * imports * * Functions * * Shared * * Hide by default */ .switch-toggle a, .switch-light span span { display: none; } /* We can't test for a specific feature, * so we only target browsers with support for media queries. */ @media only screen { /* Checkbox */ .switch-light { position: relative; display: block; /* simulate default browser focus outlines on the switch, when the inputs are focused. */ } .switch-light::after { clear: both; content: ""; display: table; } .switch-light *, .switch-light *:before, .switch-light *:after { box-sizing: border-box; } .switch-light a { display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .switch-light label, .switch-light > span { /* breathing room for bootstrap/foundation classes. */ line-height: 2em; vertical-align: middle; } .switch-light input:focus ~ span a, .switch-light input:focus + label { outline-width: 2px; outline-style: solid; outline-color: Highlight; /* Chrome/Opera gets its native focus styles. */ } @media (-webkit-min-device-pixel-ratio: 0) { .switch-light input:focus ~ span a, .switch-light input:focus + label { outline-color: -webkit-focus-ring-color; outline-style: auto; } } /* don't hide the input from screen-readers and keyboard access */ .switch-light input { position: absolute; opacity: 0; z-index: 3; } .switch-light input:checked ~ span a { right: 0%; } /* inherit from label */ .switch-light strong { font-weight: inherit; } .switch-light > span { position: relative; overflow: hidden; display: block; min-height: 2em; /* overwrite 3rd party classes padding * eg. bootstrap .well */ padding: 0; text-align: left; } .switch-light span span { position: relative; z-index: 2; display: block; float: left; width: 50%; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .switch-light a { position: absolute; right: 50%; top: 0; z-index: 1; display: block; width: 50%; height: 100%; padding: 0; } /* Radio Switch */ .switch-toggle { position: relative; display: block; /* simulate default browser focus outlines on the switch,when the inputs are focused. */ /* For callout panels in foundation */ padding: 0 !important; /* 2 items */ /* 3 items */ /* 4 items */ /* 5 items */ /* 6 items */ } .switch-toggle::after { clear: both; content: ""; display: table; } .switch-toggle *, .switch-toggle *:before, .switch-toggle *:after { box-sizing: border-box; } .switch-toggle a { display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .switch-toggle label, .switch-toggle > span { /* breathing room for bootstrap/foundation classes */ line-height: 2em; vertical-align: middle; } .switch-toggle input:focus ~ span a, .switch-toggle input:focus + label { outline-width: 2px; outline-style: solid; outline-color: Highlight; /* Chrome/Opera gets its native focus styles */ } @media (-webkit-min-device-pixel-ratio: 0) { .switch-toggle input:focus ~ span a, .switch-toggle input:focus + label { outline-color: -webkit-focus-ring-color; outline-style: auto; } } .switch-toggle input { position: absolute; left: 0; opacity: 0; } .switch-toggle span + label { position: relative; z-index: 2; display: block; float: left; padding: 0 0.5em; margin: 0; text-align: center; } .switch-toggle a { position: absolute; top: 0; left: 0; padding: 0; z-index: 1; width: 10px; height: 100%; } .switch-toggle label:nth-child(2):nth-last-child(4), .switch-toggle label:nth-child(2):nth-last-child(4) ~ label, .switch-toggle label:nth-child(2):nth-last-child(4) ~ a { width: 50%; } .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a { left: 50%; } .switch-toggle label:nth-child(2):nth-last-child(6), .switch-toggle label:nth-child(2):nth-last-child(6) ~ label, .switch-toggle label:nth-child(2):nth-last-child(6) ~ a { width: 33.33%; } .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a { left: 33.33%; } .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a { left: 66.66%; } .switch-toggle label:nth-child(2):nth-last-child(8), .switch-toggle label:nth-child(2):nth-last-child(8) ~ label, .switch-toggle label:nth-child(2):nth-last-child(8) ~ a { width: 25%; } .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a { left: 25%; } .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a { left: 50%; } .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a { left: 75%; } .switch-toggle label:nth-child(2):nth-last-child(10), .switch-toggle label:nth-child(2):nth-last-child(10) ~ label, .switch-toggle label:nth-child(2):nth-last-child(10) ~ a { width: 20%; } .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a { left: 20%; } .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a { left: 40%; } .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a { left: 60%; } .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a { left: 80%; } .switch-toggle label:nth-child(2):nth-last-child(12), .switch-toggle label:nth-child(2):nth-last-child(12) ~ label, .switch-toggle label:nth-child(2):nth-last-child(12) ~ a { width: 16.6%; } .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a { left: 16.6%; } .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a { left: 33.2%; } .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a { left: 49.8%; } .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a { left: 66.4%; } .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a { left: 83%; } /* Candy Theme */ .switch-toggle.switch-candy, .switch-light.switch-candy > span { background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; } .switch-light.switch-candy span span, .switch-light.switch-candy input:checked ~ span span:first-child, .switch-toggle.switch-candy label { color: #fff; text-align: center; } .switch-toggle input + label { position: relative; z-index: 2; display: block; float: left; padding: 0 0.5em; margin: 0; text-align: center; } .switch-light.switch-candy input ~ span span:first-child, .switch-light.switch-candy input:checked ~ span span:nth-child(2), .switch-candy input:checked + label { color: #ffffff; } .switch-candy a { border-radius: 3px; background-color: rgba(255, 255, 255, 0.2); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent); } .switch-candy-blue a { background-color: #38a3d4; } .switch-candy-yellow a { background-color: #f5e560; } /* iOS Theme */ .switch-ios.switch-light span span { color: #888b92; } .switch-ios.switch-light a { left: 0; top: 0; width: 2em; height: 2em; background-color: #fff; border-radius: 100%; border: 0.25em solid #D8D9DB; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; } .switch-ios.switch-light > span { display: block; width: 100%; height: 2em; background-color: #D8D9DB; border-radius: 1.75em; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; transition: all .4s ease-out; } .switch-ios.switch-light > span span { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; line-height: 1.875em; vertical-align: middle; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; } .switch-ios.switch-light > span span:first-of-type { opacity: 1; padding-left: 1.875em; } .switch-ios.switch-light > span span:last-of-type { padding-right: 1.875em; } .switch-ios.switch-light input:checked ~ span a { left: 100%; border-color: #4BD865; margin-left: -2em; } .switch-ios.switch-light input:checked ~ span { border-color: #4BD865; box-shadow: inset 0 0 0 30px #4BD865; } .switch-ios.switch-light input:checked ~ span span:first-of-type { opacity: 0; } .switch-ios.switch-light input:checked ~ span span:last-of-type { opacity: 1; color: #fff; } .switch-ios.switch-toggle { background-color: #D8D9DB; border-radius: 30px; box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; } .switch-ios.switch-toggle a { background-color: #4BD865; border: 0.125em solid #D8D9DB; border-radius: 1.75em; -webkit-transition: all 0.12s ease-out; -moz-transition: all 0.12s ease-out; transition: all 0.12s ease-out; } .switch-ios.switch-toggle label { height: 2.4em; color: #888b92; line-height: 2.4em; vertical-align: middle; } .switch-ios input:checked + label { color: #3e4043; } /* Holo Theme */ .switch-toggle.switch-holo, .switch-light.switch-holo > span { background-color: #464747; border-radius: 1px; box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; color: #fff; text-transform: uppercase; } .switch-holo label { color: #fff; } .switch-holo > span span { opacity: 0; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; } .switch-holo > span span:first-of-type { opacity: 1; } .switch-holo > span span, .switch-holo label { font-size: 85%; line-height: 2.15625em; } .switch-holo a { background-color: #666; border-radius: 1px; box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0; } /* Selected ON switch-light */ .switch-holo.switch-light input:checked ~ span a { background-color: #0E88B1; } .switch-holo.switch-light input:checked ~ span span:first-of-type { opacity: 0; } .switch-holo.switch-light input:checked ~ span span:last-of-type { opacity: 1; } /* Material Theme */ /* switch-light */ .switch-light.switch-material a { top: -0.1875em; width: 1.75em; height: 1.75em; border-radius: 50%; background: #fafafa; box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.12); -webkit-transition: right .28s cubic-bezier(.4, 0, .2, 1); -moz-transition: right .28s cubic-bezier(.4, 0, .2, 1); transition: right .28s cubic-bezier(.4, 0, .2, 1); } .switch-material.switch-light { overflow: visible; } .switch-material.switch-light::after { clear: both; content: ""; display: table; } .switch-material.switch-light > span { overflow: visible; position: relative; top: 0.1875em; width: 3.25em; height: 1.5em; min-height: auto; border-radius: 1em; background: rgba(0, 0, 0, 0.26); } .switch-material.switch-light span span { position: absolute; clip: rect(0 0 0 0); } .switch-material.switch-light input:checked ~ span a { right: 0; background: #3f51b5; box-shadow: 0 0.1875em 0.25em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.1875em -0.125em rgba(0, 0, 0, 0.2), 0 0.0625em 0.375em 0 rgba(0, 0, 0, 0.12); } .switch-material.switch-light input:checked ~ span { background: rgba(63, 81, 181, 0.5); } /* switch-toggle */ .switch-toggle.switch-material { overflow: visible; } .switch-toggle.switch-material::after { clear: both; content: ""; display: table; } .switch-toggle.switch-material a { top: 48%; width: 0.375em !important; height: 0.375em; margin-left: 0.25em; background: #3f51b5; border-radius: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.4s ease-in; -moz-transition: -moz-transform 0.4s ease-in; transition: transform 0.4s ease-in; } .switch-toggle.switch-material label { color: rgba(0, 0, 0, 0.54); font-size: 1em; } .switch-toggle.switch-material label:before { content: ''; position: absolute; top: 48%; left: 0; display: block; width: 0.875em; height: 0.875em; border-radius: 100%; border: 0.125em solid rgba(0, 0, 0, 0.54); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .switch-toggle.switch-material input:checked + label:before { border-color: #3f51b5; } /* ripple */ .switch-light.switch-material > span:before, .switch-light.switch-material > span:after, .switch-toggle.switch-material label:after { content: ''; position: absolute; top: 0; left: 0; z-index: 3; display: block; width: 4em; height: 4em; border-radius: 100%; background: #3f51b5; opacity: .4; margin-left: -1.25em; margin-top: -1.25em; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: opacity .4s ease-in; -moz-transition: opacity .4s ease-in; transition: opacity .4s ease-in; } .switch-light.switch-material > span:after { left: auto; right: 0; margin-left: 0; margin-right: -1.25em; } .switch-toggle.switch-material label:after { width: 3.25em; height: 3.25em; margin-top: -0.75em; } @-webkit-keyframes materialRipple { 0% { -webkit-transform: scale(0); } 20% { -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1); } } @-moz-keyframes materialRipple { 0% { -moz-transform: scale(0); } 20% { -moz-transform: scale(1); } 100% { opacity: 0; -moz-transform: scale(1); } } @keyframes materialRipple { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .switch-material.switch-light input:not(:checked) ~ span:after, .switch-material.switch-light input:checked ~ span:before, .switch-toggle.switch-material input:checked + label:after { -webkit-animation: materialRipple .4s ease-in; -moz-animation: materialRipple .4s ease-in; animation: materialRipple .4s ease-in; } /* trick to prevent the default checked ripple animation from showing when the page loads. * the ripples are hidden by default, and shown only when the input is focused. */ .switch-light.switch-material.switch-light input ~ span:before, .switch-light.switch-material.switch-light input ~ span:after, .switch-material.switch-toggle span + label:after { visibility: hidden; } .switch-light.switch-material.switch-light input:focus:checked ~ span:before, .switch-light.switch-material.switch-light input:focus:not(:checked) ~ span:after, .switch-material.switch-toggle input:focus:checked + label:after { visibility: visible; } } /* Bugfix for older Webkit, including mobile Webkit */ @media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) { .switch-light, .switch-toggle { -webkit-animation: webkitSiblingBugfix infinite 1s; } } @-webkit-keyframes webkitSiblingBugfix { from { -webkit-transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @media (min-width: 1199px) { .switch-toggle { width: 210px; } } @media (max-width: 1199px) { .switch-toggle { width: 210px; } } .switch-toggle label { cursor: pointer; } /* !!!!! to be tested since it's not working !!!!! */ .switch-toggle input:focus { outline: none !important; } /* --- swtich 3 buttons - end --- */ /* middle align download icon - start */ .zmdi-download:before { position: relative; top: 3px; } /* middle align download icon - end */ /* telerik pdf styling - start */ .k-pdf-export { color: black; } .k-pdf-export td, .k-pdf-export a { color: black !important; } /* telerik pdf styling - end */ .acs-card-autoheight { height: 100%; } .acs-card-reports-filter-placeholder.card { background-color: rgba(0, 0, 0, 0.2); } .acs-card-reports-filter-placeholder .card-body, .acs-report-summary .card-body { background-color: transparent; margin-bottom: 0; box-shadow: none; } .acs-card-reports-filter-placeholder.card .card-header { display: flex; align-items: center; height: 55px; padding-left: 10px; font-weight: 600; } .acs-report-summary.card .card-header { background-color: rgba(0, 0, 0, 0.075); display: flex; align-items: center; height: 55px; } .acs-grid-progress-bar { /*background-color: #337408;*/ background: linear-gradient(270deg, #2789a7, #5ba727); background-size: 400% 400%; -moz-animation: acs-grid-progress-bar 30s ease infinite; animation: acs-grid-progress-bar 30s ease infinite; } @-moz-keyframes acs-grid-progress-bar { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @keyframes acs-grid-progress-bar { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } /* 7404 */ .k-grid-header .k-grid-filter:focus { box-shadow: none; } /* 8855 */ .k-action-buttons .k-primary { color: #ffffff; } /* 126 */ .k-action-buttons .k-button:hover, .k-button:hover { border-color: transparent; color: #fff; background-color: rgba(255, 255, 255, 0.08) !important; } /* 175 */ .k-button.k-primary:hover { border-color: transparent; color: #fff; background-color: rgba(255, 255, 255, 0.08); } /* 5205 */ .k-button:focus { box-shadow: 0 0 0 3px rgba(228, 231, 235, .5); } .k-picker.k-dropdownlist .k-button:focus { box-shadow: none; } /* 5210 */ .k-button.k-primary:focus { box-shadow: none; } /* 6775 */ .k-grid-header .k-grid-filter { top: -3px; } /* 7201 */ .k-multicheck-wrap .k-label { margin: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 5px; } /* 7211 */ .k-multicheck-wrap .k-label input { margin: 0 .75rem 0 .25rem; } /* 7408 */ .k-grid-header .k-grid-filter.k-state-active { color: #239ebd; background-color: transparent; } /* styles for telerik charts in grids - start */ /* 12 */ .k-scheduler { border-color: transparent; color: rgba(255, 255, 255, 0.85); background-color: transparent; } /* 16214 */ .k-scheduler th { border-color: transparent; } .k-scheduler td { border-color: rgba(255, 255, 255, 0.10); } /* 16235 */ .k-scheduler-table td, .k-scheduler-table th { padding: .75rem; height: 1.5em; overflow: hidden; white-space: nowrap; border-style: solid; border-width: 0 0 0 1px; vertical-align: top; box-sizing: initial } /* 16541 */ .k-scheduler-header-wrap { border-width: 0 0 0 0; border-style: solid } /* 17098 */ .k-nonwork-hour { background-color: transparent; } /* styles for telerik charts in grids - end */ .k-widget.k-daterangepicker .k-dateinput { background-color: rgba(255, 255, 255, 0.1); } .k-widget.k-datepicker, .k-widget.k-datetimepicker { background-color: rgba(255, 255, 255, 0.1); } .k-dateinput .k-link.k-state-hover, .k-dateinput .k-link:hover, .k-datetimepicker .k-link.k-state-hover, .k-datetimepicker .k-link:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.1); } .k-dateinput .k-link.k-state-active, .k-dateinput .k-link.k-state-selected, .k-dateinput .k-link:active, .k-datetimepicker .k-link.k-state-active, .k-datetimepicker .k-link.k-state-selected, .k-datetimepicker .k-link:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.1); } .k-tabstrip > .k-content { background-color: transparent; } /* Scrollbar styles for tables in Telerik - start */ .k-grid-content::-webkit-scrollbar { width: 7px; height: 7px; } .k-grid-content::-webkit-scrollbar-track { background-color: transparent; } .k-grid-content::-webkit-scrollbar-thumb { background-color: transparent; } .k-grid-content:hover::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.5); } .k-grid-content::-webkit-scrollbar-thumb:window-inactive { background-color: rgba(255, 255, 255, 0.3); } /* Scrollbar styles for tables in Telerik - end */ /* Scrollbar header FIX - start */ .k-grid-content.k-auto-scrollable { padding-right: 5px; } .k-grid-content.k-auto-scrollable::-webkit-scrollbar { width: 7px; height: 7px; } .k-grid-content.k-auto-scrollable::-webkit-scrollbar-track { background-color: transparent; } .k-grid-content.k-auto-scrollable::-webkit-scrollbar-thumb { background-color: transparent; } .k-grid-content.k-auto-scrollable:hover::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.5); } .k-grid-content.k-auto-scrollable::-webkit-scrollbar-thumb:window-inactive { background-color: rgba(255, 255, 255, 0.3); } .k-grid-content.k-auto-scrollable::-webkit-scrollbar-corner { background: none; } /* Scrollbar header FIX - end */ /* Scrollbar styles for search result dropdown in Telerik - start */ .k-list-scroller::-webkit-scrollbar { width: 7px; height: 7px; } .k-list-scroller::-webkit-scrollbar-track { background-color: transparent; } .k-list-scroller::-webkit-scrollbar-thumb { background-color: transparent; } .k-list-scroller:hover::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.5); } .k-list-scroller::-webkit-scrollbar-thumb:window-inactive { background-color: rgba(255, 255, 255, 0.3); } /* Scrollbar styles for search result dropdown in Telerik - end */ /* Scrollbar styles for scheduler timeline in Telerik - start */ .k-scheduler-content::-webkit-scrollbar { width: 7px; height: 7px; } .k-scheduler-content::-webkit-scrollbar-track { background-color: transparent; } .k-scheduler-content::-webkit-scrollbar-thumb { background-color: transparent; } .k-scheduler-content:hover::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.5); } .k-scheduler-content::-webkit-scrollbar-thumb:window-inactive { background-color: rgba(255, 255, 255, 0.3); } /* Scrollbar styles for scheduler timeline in Telerik - end */ /* fix for scheduler timeline chart in conference details - start */ table.k-scheduler-layout.k-scheduler-timelineview { height: 100%; } table.k-scheduler-layout.k-scheduler-timelineview tbody tr:first-child { height: 0px; } table.k-scheduler-layout.k-scheduler-timelineview tbody tr td .k-scheduler-content { height: 100% !important; } /* fix for scheduler timeline chart in conference details - end */ /* 7214 */ .k-filter-selected-items { font-weight: 700; line-height: normal; white-space: nowrap; margin: 0; } /* fix for filters input in Call List - start */ .k-filter-menu-container input[type="text"] { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #ffffff; } .k-filter-menu-container input[type="text"][data-role="datepicker"] { border-bottom: none; } .k-filter-menu-container .k-autocomplete { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .k-filter-menu-container .k-autocomplete input[type="text"] { border-bottom: none; } /* fix for filters input in Call List - end */ /* form validators - start */ .input-validation-error, .input-validation-error:hover, .input-validation-error:focus { border-bottom-color: rgba(220, 53, 69, 0.75) !important; } .acs-text-validation-error { color: rgb(255, 255, 255); background-color: rgba(220, 53, 69, 0.75); border-radius: 3px; } .acs-text-validation-error > span { padding: 0 10px; } /* form validators - end */ @media (min-width: 768px) { .k-widget.k-window { width: 75vw; } } @media (max-width: 767px) { .k-widget.k-window { width: 95vw; } .k-widget.k-window .acs-toolbar-menu-right, .card-body.acs-form .acs-toolbar-menu-right { float: right; } } @media (min-width: 992px) { .k-widget.k-window { width: 50vw; } } .k-widget.k-combobox.k-combobox-clearable .k-dropdown-wrap .k-clear-value { top: .5rem; right: 25px; } .acs-k-grid-filters-left .k-grouping-header { margin-bottom: 16px; } .acs-k-grid-filters-left .k-with-icon .k-grid-filter { left: 0; } .acs-k-grid-filters-left .k-with-icon { padding-right: 0; padding-left: 2.2rem; } .acs_search .zmdi-close { display: none; } .acs_search.acs_search-clearable .zmdi-close { display: inline-block; position: absolute; right: 0; top: 5px; font-size: 2rem; height: 100%; width: 3rem; text-align: center; line-height: 2.9rem; cursor: pointer; transition: color 300ms, -webkit-transform 400ms; transition: color 300ms, transform 400ms; transition: color 300ms, transform 400ms, -webkit-transform 400ms; } /* agent status - start */ .k-listview { background-color: transparent; border: none; } .acs-monitor-status-legend-placeholder { background-color: rgba(0, 0, 0, 0.1); display: flex; margin-top: 10px; } .acs-monitor-status-legend-placeholder h2 { font-size: 1.3rem; } .acs-monitor-status-legend-placeholder small { font-size: 1rem; } .acs-monitor-status-agent-placeholder { background-color: rgba(0, 0, 0, 0.1); padding: 0.8rem 0.2rem 0.5rem 0.2rem; float: left; position: relative; margin: 0 10px 10px 0; width: 134px; text-align: center; } .acs-monitor-status-agent-placeholder img { width: 92px; height: 92px; } .acs-monitor-status-name { font-size: 1rem; text-align: center; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .acs-monitor-status-image-none { border: 5px solid #ebebeb; } .acs-monitor-status-image-offline { border: 5px solid #7e7e7f; } .acs-monitor-status-image-online { border: 5px solid #39b54a; } .acs-monitor-status-image-oncall { border: 5px solid #e65b5b; } .acs-monitor-status-image-away { border: 5px solid #fff799; } .acs-monitor-status-image-idleonline { border: 5px solid #b8b34d; } .acs-monitor-status-image-busy { border: 5px solid #e65b5b; } .acs-monitor-status-image-idlebusy { border: 5px solid #b8914d; } .acs-monitor-status-image-donotdisturb { border: 5px solid #e65b5b; } .acs-monitor-status-image-berightback { border: 5px solid #e65b5b; } .acs-monitor-status-image-ringing { border: 5px solid #1cbbb4; } .acs-monitor-status-image-available { border: 5px solid #82ca9c; } .acs-monitor-status-image-none, .acs-monitor-status-image-offline, .acs-monitor-status-image-online, .acs-monitor-status-image-oncall, .acs-monitor-status-image-away, .acs-monitor-status-image-idleonline, .acs-monitor-status-image-idle, .acs-monitor-status-image-busy, .acs-monitor-status-image-idlebusy, .acs-monitor-status-image-donotdisturb, .acs-monitor-status-image-berightback, .acs-monitor-status-image-ringing, .acs-monitor-status-image-available { border-radius: 50%; margin-bottom: 2px; height: 75px; width: 75px; } .acs-monitor-status-none, .acs-monitor-status-offline, .acs-monitor-status-online, .acs-monitor-status-oncall, .acs-monitor-status-away, .acs-monitor-status-idleonline, .acs-monitor-status-idle, .acs-monitor-status-busy, .acs-monitor-status-idlebusy, .acs-monitor-status-donotdisturb, .acs-monitor-status-berightback, .acs-monitor-status-ringing, .acs-monitor-status-available { padding: 0.75rem 1rem; float: left; width: 20%; } .acs-monitor-status-none:hover, .acs-monitor-status-offline:hover, .acs-monitor-status-online:hover, .acs-monitor-status-oncall:hover, .acs-monitor-status-away:hover, .acs-monitor-status-idleonline:hover, .acs-monitor-status-idle:hover, .acs-monitor-status-busy:hover, .acs-monitor-status-idlebusy:hover, .acs-monitor-status-donotdisturb:hover, .acs-monitor-status-berightback:hover, .acs-monitor-status-ringing:hover, .acs-monitor-status-available:hover { cursor: pointer; } .acs-monitor-status-offline > h2, .acs-monitor-status-offline > small { color: #7e7e7f; } .acs-monitor-status-online > h2, .acs-monitor-status-online > small { color: #39b54a; } .acs-monitor-status-oncall > h2, .acs-monitor-status-oncall > small { color: #e6835b; } .acs-monitor-status-away > h2, .acs-monitor-status-away > small { color: #fff799; } .acs-monitor-status-idleonline > h2, .acs-monitor-status-idleonline > small { color: #b8b34d; } .acs-monitor-status-idle > h2, .acs-monitor-status-idle > small { color: #b8b34d; } .acs-monitor-status-idlebusy > h2, .acs-monitor-status-idlebusy > small { color: #b8914d; } .acs-monitor-status-available > h2, .acs-monitor-status-available > small { color: #82ca9c; } .acs-monitor-status-busy > h2, .acs-monitor-status-busy > small { color: #e65b5b; } .acs-monitor-status-donotdisturb > h2, .acs-monitor-status-donotdisturb > small { color: #e65b5b; } .acs-monitor-status-image-none-small { border: 4px solid #ebebeb; } .acs-monitor-status-image-offline-small { border: 4px solid #7e7e7f; } .acs-monitor-status-image-online-small { border: 4px solid #39b54a; } .acs-monitor-status-image-oncall-small { border: 4px solid #e65b5b; } .acs-monitor-status-image-away-small { border: 4px solid #fff799; } .acs-monitor-status-image-idleonline-small { border: 4px solid #b8b34d; } .acs-monitor-status-image-busy-small { border: 4px solid #e65b5b; } .acs-monitor-status-image-idlebusy-small { border: 4px solid #b8914d; } .acs-monitor-status-image-donotdisturb-small { border: 4px solid #e65b5b; } .acs-monitor-status-image-berightback-small { border: 4px solid #e65b5b; } .acs-monitor-status-image-ringing-small { border: 4px solid #1cbbb4; } .acs-monitor-status-image-available-small { border: 4px solid #82ca9c; } .acs-monitor-status-image-none-small, .acs-monitor-status-image-offline-small, .acs-monitor-status-image-online-small, .acs-monitor-status-image-oncall-small, .acs-monitor-status-image-away-small, .acs-monitor-status-image-idleonline-small, .acs-monitor-status-image-idle-small, .acs-monitor-status-image-busy-small, .acs-monitor-status-image-idlebusy-small, .acs-monitor-status-image-donotdisturb-small, .acs-monitor-status-image-berightback-small, .acs-monitor-status-image-ringing-small, .acs-monitor-status-image-available-small { border-radius: 50%; margin: 2px 0 1px 0; height: 44px; width: 44px; } .k-loading-color { background-color: rgba(255, 255, 255, 0.1); opacity: .3 } /* agents status - end */ .acs-prop-error { color: #f7a2a2; } .acs-prop-warning { color: #F2B90F; } #id-logo-company-menu { -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; } #id-logo-company-menu:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* Dashboard Monitor - animation fullscreen in and out - start */ .acs-card-fullscreen { position: absolute; left: 0; top: 0; max-width: 100%; height: 100vh !important; background-color: rgba(0, 0, 0, 0.95); z-index: 9999; } @keyframes acszoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 75% { opacity: 1; } } .acs-card-fullscreen-in { animation-name: acszoomIn; animation-duration: 0.7s; animation-fill-mode: both; } @keyframes acszoomOut { from { opacity: 1; } 50% { opacity: 0.7; transform: scale3d(0.9, 0.9, 0.9); } to { opacity: 1; } } .acs-card-fullscreen-out { animation-name: acszoomOut; animation-duration: 0.6s; transition: all 0.3s; } /* Dashboard Monitor - animation fullscreen in and out - end */ .acs-card-fullscreen .acs-inline-divider-icons, .acs-card-fullscreen .actions__item[title="Change monitor"], .acs-card-fullscreen .actions__item[data-original-title="Close"] { display: none; } /* telerik tabs styling - start */ .k-tabstrip-items .k-item.k-state-active { border-color: transparent; color: #ffffff; background-color: transparent; } /*.k-tabstrip-items .k-item.k-state-active:before { content: ""; height: 2px; position: absolute; width: 100%; left: 0; bottom: 0; background-color: #ffffff; -webkit-transform: scale(0); transform: scale(0); transition: all 300ms; }*/ .k-tabstrip-top .k-tabstrip-items .k-item.k-state-active { border-bottom: 2px solid white; } .k-tabstrip > .k-content { border-color: transparent; color: rgba(255, 255, 255, 1); } .k-tabstrip-top > .k-tabstrip-items { border-bottom-width: 2px; margin-top: 5px; margin-bottom: 10px; } .k-tabstrip-items { border-bottom: 2px solid rgba(255, 255, 255, 0.08); } .k-tabstrip-top > .k-tabstrip-items .k-item { border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: -2px; } .k-tabstrip-items .k-item { color: rgba(255, 255, 255, 0.7); } .k-tabstrip-items .k-item.k-state-hover { border-color: transparent; color: rgba(255, 255, 255, 0.7); } .k-tabstrip { border-width: 0; border-color: transparent; color: inherit; background-color: rgba(0, 0, 0, 0.2); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .acs-grid-no-detail-row-hover.k-grid tbody tr.k-detail-row:hover { background-color: transparent; } /* telerik tabs styling - end */ .acs-recorder-card-body-player { padding: 0; } .video-js { background-color: rgba(0, 0, 0, 0.3); position: relative; padding: 0; font-size: 10px; vertical-align: middle; /* display: table-cell; */ font-weight: normal; font-style: normal; font-family: Nunito, sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .k-grid-toolbar { padding: 0.8rem; margin-bottom: 1rem; border-style: none; } .k-editor .k-editor-toolbar, .k-gantt-toolbar, .k-grid-toolbar, .k-toolbar { border-color: #dde2e7; color: #212529; background-color: rgba(0, 0, 0, 0.1); } .k-command-cell > .k-button { margin: 5px 10px 5px 5px; } .k-widget { background-color: rgba(255, 255, 255, 0); } .k-widget#gridRanges { border-bottom: none; } .k-widget#gridRanges .k-widget[data-role="pager"] { border-bottom: none; } .k-widget.k-textbox, .k-widget.k-numerictextbox { border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0; } .acs-is-summary { position: absolute; top: -1px; left: 0; height: 14px; width: 14px; font-size: 1.2rem; } .acs-checkbox-readonly input:checked ~ .acs-is-summary:before { display: inline-block; font-family: "Clobba-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; content: "\f104"; } [class^="icons8"] { font-size: 1.9rem; } #companyDetailsDiv .k-widget.k-upload.k-upload-sync.k-upload-empty { border: 0; } .k-rating.k-widget { border: 0; color: #e2ebe9; } .k-rating.k-widget .k-rating-item .k-icon { font-size: 24px; } .k-rating.k-widget .k-rating-label { font-size: 16px; margin-left: 20px; position: relative; top: 2px; } .k-treeview { color: rgba(255,255,255,0.85); } .k-dropdowntree .k-multiselect-wrap, .k-multiselect .k-multiselect-wrap { border-color: transparent; color: transparent; background-color: transparent; } .k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap:hover { border-color: transparent; color: #ffffff; background-color: transparent; } .k-dropdown .k-dropdown-wrap.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-state-focused { border-color: transparent; color: #ffffff; background-color: transparent; box-shadow: none; } .k-multiselect.k-state-focused > .k-multiselect-wrap, .k-state-focused.k-dropdowntree > .k-multiselect-wrap { border-color: transparent; color: #495057; background-color: transparent; box-shadow: none; } .k-dateinput .k-dateinput-wrap.k-state-active, .k-dateinput .k-dateinput-wrap.k-state-focused, .k-datepicker .k-picker-wrap.k-state-active, .k-datepicker .k-picker-wrap.k-state-focused, .k-datetimepicker .k-picker-wrap.k-state-active, .k-datetimepicker .k-picker-wrap.k-state-focused, .k-timepicker .k-picker-wrap.k-state-active, .k-timepicker .k-picker-wrap.k-state-focused { border-color: transparent; color: #495057; background-color: transparent; box-shadow: none; } .k-dropdowntree .k-multiselect-wrap .k-button .k-select, .k-multiselect .k-multiselect-wrap .k-button .k-select { margin-left: 0.7rem; } .k-textbox.k-state-focus, .k-textbox.k-state-focused, .k-textbox:focus { border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #495057; background-color: transparent; box-shadow: none; } .k-numerictextbox .k-numeric-wrap.k-state-focused { border-color: transparent; color: #495057; background-color: transparent; box-shadow: none; } .k-textbox:focus-within { background-color: transparent; } .k-numerictextbox .k-select .k-link.k-state-hover, .k-numerictextbox .k-select .k-link:hover { border-color: #c7cdd5; color: #ffffff; background-color: rgba(255, 255, 255, 0.125); border-radius: 3px; } .k-numerictextbox .k-spin-button > button { padding: 0 0.8rem; border-radius: 0 3px 3px 0; height: 17px; } .k-daterangepicker .k-dateinput .k-textbox:focus-within { background-color: transparent; box-shadow: none; } .k-grid, .k-pager-wrap, .k-textbox, .k-datepicker, .k-timepicker, .k-calendar { font-family: "Nunito", sans-serif; } /* Radio button - start */ .k-radio { border-color: #adb5bd; color: transparent; background-color: transparent; border-radius: 50%; margin: 0; padding: 0; width: 1.2rem; height: 1.2rem; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; -webkit-appearance: none; margin-right: 2px; } .k-radio:hover { border-color: #ffffff; color: transparent; background-color: transparent; } .k-radio:checked { border-color: #ffffff; color: #ffffff; background-color: transparent; } .k-radio:checked:focus { border-color: #a6cbf3; box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); } .k-radio[disabled="disabled"] { background-color: rgba(255, 255, 255, 0.43); } .k-radio[disabled="disabled"]:hover { border-color: #adb5bd; } label.k-radio-label { margin-right: 15px; margin-left: 5px; } /* Radio button - end */ /* Checkbox - start */ .k-checkbox { border-color: #adb5bd; color: #ffffff; background-color: transparent; border-radius: .25rem; margin: 0 5px 0 0; padding: 0; width: 1.2rem; height: 1.2rem; line-height: initial; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; -webkit-appearance: none; } .k-checkbox:focus { border-color: none; box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); } .k-checkbox:checked { border-color: #ffffff; color: #ffffff; background-color: transparent; } .k-checkbox:checked:focus { border-color: #a6cbf3; box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); } .k-checkbox:hover { border-color: #ffffff; color: #ffffff; background-color: transparent; } .k-checkbox::before { width: 1.4rem; height: 1.4rem; font-size: 1rem; line-height: 1; -webkit-transform: scale(0) translate(-50%,-50%); -ms-transform: scale(0) translate(-50%,-50%); transform: scale(0) translate(-50%,-50%); overflow: hidden; position: absolute; top: 50%; left: 50%; content: ""; background-repeat: no-repeat; background-size: 50%; background-position: 50%; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .k-checkbox:disabled { background-color: transparent; } .k-checkbox.k-state-indeterminate:disabled, .k-checkbox:checked:disabled, .k-checkbox:indeterminate:disabled { background-color: transparent; } /* Checkbox - end */ .acs-editor-background { background-color: rgba(240,240,240,0.1); } .acs-icons8-rotate-counterclockwise { -webkit-animation: acs-icons8-animate 2s infinite linear; animation: acs-icons8-counterclockwise 2s infinite linear; } @keyframes acs-icons8-counterclockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .acs-icons8-rotate-clockwise { -webkit-animation: acs-icons8-animate 2s infinite linear; animation: acs-icons8-clockwise 2s infinite linear; } @keyframes acs-icons8-clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .k-upload { border-color: transparent; } .k-upload .k-dropzone { padding: 0.375rem 0; background-color: transparent; } .k-upload .k-upload-files { border-color: transparent; } .k-upload .k-upload-files .k-file-name { color: rgba(255, 255, 255, 1); } .k-upload .k-upload-files .k-file-size { color: rgba(255, 255, 255, 0.65); } .k-upload .k-upload-status { color: rgba(255, 255, 255, 0.65); } .k-upload .k-dropzone .k-dropzone-hint { color: rgba(255, 255, 255, 0.65); } .k-icon { color: rgba(255, 255, 255, 0.75); } .k-grid-filter.k-state-active .k-i-filter { color: #c1ef83 !important; } .table tbody.acs-table-middle-text td { vertical-align: middle; } .login .zmdi.zmdi-long-arrow-right { position: relative; top: -3px; right: -1px; } #socialLoginList .zmdi.zmdi-windows { font-size: 24px; position: relative; right: 2px; } .d-none { display: none; } .d-block { display: block; } .acs-split-visibility-toggle { background: rgba(255, 255, 255, 0.075); border: 1px solid rgba(255, 255, 255, 0.175); border-radius: 2px; height: calc(100% - 15px); color: rgba(255, 255, 255, 0.5); } .acs-split-visibility-toggle:hover { background: rgba(255, 255, 255, 0.125); color: rgba(255, 255, 255, 0.75); } .acs-split-visibility-toggle.acs-split-minimize > .acs-split-btn-maximize { display: none; } .acs-split-visibility-toggle.acs-split-maximize > .acs-split-btn-minimize { display: none; } .acs-logo-application-image-position { vertical-align: unset; } .k-list-content { padding: 6px 0 1px 0; } .k-list-content > ul { list-style: none; padding-left: 0; } .k-list-content > ul > li { cursor: pointer; padding: 10px 0px 10px 10px; margin-bottom: 6px; } .k-list-content > ul > li:hover, .k-list-content > ul > li:focus { background-color: rgba(255, 255, 255, 0.04); } .k-list-content > ul > li.k-selected, .k-list-content > ul > li.k-selected:focus { background-color: rgba(255, 255, 255, 0.03); } .k-dropdownlist { display: block; height: 26px; } .k-dropdownlist > .k-button { width: 100%; height: 30px; position: relative; top: -25px; background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .k-dropdownlist > .k-button:hover { background-color: transparent !important; } .k-dropdownlist > .k-button .k-svg-icon { width: 100%; } .k-dropdownlist > .k-button .k-svg-icon > svg { height: 20px; fill: white; float: right; } .k-checkbox:checked::before { border-radius: 0.25rem; -webkit-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%, -50%); } input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.75' fill='%23ffffff'/%3e%3c/svg%3e"); } .k-grid table { width: 100%; } .k-grid tr.k-selected > td { color: rgba(255, 255, 255, 0.85); background-color: rgba(255, 255, 255, 0.15); } .k-radio-wrap, .k-radio-label, .k-checkbox-wrap, .k-checkbox-label { cursor: pointer; } .k-table-th.k-header { white-space: nowrap; font-weight: 400; cursor: pointer; } .acs-dashboard-monitor > .card > .card-body .k-grid { overflow: hidden; } .k-sort-icon .k-icon > svg, .k-grid-filter-menu .k-icon > svg { fill: rgba(255,255,255,.85); width: 22px; height: 16px; position: relative; top: -2px; } .k-list-container.k-list-scroller.k-popup { overflow: scroll; } .k-list .k-list-item-text { display: flex; flex-direction: row; align-items: center; } .k-chip-list { display: flex; flex-direction: row; padding-bottom: 3px; } .k-chip { background-color: rgba(255, 255, 255, 0.125); width: fit-content; padding: 6px 6px 6px 0; border-radius: 3px; margin-left: 5px; display: flex; } .k-chip .k-icon svg { width: 16px; height: 16px; margin-left: 8px; margin-right: 5px; fill: rgb(255, 255, 255); opacity: 0.6; position: relative; top: -1px; } .k-filter-menu-container { padding: 0.75rem 1rem; } .k-filter-menu-container .k-filter-help-text { margin-bottom: 10px; } .k-filter-menu-container .k-multicheck-wrap { padding-left: 0 } .k-actions { display: flex; justify-content: space-between; margin-top: 10px; } .k-actions > button { width: 45%; justify-content: center; } .k-actions > button > .k-button-text { margin-left: 8px; } .k-filter-menu-container .k-datepicker { margin-top: 6px; background-color: rgba(255, 255, 255, 0.125); } .k-filter-menu-container .k-picker { margin-top: 18px; } .k-input .k-input-inner::placeholder { color: rgba(255, 255, 255, 0.4); } .acs-card-reports-filter-placeholder .acs-form.k-grid { width: 100%; } .k-listview-content > .k-focused { box-shadow: inset 0 0 0 3px rgba(33,37,41,.15); border-radius: 3px; } .k-listview-content > .k-selected { background-color: rgba(0,123,255,.25); border-radius: 3px; } input.k-hidden[aria-label="Select files..."] { display: none; } /* Color picker - start */ .k-color-picker, .k-colorpicker { width: 90px !important; } .k-colorpicker-popup { background-color: rgba(40, 40, 40, 1); } .k-colorpicker.k-picker-solid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #424242); background-color: rgba(255, 255, 255, 0.125); } .k-picker { cursor: pointer; } .k-icon-picker > .k-input-inner { padding: var(--kendo-spacing-1, 0.25rem); justify-content: center; } .k-input-inner { flex: 1; } .k-picker { cursor: pointer; } .k-colorpicker.k-picker { margin: 0; padding: 0; width: 100%; min-width: 0; box-sizing: border-box; border-width: 1px; border-style: solid; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-weight: normal; text-align: start; box-shadow: none; display: inline-flex; flex-flow: row nowrap; align-items: stretch; vertical-align: middle; position: relative; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none; } .k-color-preview { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); } .k-color-preview { width: 100%; height: 100%; border-width: 1px; border-radius: var(--kendo-border-radius-md, 0.25rem); box-sizing: border-box; border-style: solid; display: inline-flex; flex-flow: row nowrap; position: relative; overflow: hidden; } .k-color-preview-mask { width: 100%; height: 100%; position: relative; } .k-color-preview-mask::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC); background-size: contain; background-position: 0 0; } .k-colorpicker.k-picker .k-input-button { color: inherit; background: none; border-color: rgba(0, 0, 0, 0); } .k-svg-icon > svg { fill: currentColor; flex: 1 1 auto; } .k-popup > .k-widget, .k-popup > .k-coloreditor { border-width: 0; } .k-coloreditor-md { min-width: 272px; } .k-coloreditor { border-radius: var(--kendo-border-radius-md, 0.25rem); min-width: 272px; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: inline-flex; flex-direction: column; align-items: stretch; } .k-coloreditor-md .k-coloreditor-header { padding: var(--kendo-spacing-3, 0.75rem) var(--kendo-spacing-3, 0.75rem) 0; } .k-coloreditor-header { padding: var(--kendo-spacing-3, 0.75rem) var(--kendo-spacing-3, 0.75rem) 0; } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box; } .k-hstack, .k-hbox { display: flex; flex-flow: row nowrap; } .k-coloreditor-header-actions { gap: var(--kendo-spacing-2, 0.5rem); } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box; } .k-coloreditor-md .k-coloreditor-preview { gap: var(--kendo-spacing-0\.5, 0.125rem); } .k-coloreditor-preview { display: flex; flex-flow: column nowrap; align-items: stretch; justify-content: center; gap: var(--kendo-spacing-0\.5, 0.125rem); position: relative; z-index: 1; } .k-coloreditor-md .k-coloreditor-preview .k-color-preview { width: 34px; height: 14px; } .k-coloreditor-preview .k-color-preview { width: 34px; height: 14px; } .k-color-preview { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); } .k-color-preview { width: 100%; height: 100%; border-width: 1px; border-radius: var(--kendo-border-radius-md, 0.25rem); box-sizing: border-box; border-style: solid; display: inline-flex; flex-flow: row nowrap; position: relative; overflow: hidden; } .k-color-preview-mask { width: 100%; height: 100%; position: relative; } .k-color-preview-mask::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC); background-size: contain; background-position: 0 0; } .k-coloreditor-md .k-coloreditor-views { padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem); } .k-coloreditor-views { min-width: calc(var(--kendo-color-preview-width, var(--kendo-spacing-6, 1.5rem)) * var(--kendo-color-preview-columns, 10)); padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem); gap: var(--kendo-spacing-3, 0.75rem); } .k-coloreditor-views .k-colorgradient { padding: 0; width: auto; border-width: 0; } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box; } .k-colorgradient { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); } .k-colorgradient-md { width: 272px; gap: var(--kendo-spacing-3, 0.75rem); padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem); } .k-colorgradient { border-radius: var(--kendo-border-radius-md, 0.25rem); width: 272px; padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-3, 0.75rem); border-style: solid; border-width: 1px; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; align-items: stretch; gap: var(--kendo-spacing-3, 0.75rem); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-colorgradient-md .k-colorgradient-canvas { gap: var(--kendo-spacing-3, 0.75rem); } .k-colorgradient-canvas .k-hsv-rectangle { border-radius: var(--kendo-border-radius-md, 0.25rem); position: relative; flex: 1 1 auto; -webkit-user-select: none; user-select: none; } .k-colorgradient-md .k-colorgradient-canvas .k-hsv-gradient { height: 202px; } .k-colorgradient-canvas .k-hsv-gradient { background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black), linear-gradient(to right, white, rgba(255, 255, 255, 0)); } .k-colorgradient-canvas .k-hsv-gradient { border-radius: var(--kendo-border-radius-md, 0.25rem); height: 202px; } .k-colorgradient .k-draghandle { border-color: hsla(0, 0%, 100%, .8); background-color: rgba(0, 0, 0, 0); outline-color: #000; box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)); } .k-colorgradient .k-draghandle { border-radius: 50%; width: 14px; height: 14px; border-width: 1px; border-style: solid; outline-width: 1px; outline-style: solid; box-sizing: border-box; } .k-colorgradient-canvas .k-hsv-draghandle { margin-top: -7px; margin-left: -7px; position: absolute; top: 50%; left: 50%; z-index: 1; cursor: pointer; } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box; } .k-colorgradient *, .k-colorgradient *::before, .k-colorgradient *::after { box-sizing: border-box; } .k-draghandle { background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; border-style: solid; border-width: 1px; outline: 0; position: absolute; text-align: center; text-decoration: none; width: 14px; height: 14px; } .k-colorgradient-md .k-colorgradient-canvas .k-hsv-controls { gap: var(--kendo-spacing-3, 0.75rem); } .k-colorgradient-canvas .k-hsv-controls { position: relative; flex-shrink: 0; gap: var(--kendo-spacing-3, 0.75rem); } .k-colorgradient-md .k-colorgradient-canvas .k-slider-vertical { height: 202px; } .k-colorgradient-slider.k-slider-vertical { width: 10px; height: 202px; flex: 0 0 10px; } .k-slider { color: var(--kendo-color-on-app-surface, #424242); } .k-slider-vertical { height: 200px; flex-flow: column-reverse nowrap; } .k-slider { width: min-content; height: min-content; gap: 7px; } .k-slider { border: 0; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); background: none; display: inline-flex; align-items: center; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-colorgradient-slider .k-slider-track-wrap { z-index: 1; } .k-slider-vertical .k-slider-track-wrap { width: 26px; } .k-slider .k-slider-track-wrap { flex: 1 1 auto; display: flex; flex-flow: inherit; position: relative; touch-action: none; } .k-colorgradient-slider.k-hue-slider.k-slider-vertical .k-slider-track { background: linear-gradient(to top, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000); } .k-colorgradient-slider.k-slider-vertical .k-slider-track { width: 10px; border-radius: 10px; margin-left: -5px; } .k-slider-vertical .k-slider-track-wrap .k-slider-track { height: 100%; } .k-slider .k-slider-track { background-color: var(--kendo-color-base-emphasis, #c2c2c2); } .k-slider .k-slider-track, .k-slider .k-slider-selection { border-radius: var(--kendo-border-radius-md, 0.25rem); } .k-slider-vertical :is(.k-slider-track,.k-slider-selection) { bottom: 0; left: 50%; margin-left: -2px; width: 4px; } .k-slider .k-tick, .k-slider .k-slider-track { cursor: pointer; } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box; } .k-colorgradient *, .k-colorgradient *::before, .k-colorgradient *::after { box-sizing: border-box; } .k-slider-track, .k-slider-selection { margin: 0; padding: 0; position: absolute; } .k-slider-vertical .k-slider-track-wrap .k-slider-selection { bottom Specifies how far an absolutely positioned box's bottom margin edge is offset above the bottom edge of the box's 'containing block'. Learn more Don't show : calc(var(--kendo-slider-start, 0) * 1%); height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%); } .k-colorgradient-slider .k-slider-selection { display: none; } .k-slider .k-slider-selection { background-color: var(--kendo-color-primary, #1274AC); } .k-slider .k-slider-track, .k-slider .k-slider-selection { border-radius: var(--kendo-border-radius-md, 0.25rem); } .k-slider-vertical :is(.k-slider-track,.k-slider-selection) { bottom: 0; left: 50%; margin-left: -2px; width: 4px; } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box; } .k-colorgradient *, .k-colorgradient *::before, .k-colorgradient *::after { box-sizing: border-box; } .k-slider-track, .k-slider-selection { margin: 0; padding: 0; position: absolute; } .k-slider-vertical .k-slider-track-wrap .k-draghandle { left: 50%; transform: translate(-50%, 50%); } .k-slider .k-slider-track-wrap .k-draghandle { position: absolute; } .k-colorgradient .k-draghandle { border-color: hsla(0, 0%, 100%, .8); background-color: rgba(0, 0, 0, 0); outline-color: #000; box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)); } .k-colorgradient-slider .k-draghandle { border-width: 3px; } .k-colorgradient .k-draghandle { border-radius: 50%; width: 14px; height: 14px; border-width: 1px; border-style: solid; outline-width: 1px; outline-style: solid; box-sizing: border-box; } .k-slider .k-draghandle { border-color: var(--kendo-color-primary, #1274AC); color: var(--kendo-color-on-primary, white); background-color: var(--kendo-color-primary, #1274AC); border-radius: 50%; } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box; } .k-colorgradient *, .k-colorgradient *::before, .k-colorgradient *::after { box-sizing: border-box; } .k-draghandle { background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; border-style: solid; border-width: 1px; outline: 0; position: absolute; text-align: center; text-decoration: none; width: 14px; height: 14px; } .k-colorgradient-inputs { gap: var(--kendo-spacing-2, 0.5rem); } .k-colorgradient-inputs > .k-vstack, .k-colorgradient-inputs > .k-vbox { gap: calc(var(--kendo-spacing-3, 0.75rem) / 3); } .k-icon-button { gap: 0; } .k-coloreditor-header-actions .k-button { display: inline-flex; transition: color .2s ease-in-out; } .k-colorgradient-inputs > .k-vstack, .k-colorgradient-inputs > .k-vbox { gap: calc(var(--kendo-spacing-3, 0.75rem) / 3); } .k-colorgradient-md .k-colorgradient-inputs .k-numerictextbox { width: 46px; } .k-colorgradient-inputs .k-input-inner { padding-inline-start: 2px; padding-inline-end: 2px; text-align: center; text-overflow: clip; } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box; } .k-colorgradient *, .k-colorgradient *::before, .k-colorgradient *::after { box-sizing: border-box; } .k-input-icon, .k-input-validation-icon, .k-input-loading-icon { flex: none; align-self: center; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; box-sizing: content-box; } .k-hidden { display: none !important; } .k-colorgradient-inputs .k-colorgradient-input-label { text-transform: uppercase; } .k-colorgradient-input-label { color: var(--kendo-color-subtle, #666666); } .k-coloreditor-footer.k-actions, .k-coloreditor-footer.k-edit-buttons, .k-coloreditor-footer.k-action-buttons, .k-coloreditor-footer.k-columnmenu-actions, .k-coloreditor-footer.k-form-buttons { margin: 0; } .k-popup .k-actions, .k-popup .k-form-buttons, .k-popup .k-edit-buttons, .k-popup .k-action-buttons, .k-popup .k-columnmenu-actions { margin-top: var(--kendo-spacing-4, 1rem); } .k-coloreditor *, .k-coloreditor *::before, .k-coloreditor *::after { box-sizing: border-box; } .k-actions-horizontal { width: 100%; flex-flow: row nowrap; } .k-actions-start { justify-content: flex-start; } .k-actions, .k-form-buttons, .k-edit-buttons, .k-action-buttons, .k-columnmenu-actions { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); box-sizing: border-box; border-width: 0px 0 0 0; border-style: solid; border-color: inherit; flex-shrink: 0; display: flex; flex-flow: row nowrap; align-items: center; gap: var(--kendo-spacing-2, 0.5rem); overflow: hidden; clear: both; } .k-spacer, .k-flex { flex: 1 1 auto; } /* Color picker - end */ .acs-card-reports-filter-placeholder .card-header { padding: 0; } .acs-card-reports-filter-placeholder .card-header > a { padding: 14px 25px; flex: 1 1 auto; } .k-list.k-list-md { overflow-y: scroll; } /* k-grid - start */ .k-grid { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-grid.k-grid-display-block { display: block } .k-grid .k-grid-container { display: flex; flex: 1 1 auto; overflow: hidden; position: relative } .k-grid .k-grid-aria-root { border-color: inherit; display: flex; flex-direction: column; flex: 1 1 auto; overflow: hidden } .k-grid .k-table { margin: 0; width: 100%; max-width: none; border-width: 0; border-color: inherit; border-collapse: separate; border-spacing: 0; box-sizing: content-box; empty-cells: show; outline: 0 } .k-grid .k-grid-header .k-table, .k-grid .k-grid-content .k-table, .k-grid .k-grid-content-locked .k-table, .k-grid .k-grid-footer .k-table { table-layout: fixed } .k-grid .k-table-thead, .k-grid .k-table-tbody, .k-grid .k-table-tfoot { text-align: start; border-color: inherit } .k-grid .k-table-row { border-color: inherit } .k-grid a { color: inherit; text-decoration: none } .k-grid a:hover { text-decoration: none } .k-grid .k-grid-header-wrap { box-sizing: content-box } .k-grid .k-cell-inner { display: flex; flex-flow: row nowrap; align-items: center; justify-content: inherit; overflow: hidden } .k-grid .k-cell-inner > .k-link { width: auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: inherit; flex: 1; overflow: hidden } .k-grid .k-cell-inner > .k-link > .k-sort-icon { margin-inline-start: 0; display: inline-block; flex-shrink: 0 } .k-grid .k-cell-inner .k-sort-order { flex-shrink: 0; line-height: normal } .k-grid .k-cell-inner .k-grid-filter, .k-grid .k-cell-inner .k-header-column-menu, .k-grid .k-cell-inner .k-grid-header-menu { position: static; margin-inline-end: var(--kendo-spacing-1, 0.25rem) } .k-grid .k-group-col, .k-grid .k-hierarchy-col { padding: 0; width: 32px } .k-grid .k-grouping-row p { margin: 0; display: flex; align-items: center; align-content: center } .k-grid .k-grouping-row p .k-icon { flex-shrink: 0 } .k-grid .k-grouping-row td, .k-grid .k-grouping-row .k-table-td { overflow: visible } .k-grid .k-grouping-row + .k-table-row td, .k-grid .k-grouping-row + .k-table-row .k-table-td { border-top-width: 1px } .k-grid .k-grouping-row .k-group-cell, .k-grid .k-grouping-row + .k-table-row .k-group-cell { border-top-width: 0; text-overflow: clip } .k-grid .k-grouping-row .k-icon { margin-inline-start: calc(8px - var(--kendo-spacing-3, 0.75rem)); margin-inline-end: 8px; text-decoration: none } .k-grid .k-table .k-group-footer td, .k-grid .k-table .k-group-footer .k-table-td { border-style: solid; border-width: 1px 0 } .k-grid .k-group-footer .k-group-cell + td, .k-grid .k-group-footer .k-group-cell + .k-table-td { border-inline-start-width: 1px } .k-grid .k-hierarchy-cell, .k-grid .k-drag-cell { text-align: center; overflow: visible } .k-grid .k-hierarchy-cell > .k-font-icon, .k-grid .k-drag-cell > .k-font-icon { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: 0; width: 100%; height: 100%; display: inline-block; outline: 0 } .k-grid .k-hierarchy-cell + .k-grid-content-sticky { border-inline-start-width: 1px } .k-grid .k-detail-row .k-detail-cell { border-inline-start-width: 0 } .k-grid .k-dirty-cell { position: relative } .k-grid .k-dirty-cell.k-edit-cell { position: static } .k-grid .k-dirty-cell.k-grid-content-sticky { position: sticky } .k-grid .k-dirty { border-width: 5px; border-color: rgba(0,0,0,0); border-block-start-color: currentColor; border-inline-start-color: currentColor; inset-inline-start: 0; inset-inline-end: auto } .k-grid .k-grid-content-locked + .k-grid-content { box-sizing: content-box } .k-grid .k-grid-content-expander { position: absolute; visibility: hidden; height: 1px; bottom: 1px } .k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon { border-width: 0 } .k-grid .k-drag-col { padding: 0; width: 36px } .k-grid .k-drag-cell { cursor: move } .k-grid td.k-highlighted, .k-grid .k-table-row.k-highlighted > td, .k-grid .k-table-td.k-highlighted, .k-grid .k-table-row.k-highlighted > .k-table-td { font-weight: var(--kendo-font-weight-bold, bold) } .k-grid-resizable { resize: both; overflow: auto } .k-grid-toolbar { border-width: 0 0 1px; flex-shrink: 0 } .k-grid-toolbar-bottom { border-width: 1px 0 0 } .k-grouping-header { border-width: 0 0 1px; border-style: solid; border-color: inherit; white-space: normal; display: flex; align-items: center; position: relative; flex-wrap: wrap } .k-grouping-header::before { content: ""; height: calc(1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px); display: inline-block; vertical-align: middle } .k-grouping-header .k-chip-list { flex-grow: 0; display: contents } .k-grouping-header > .k-grouping-drop-container { flex-grow: 1; padding-block: var(--kendo-spacing-2, 0.5rem); margin-block: calc(var(--kendo-spacing-2, 0.5rem)*-1); display: inline-flex; align-self: stretch; align-items: center } .k-grouping-dropclue { width: 12px; position: absolute; top: 3px; box-sizing: content-box } .k-grouping-dropclue::before, .k-grouping-dropclue::after { display: inline-block; content: ""; position: absolute } .k-grouping-dropclue::before { border-width: 6px; border-style: solid; border-left-color: rgba(0,0,0,0); border-right-color: rgba(0,0,0,0); border-bottom-color: rgba(0,0,0,0); top: 0 } .k-grouping-dropclue::after { width: 2px; height: calc(100% - 6px); top: 6px; inset-inline-start: 5px } .k-column-resizer { width: .5em; height: 1000%; display: block; position: absolute; top: 0; inset-inline-end: 0; cursor: col-resize } .k-row-resizer { display: block; height: var(--kendo-spacing-0\.5, 0.125rem); width: 100%; background: none } .k-grid-footer { border-top-width: 1px } .k-grid-footer td, .k-grid-footer .k-table-td { height: 1.4285714286em } .k-grid-footer td, .k-group-footer td, .k-grouping-row td, .k-grid-footer .k-table-td, .k-group-footer .k-table-td, .k-grouping-row .k-table-td { font-weight: bold } .k-grid-filter-popup { min-width: 230px; max-width: 320px } .k-grid-column-menu-standalone a.k-grid-filter { position: initial; display: inline-block; margin-block: -4px; margin-inline: 0; padding-block: 4px; padding-inline: 8px } .k-filter-row { line-height: var(--kendo-line-height, normal) } .k-filter-row td, .k-filter-row .k-table-td, .k-filter-row .k-table-th { border-width: 0; border-block-end-width: 1px; border-inline-start-width: 1px; white-space: nowrap } .k-filter-row td:first-child, .k-filter-row .k-table-td:first-child { border-inline-start-width: 0 } .k-filter-row .k-multiselect { height: auto } .k-filtercell { width: auto; display: flex; flex-flow: row nowrap; align-items: center } .k-filtercell > span, .k-filtercell .k-filtercell-wrapper { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; flex: 1 1 auto } .k-filtercell > span > .k-button, .k-filtercell .k-filtercell-wrapper > .k-button { flex: none } .k-grid-content, .k-grid-content-locked { border-color: inherit; outline: 0 } .k-grid-content .k-table-row:last-child > td, .k-grid-content .k-table-row:last-child > .k-table-td, .k-grid-content-locked .k-table-row:last-child > td, .k-grid-content-locked .k-table-row:last-child > .k-table-td { border-bottom-width: 0 } .k-grid-content { width: 100%; min-height: 0; overflow: auto; overflow-x: auto; overflow-y: scroll; position: relative; flex: 1 } .k-virtual-scrollable-wrap { height: 100%; overflow-y: hidden; position: relative } .k-grid .k-edit-cell, .k-grid .k-command-cell, .k-grid .k-grid-edit-row td, .k-grid .k-grid-edit-row .k-table-td { text-overflow: clip } .k-grid .k-edit-cell > input:not([type=checkbox]):not([type=radio]), .k-grid .k-edit-cell > select, .k-grid .k-edit-cell > .k-widget:not(.k-switch), .k-grid .k-grid-edit-row td > input:not([type=checkbox]):not([type=radio]), .k-grid .k-grid-edit-row td > select, .k-grid .k-grid-edit-row td > .k-widget:not(.k-switch), .k-grid .k-grid-edit-row .k-table-td > input:not([type=checkbox]):not([type=radio]), .k-grid .k-grid-edit-row .k-table-td > select, .k-grid .k-grid-edit-row .k-table-td > .k-widget:not(.k-switch) { width: 100%; vertical-align: middle; box-sizing: border-box } .k-grid .k-edit-cell > .k-radio, .k-grid .k-edit-cell > .k-checkbox, .k-grid .k-edit-cell > .k-radio-wrap, .k-grid .k-edit-cell > .k-checkbox-wrap, .k-grid .k-grid-edit-row td > .k-radio, .k-grid .k-grid-edit-row td > .k-checkbox, .k-grid .k-grid-edit-row td > .k-radio-wrap, .k-grid .k-grid-edit-row td > .k-checkbox-wrap, .k-grid .k-grid-edit-row .k-table-td > .k-radio, .k-grid .k-grid-edit-row .k-table-td > .k-checkbox, .k-grid .k-grid-edit-row .k-table-td > .k-radio-wrap, .k-grid .k-grid-edit-row .k-table-td > .k-checkbox-wrap { vertical-align: middle } .k-grid .k-command-cell > .k-button { margin-inline-end: var(--kendo-spacing-2, 0.5rem); vertical-align: middle } .k-grid .k-command-cell > .k-button:last-child { margin-inline-end: unset } .k-selection-aggregates { border-width: 1px 0 0; border-style: solid; line-height: var(--kendo-line-height, normal); display: flex; justify-content: flex-end; gap: var(--kendo-spacing-2, 0.5rem); flex-wrap: wrap } .k-selection-aggregates-item-value { font-weight: var(--kendo-font-weight-bold, normal) } .k-grid-pager { border-width: 1px 0 0; border-color: inherit; font-size: inherit } .k-grid-pager-top { border-width: 0 0 1px } .k-grid-virtual .k-grid-content .k-grid-table-wrap { float: left; width: 100% } .k-grid-virtual .k-grid-content .k-grid-table { position: relative; float: left; z-index: 1 } .k-grid-virtual .k-grid-content > .k-height-container { position: relative; float: left } .k-grid-virtual .k-grid-content::after { content: ""; display: block; clear: both } .k-width-container { position: absolute; visibility: hidden } .k-width-container div { height: 1px } .k-grid-add-row td, .k-grid-add-row .k-table-td { border-bottom-style: solid; border-bottom-width: 1px } .k-grid-lockedcolumns { white-space: nowrap } .k-grid-content, .k-grid-content-locked { white-space: normal } .k-master-row .k-grid-content-sticky::before, .k-master-row.k-grid-row-sticky .k-table-td::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1 } .k-grid-content-sticky.k-grid-row-sticky { z-index: 3 } .k-grid.k-grid-no-scrollbar .k-grid-content { overflow-y: auto } .k-grid-norecords { text-align: center } div.k-grid-norecords { width: 100%; height: 100%; display: flex; align-items: center } .k-grid-norecords-template { box-sizing: border-box; margin-block: 0; margin-inline: auto; width: 20em; height: 4em; border: 1px solid; line-height: 4em } .k-column-title { min-width: 0; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 1; overflow: hidden; width: 100%; padding: 7px 5px 7px 5px; } .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link, .k-grid-md .k-table-th > .k-cell-inner > .k-link { padding-block: 0 !important; padding-inline: 0 !important; } .k-grid .k-grid-sm .k-table-th, .k-grid-sm .k-table-th { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-sm td, .k-grid .k-grid-sm .k-table-td, .k-grid-sm td, .k-grid-sm .k-table-td { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-sm .k-grouping-header, .k-grid-sm .k-grouping-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem); gap: var(--kendo-spacing-1, 0.25rem) } .k-grid .k-grid-sm .k-grouping-header::before, .k-grid-sm .k-grouping-header::before { margin-inline-start: calc(var(--kendo-spacing-1, 0.25rem)*-1) } .k-grid .k-grid-sm .k-table-th > .k-cell-inner, .k-grid-sm .k-table-th > .k-cell-inner { margin-block: calc(var(--kendo-spacing-1, 0.25rem)*-1); margin-inline: calc(var(--kendo-spacing-2, 0.5rem)*-1) } .k-grid .k-grid-sm .k-table-th > .k-cell-inner > .k-link, .k-grid-sm .k-table-th > .k-cell-inner > .k-link { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-sm .k-grouping-row .k-icon, .k-grid-sm .k-grouping-row .k-icon { margin-inline-start: calc(8px - var(--kendo-spacing-2, 0.5rem)) } .k-grid .k-grid-sm .k-grouping-dropclue, .k-grid-sm .k-grouping-dropclue { height: calc(1em + var(--kendo-spacing-0\.5, 0.125rem)*2 + 8px) } .k-grid .k-grid-sm .k-hierarchy-cell, .k-grid .k-grid-sm .k-drag-cell, .k-grid-sm .k-hierarchy-cell, .k-grid-sm .k-drag-cell { padding: 0 } .k-grid .k-grid-sm .k-hierarchy-cell > .k-icon, .k-grid .k-grid-sm .k-drag-cell > .k-icon, .k-grid-sm .k-hierarchy-cell > .k-icon, .k-grid-sm .k-drag-cell > .k-icon { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: 0 } .k-grid .k-grid-sm .k-edit-cell, .k-grid .k-grid-sm .k-command-cell, .k-grid .k-grid-sm .k-grid-edit-row td, .k-grid .k-grid-sm .k-grid-edit-row .k-table-td, .k-grid-sm .k-edit-cell, .k-grid-sm .k-command-cell, .k-grid-sm .k-grid-edit-row td, .k-grid-sm .k-grid-edit-row .k-table-td { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-sm .k-filter-row td, .k-grid .k-grid-sm .k-filter-row .k-table-td, .k-grid .k-grid-sm .k-filter-row .k-table-th, .k-grid-sm .k-filter-row td, .k-grid-sm .k-filter-row .k-table-td, .k-grid-sm .k-filter-row .k-table-th { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1\.5, 0.375rem) } .k-grid .k-grid-sm .k-filtercell > span, .k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper, .k-grid-sm .k-filtercell > span, .k-grid-sm .k-filtercell .k-filtercell-wrapper { gap: calc(var(--kendo-spacing-1, 0.25rem)/2) } .k-grid .k-grid-sm .k-selection-aggregates, .k-grid-sm .k-selection-aggregates { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem) } .k-grid .k-grid-sm .k-resizer-wrap, .k-grid-sm .k-resizer-wrap { display: block; width: 100%; padding-block-start: calc(var(--kendo-spacing-0\.5, 0.125rem) - var(--kendo-spacing-0\.5, 0.125rem)); padding-block-end: var(--kendo-spacing-0\.5, 0.125rem); position: absolute; background: none; cursor: row-resize; z-index: 2 } .k-grid .k-grid-md .k-table-th, .k-grid-md .k-table-th { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-grid .k-grid-md .k-grouping-header, .k-grid-md .k-grouping-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); gap: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-md .k-grouping-header::before, .k-grid-md .k-grouping-header::before { margin-inline-start: calc(var(--kendo-spacing-2, 0.5rem)*-1) } .k-grid .k-grid-md .k-table-th > .k-cell-inner, .k-grid-md .k-table-th > .k-cell-inner { margin-block: calc(var(--kendo-spacing-2, 0.5rem)*-1); margin-inline: calc(var(--kendo-spacing-3, 0.75rem)*-1) } .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link, .k-grid-md .k-table-th > .k-cell-inner > .k-link { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-grid .k-grid-md .k-grouping-row .k-icon, .k-grid-md .k-grouping-row .k-icon { margin-inline-start: calc(8px - var(--kendo-spacing-3, 0.75rem)) } .k-grid .k-grid-md .k-grouping-dropclue, .k-grid-md .k-grouping-dropclue { height: calc(1em + var(--kendo-spacing-1, 0.25rem)*2 + 8px) } .k-grid .k-grid-md .k-hierarchy-cell, .k-grid .k-grid-md .k-drag-cell, .k-grid-md .k-hierarchy-cell, .k-grid-md .k-drag-cell { padding: 0 } .k-grid .k-grid-md .k-hierarchy-cell > .k-icon, .k-grid .k-grid-md .k-drag-cell > .k-icon, .k-grid-md .k-hierarchy-cell > .k-icon, .k-grid-md .k-drag-cell > .k-icon { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: 0 } .k-grid .k-grid-md .k-edit-cell, .k-grid .k-grid-md .k-command-cell, .k-grid .k-grid-md .k-grid-edit-row td, .k-grid .k-grid-md .k-grid-edit-row .k-table-td, .k-grid-md .k-edit-cell, .k-grid-md .k-command-cell, .k-grid-md .k-grid-edit-row td, .k-grid-md .k-grid-edit-row .k-table-td { padding-block: calc(var(--kendo-spacing-1\.5, 0.375rem)/2); padding-inline: var(--kendo-spacing-3, 0.75rem) } .k-grid .k-grid-md .k-filter-row td, .k-grid .k-grid-md .k-filter-row .k-table-td, .k-grid .k-grid-md .k-filter-row .k-table-th, .k-grid-md .k-filter-row td, .k-grid-md .k-filter-row .k-table-td, .k-grid-md .k-filter-row .k-table-th { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-md .k-filtercell > span, .k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper, .k-grid-md .k-filtercell > span, .k-grid-md .k-filtercell .k-filtercell-wrapper { gap: calc(var(--kendo-spacing-2, 0.5rem)/2) } .k-grid .k-grid-md .k-selection-aggregates, .k-grid-md .k-selection-aggregates { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-grid .k-grid-md .k-resizer-wrap, .k-grid-md .k-resizer-wrap { display: block; width: 100%; padding-block-start: calc(var(--kendo-spacing-1\.5, 0.375rem)/2 - var(--kendo-spacing-0\.5, 0.125rem)); padding-block-end: calc(var(--kendo-spacing-1\.5, 0.375rem)/2); position: absolute; background: none; cursor: row-resize; z-index: 2 } .k-grid-stack .k-table-td, .k-grid-stack .k-grid-edit-row .k-table-td { padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-1\.5, 0.375rem) } .k-grid-stack .k-group-col, .k-grid-stack .k-hierarchy-col { width: var(--kendo-spacing-2, 0.5rem) } .k-grid-stack .k-grouping-row p { gap: var(--kendo-spacing-1, 0.25rem) } .k-grid-stack .k-grouping-row .k-icon { padding: var(--kendo-spacing-1, 0.25rem); margin: 0 } .k-grid-stack .k-grid-column-template { display: flex; justify-content: flex-start; flex-direction: column; gap: 0; padding-inline-start: var(--kendo-spacing-1, 0.25rem) } .k-grid-stack-row { display: grid; gap: var(--kendo-spacing-1, 0.25rem) } .k-grid-edit-row .k-grid-stack-row { gap: var(--kendo-spacing-2, 0.5rem) } .k-grid-stack-header { font-size: var(--kendo-font-size-sm, inherit); font-weight: var(--kendo-font-weight-bold, bold) } .k-grid-stack-content { min-height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal)) } .k-grid-stack-cell:focus, .k-grid-stack-cell.k-focus { outline-offset: var(--kendo-spacing-0\.5, 0.125rem) } .k-grid-stack-cell.k-command-cell { padding: 0; grid-column: 1/-1 } .k-grid-stack-cell.k-command-cell .k-grid-stack-content { display: flex; flex-wrap: wrap; gap: var(--kendo-spacing-2, 0.5rem) } .k-grid-stack-cell .k-dirty { inset-inline-start: auto; inset-inline-end: 0 } .k-grid-stack-expandable .k-table-td { position: relative; padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-1\.5, 0.375rem) } .k-grid-stack-expandable .k-table-td::before { content: ""; position: absolute; display: block; width: 100%; height: var(--kendo-spacing-2\.5, 0.625rem); box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)); top: calc(var(--kendo-spacing-2\.5, 0.625rem)*-1); left: 0 } .k-drag-cell .k-grid-stack-content { display: flex; align-items: center; gap: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-2\.5, 0.625rem); -webkit-user-select: none; user-select: none; touch-action: none } .k-grid-toggle { display: flex; align-items: center; justify-content: center; pointer-events: none } .k-grid-toggle .k-icon { pointer-events: auto; cursor: pointer } /* k-grid - end */ /* Telerik grid - start */ .k-grid-header { border-color: transparent; color: rgba(255,255,255,.85); background-color: rgba(0,0,0,0); padding: 0em 0em 1em 0em; } .k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order { color: rgba(255,255,255,.85); } .k-grid { border-color: transparent; color: rgba(255,255,255,.85); background-color: transparent; line-height: 1.5; } .k-grid td { border-width: 1px 0 0 0; vertical-align: middle; white-space: nowrap; } .k-grid .k-grid-content, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked, .k-grid td { border-color: rgba(255,255,255,.125); } .k-grid .k-alt { color: rgba(255,255,255,.85); background-color: transparent; } .k-grid tbody tr.k-state-hover, .k-grid tbody tr:hover { color: rgba(255,255,255,.85); background-color: rgba(0,0,0,.1); cursor: pointer; } .k-grid-pager { border-color: transparent; color: rgba(255,255,255,.85); background-color: rgba(0,0,0,0); display: flex; flex-direction: row; align-items: center; position: relative; } .k-grid-pager .k-pager-numbers-wrap { display: flex; } .k-grid-pager .k-pager-numbers-wrap > button { margin-right: 5px; border-radius: 15px; } .k-pager-info { margin-left: 10px; } .k-pager-wrap .k-link, .k-pager-wrap .k-pager-nav { color: rgba(255,255,255,.85); background-color: rgba(255,255,255,.08); border-color: rgba(33, 37, 41, .125); border-width: 1px; border-style: solid; border-radius: 50%; margin-right: 10px; } .k-pager-wrap .k-link.k-state-hover, .k-pager-wrap .k-link:hover, .k-pager-wrap .k-pager-nav.k-state-hover, .k-pager-wrap .k-pager-nav:hover { color: rgba(255,255,255,.85); background-color: rgba(255,255,255,.2); border-color: rgba(33, 37, 41, .125); z-index: 2 } .k-pager-wrap .k-link:focus, .k-pager-wrap .k-pager-nav:focus { box-shadow: 0 0 0 0.1rem rgba(232, 232, 232, 0.33); outline: 0; z-index: 2 } .k-pager-numbers-wrap .k-pager-input .k-numerictextbox { margin: 0 1ex; width: 3.4em !important; border-radius: 30px; background-color: rgba(255,255,255,.2) !important; position: relative; top: -1px; } .k-pager-numbers-wrap .k-pager-input .k-numerictextbox input[type="text"] { background: none; } /* 339 */ .k-link, .k-link:hover { color: #ffffff; text-decoration: none; } /* 6204 */ .k-grid a { color: #a4d0ff; text-decoration: none } /* 6209 */ .k-grid a:hover { color: #ffffff; text-decoration: none; } /* 7374 */ .k-grid col.k-sorted, .k-grid th.k-sorted { background-color: transparent; } .k-grid th { font-size: 1rem; padding: 0.4rem; border-right: 1px dashed rgba(255, 255, 255, 0.3); } .k-grid th a { color: rgba(255,255,255,.85); } .k-grid td { font-size: 0.9rem; padding: 0.4rem; } /* Telerik grid - end */ /* Telerik modal - start */ .k-window { border-radius: 0px; padding: 0; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height-sm, normal); display: inline-flex; flex-direction: column; position: absolute; z-index: 10002; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 40vw; } .k-window.k-window-maximized { max-width: 100vw; max-height: 100vh; box-shadow: none } .k-window-sm { width: 300px } .k-window-md { width: 800px } .k-window-lg { width: 1200px } .k-window-titlebar { border-top-left-radius: 0px; border-top-right-radius: 0px; padding-block: var(--kendo-spacing-3, 0.75rem); padding-inline: var(--kendo-spacing-4, 1rem); border-width: 0 0 1px; border-style: solid; white-space: nowrap; display: flex; flex-direction: row; flex-shrink: 0; align-items: center } .k-window-minimized .k-window-titlebar { border-width: 0 } .k-window-title { padding-block: .5em; padding-inline: 0; margin-block: -0.5em; margin-inline: 0; font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-sm, normal); text-overflow: ellipsis; overflow: hidden; cursor: default; flex: 1 } .k-window-title:empty::before { content: "​" } .k-window-titlebar-actions { margin-block: -5em; margin-inline: 0; margin-inline-end: calc(var(--kendo-spacing-3, 0.75rem) - var(--kendo-spacing-4, 1rem)); line-height: 1; display: flex; flex-flow: row nowrap; flex-shrink: 0; align-items: center; vertical-align: top } .k-window-titlebar-action { flex-shrink: 0 } .k-window-content, .k-prompt-container { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); border-width: 0; border-color: inherit; color: inherit; background: none; outline: 0; overflow: auto; position: relative; flex: 1 1 auto } .k-window-content + .k-prompt-container { margin-top: -var(--kendo-spacing-4, 1rem) / 2 } .k-window-content:first-child { padding-top: clamp(var(--kendo-spacing-4, 1rem),var(--kendo-spacing-3, 0.75rem),var(--kendo-spacing-3, 0.75rem)) } .k-window-content:last-child { padding-bottom: clamp(var(--kendo-spacing-4, 1rem),var(--kendo-spacing-3, 0.75rem),var(--kendo-spacing-3, 0.75rem)) } .k-window-iframecontent { padding: 0; overflow: visible } .k-window-iframecontent .k-content-frame { vertical-align: top; border: 0; width: 100%; height: 100% } .k-window-actions { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 1px 0 0; border-style: solid; border-color: inherit; flex: 0 0 auto; display: flex; flex-flow: row wrap; align-items: center; overflow: hidden } .k-prompt-container > .k-textarea { width: 100% } .k-window .k-resize-n { top: 0 } .k-window .k-resize-e { right: 0 } .k-window .k-resize-s { bottom: 0 } .k-window .k-resize-w { left: 0 } .k-animation-container { position: absolute; overflow: hidden; z-index: 100; outline: none } .k-animation-container-fixed { position: fixed } .k-animation-container-relative { position: relative; display: inline-block } .k-animation-container { border-radius: 0 0 .25rem .25rem } .k-animation-container-shown { overflow: visible } /* Telerik modal - end */ /* Telerik map - start */ .km-scrollview, .km-scroll-container { -webkit-user-select: none; user-select: none; border-collapse: separate } .km-scroll-wrapper { position: relative } .km-scroll-header { position: absolute; z-index: 1001; width: 100%; top: 0; left: 0 } .km-scroller-pull { width: 100%; display: block; position: absolute; line-height: 3em; font-size: 1.4em; text-align: center; transform: translate3d(0, -3em, 0) } .km-scroller-pull .km-template { display: inline-block; min-width: 200px; text-align: start } .km-load-more .km-icon, .km-widget .km-scroller-pull .km-icon { display: inline-block; height: 2rem; margin-right: 1rem; vertical-align: middle; width: 2rem; font-size: 2rem; transform: rotate(0deg); transition: transform 300ms linear } .km-widget .km-scroller-release .km-icon { transform: rotate(180deg) } .km-widget .km-scroller-refresh .km-icon { transition: none } .km-touch-scrollbar { position: absolute; visibility: hidden; z-index: 200000; height: .4em; width: .4em; opacity: 0; transform-origin: 0 0; transition: opacity .3s linear } .k-map .km-touch-scrollbar, .k-diagram .km-touch-scrollbar { display: none } .km-vertical-scrollbar { height: 100%; right: 2px; top: 0 } .km-horizontal-scrollbar { width: 100%; left: 0; bottom: 2px } .km-touch-scrollbar { background-color: #333 } .k-scrollview { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); position: relative; overflow: hidden; display: block; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-scrollview-wrap { position: absolute; margin: 0; padding: 0; height: 100%; width: 100%; display: flex; flex-flow: row nowrap; cursor: default; white-space: nowrap } .k-scrollview-wrap > .k-scrollview-view { display: inline-block; overflow: hidden; flex-shrink: 0 } .k-scrollview-wrap img { -webkit-user-select: none; user-select: none } .k-scrollview-wrap.k-scrollview-animate { width: calc(var(--kendo-scrollview-views, 1)*100%); transition-duration: .3s; transition-timing-function: ease-in-out; transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1))) } .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view { width: calc(100%/var(--kendo-scrollview-views, 1)); flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1)) } :is([dir=rtl],.k-rtl) .k-scrollview-wrap.k-scrollview-animate { transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1))) } .k-scrollview-nav-wrap { padding: 0; margin: 0; position: absolute; left: 0; right: 0; bottom: 0; height: calc(10px + var(--kendo-spacing-5, 1.25rem)*2); text-align: center } kendo-scrollview.k-scrollview kendo-scrollview-pager { pointer-events: none } kendo-scrollview.k-scrollview .k-scrollview-nav { pointer-events: initial } .k-scrollview-nav { margin: 0; padding: var(--kendo-spacing-5, 1.25rem); max-width: 100%; box-sizing: border-box; line-height: 0; text-align: center; white-space: nowrap; list-style: none; display: inline-flex; align-items: center; overflow-x: scroll; overflow-y: hidden; pointer-events: initial } .k-scrollview-nav:focus { outline: none } .k-scrollview-nav > .k-link { margin-block: 0; margin-inline: calc(var(--kendo-spacing-5, 1.25rem)/2); padding: 0; width: 10px; height: 10px; border-width: 0px; border-style: solid; border-radius: 50%; box-sizing: content-box; display: inline-block; position: relative; flex: 0 0 auto; cursor: pointer; pointer-events: all; vertical-align: top } .k-scrollview-nav > .k-link::before { content: ""; width: calc(10px + var(--kendo-spacing-5, 1.25rem)); height: calc(10px + var(--kendo-spacing-5, 1.25rem)); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: initial; border-radius: 0 } .k-scrollview-next, .k-scrollview-prev { display: table; position: absolute; padding: 0; height: 60%; top: 20%; text-decoration: none; -webkit-user-select: none; user-select: none; cursor: pointer } .k-scrollview-next .k-icon, .k-scrollview-prev .k-icon { display: table-cell; overflow: visible; margin: 0; padding: 0; vertical-align: middle; font-weight: normal } .k-scrollview-prev { inset-inline-start: 0 } .k-scrollview-next { inset-inline-end: 0 } .k-scrollview-animation { transition-duration: .3s; transition-timing-function: ease-in-out } .k-scrollview { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-scrollview.k-scrollview-dark kendo-scrollview-pager, .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap { background-color: rgba(0,0,0,.4) } .k-scrollview.k-scrollview-dark .k-scrollview-next, .k-scrollview.k-scrollview-dark .k-scrollview-prev { color: rgba(0,0,0,.4) } .k-scrollview.k-scrollview-light kendo-scrollview-pager, .k-scrollview.k-scrollview-light .k-scrollview-nav-wrap { background-color: hsla(0,0%,100%,.4) } .k-scrollview:focus, .k-scrollview-wrap:focus { outline: none } .k-scrollview-elements { color: #fff } .k-scrollview-next, .k-scrollview-prev { color: #fff; background-color: rgba(0,0,0,0); text-shadow: rgba(0,0,0,.3) 0 0 15px; opacity: .7; outline-width: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-scrollview-next:focus, .k-scrollview-next.k-focus, .k-scrollview-prev:focus, .k-scrollview-prev.k-focus { color: #fff; opacity: 1 } .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before, .k-scrollview-prev:focus .k-icon::before, .k-scrollview-prev.k-focus .k-icon::before { box-shadow: 0 0 0 2px rgba(0,0,0,.13) } .k-scrollview-next:hover, .k-scrollview-next.k-hover, .k-scrollview-prev:hover, .k-scrollview-prev.k-hover { color: #fff; opacity: 1 } .k-scrollview-nav > .k-link { background: var(--kendo-color-base, #f5f5f5); border: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-scrollview-nav > .k-link.k-primary { background: var(--kendo-color-primary, #1274AC); border: var(--kendo-color-primary, #1274AC) } .k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus { box-shadow: 0 0 0 2px rgba(0,0,0,.13) } .k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover { box-shadow: 0 0 0 2px rgba(0,0,0,.13) } .k-prompt { display: flex; flex-direction: column; position: relative; overflow: hidden; border-radius: inherit } .k-prompt .k-toolbar { border-top-width: 0; border-inline-width: 0 } .k-prompt-content { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); display: flex; flex-flow: column nowrap; flex: 1 1 auto; gap: var(--kendo-spacing-4, 1rem); overflow: auto } .k-prompt-view { display: flex; flex-direction: column; flex: 1 1 auto; gap: var(--kendo-spacing-4, 1rem) } .k-prompt-expander { display: flex; flex-direction: column; flex: 1; align-items: flex-start; gap: var(--kendo-spacing-2, 0.5rem) } .k-prompt-expander-content { display: flex; flex-flow: column; flex: 0 0 auto; gap: var(--kendo-spacing-2, 0.5rem); align-self: stretch } .k-prompt-suggestion { border-width: 1px; border-style: solid; border-radius: var(--kendo-border-radius-md, 0.25rem); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); cursor: pointer } .k-prompt-setting { display: flex; flex-direction: column } .k-prompt-actions.k-actions, .k-prompt-actions.k-edit-buttons, .k-prompt-actions.k-action-buttons, .k-prompt-actions.k-columnmenu-actions, .k-prompt-actions.k-form-buttons { margin: 0 } .k-prompt-stop-fab { z-index: 1 } .k-prompt { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-prompt-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-prompt-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-prompt-suggestion { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-app-surface, #ffffff); box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-map { height: 600px; box-sizing: border-box; border-width: 0px; border-style: solid; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-family: var(--kendo-font-family, inherit) } .k-map *, .k-map *::before, .k-map *::after { box-sizing: border-box } .k-map .km-scroll-wrapper { width: 100%; height: 100%; -webkit-user-select: none; user-select: none; position: absolute } .k-map .km-scroll-container { height: 100% } .k-map .k-touch-scrollbar { display: none } .k-map .k-layer { position: absolute; left: 0; top: 0 } .k-map .k-marker { transform: translate(-50%, -100%); cursor: pointer; position: absolute; overflow: visible } .k-map .k-attribution { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border-width: 0; font-size: calc(var(--kendo-font-size, inherit)*0.75); z-index: 1000 } .k-map-controls { position: absolute; display: flex; align-items: center } .k-navigator { margin: var(--kendo-spacing-4, 1rem); width: calc(48px + var(--kendo-spacing-0\.5, 0.125rem)*2); height: calc(48px + var(--kendo-spacing-0\.5, 0.125rem)*2); border-width: 1px; border-style: solid; box-sizing: border-box; border-radius: 50%; position: relative } .k-navigator .k-button { padding: 0; width: auto; height: auto; line-height: 1; box-shadow: none; position: absolute } .k-navigator .k-button .k-icon { min-width: 0; min-height: 0 } .k-navigator .k-navigator-n, .k-navigator .k-navigator-up { transform: translateX(-50%); top: var(--kendo-spacing-0\.5, 0.125rem); left: 50% } .k-navigator .k-navigator-e, .k-navigator .k-navigator-right { transform: translateY(-50%); right: var(--kendo-spacing-0\.5, 0.125rem); top: 50% } .k-navigator .k-navigator-s, .k-navigator .k-navigator-down { transform: translateX(-50%); bottom: var(--kendo-spacing-0\.5, 0.125rem); left: 50% } .k-navigator .k-navigator-w, .k-navigator .k-navigator-left { transform: translateY(-50%); left: var(--kendo-spacing-0\.5, 0.125rem); top: 50% } .k-zoom-control { margin: var(--kendo-spacing-4, 1rem); border: 0; background: none; display: flex } .k-pdf-export .k-navigator, .k-pdf-export .k-zoom-control { display: none } .k-map { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-map .k-navigator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-base, #424242); background-color: var(--kendo-color-base, #f5f5f5) } .k-map .k-marker { color: var(--kendo-color-primary, #1274AC) } .k-map .k-attribution { background-color: color-mix(in srgb, var(--kendo-color-app-surface, #ffffff) 80%, transparent) } .k-orgchart { width: 100%; padding-block: var(--kendo-spacing-6, 1.5rem); padding-inline: var(--kendo-spacing-6, 1.5rem); box-sizing: border-box; font-size: var(--kendo-font-size, inherit); font-family: var(--kendo-font-family, inherit); line-height: var(--kendo-line-height, normal); overflow: auto } .k-orgchart *, .k-orgchart *::before, .k-orgchart *::after { box-sizing: border-box } .k-orgchart-container { margin-block: 0; margin-inline: auto; width: 100%; height: 100%; position: relative } .k-orgchart-group { gap: var(--kendo-spacing-6, 1.5rem) } .k-orgchart-group.k-vstack > .k-orgchart-node-container, .k-orgchart-group.k-vbox > .k-orgchart-node-container { gap: 0 } .k-orgchart-node-container { gap: var(--kendo-spacing-6, 1.5rem) } .k-orgchart-node-group-container { border-radius: var(--kendo-border-radius-md, 0.25rem); padding-block: var(--kendo-spacing-6, 1.5rem); padding-inline: var(--kendo-spacing-6, 1.5rem); border-width: 1px; border-style: solid; outline: 0 } .k-orgchart-node-group-title { margin: 0 0 calc(var(--kendo-spacing-6, 1.5rem)/3); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-sm, normal) } .k-orgchart-node-group-subtitle { margin: 0 0 var(--kendo-spacing-6, 1.5rem); font-size: var(--kendo-font-size, inherit) } .k-orgchart-card { width: 300px; border-width: 1px } .k-orgchart-card .k-card-title { margin: 0 0 var(--kendo-spacing-0, 0px) } .k-orgchart-card .k-card-subtitle { margin: 0 0 var(--kendo-spacing-0, 0px) } .k-orgchart-card .k-card-body { border-width: 2px 0 0; border-style: solid; flex-grow: 0 } .k-orgchart-card .k-card-body .k-card-title-wrap { margin: 0 var(--kendo-spacing-6, 1.5rem)/2 0 0; min-width: 0; min-height: 45px } .k-orgchart-line { background-color: currentColor } .k-orgchart-line-h { height: 1px } .k-orgchart-line-v { margin-block: 0; margin-inline: auto; width: 1px; height: var(--kendo-spacing-6, 1.5rem) } .k-orgchart-button { z-index: 1 } .k-orgchart { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface-alt, #ffffff) } .k-orgchart-card .k-card-body { border-color: rgba(0,0,0,0) } .k-orgchart-card:focus, .k-orgchart-card.k-focus { box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) } .k-orgchart-node-group-container { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #424242); background-color: var(--kendo-color-surface, #fafafa) } .k-orgchart-node-group-container:focus, .k-orgchart-node-group-container.k-focus { box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)); border-color: rgba(0,0,0,.15) } .k-orgchart-node-group-subtitle { color: var(--kendo-color-subtle, #666666) } .k-orgchart-line-h, .k-orgchart-line-v { color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)) } .k-signature { width: 250px; min-height: 84px; position: relative; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between } .k-signature.k-signature-maximized { width: 750px; height: 252px } .k-signature.k-signature-maximized > .k-signature-line { border-bottom-width: 3px } .k-signature-actions { display: flex; width: min-content; margin-inline-start: auto; gap: var(--kendo-spacing-1, 0.25rem); z-index: 2 } .k-signature-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; outline: none } .k-signature-line { position: absolute; bottom: 33%; z-index: 2; pointer-events: none; border-bottom-width: 1px; border-bottom-style: dashed } .k-signature-sm { padding-inline: var(--kendo-spacing-0\.5, 0.125rem); padding-block: var(--kendo-spacing-0\.5, 0.125rem) } .k-signature-sm .k-signature-line { width: calc(100% - var(--kendo-spacing-0\.5, 0.125rem)*2) } .k-signature-md { padding-inline: var(--kendo-spacing-1, 0.25rem); padding-block: var(--kendo-spacing-1, 0.25rem) } .k-signature-md .k-signature-line { width: calc(100% - var(--kendo-spacing-1, 0.25rem)*2) } .k-signature-lg { padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-2, 0.5rem) } .k-signature-lg .k-signature-line { width: calc(100% - var(--kendo-spacing-2, 0.5rem)*2) } .k-signature-lg { min-height: 110px } /* Telerik map - end*/ .k-toolbar > .btn { width: fit-content; margin-bottom: 7px; } .k-toolbar > .btn.k-button:focus { box-shadow: none; } .table > :not(caption) > * > * { padding: .5rem .5rem; color: rgba(255, 255, 255, 0.85); background-color: transparent; border-color: rgba(255, 255, 255, .125); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .k-grid-filter-menu.k-grid-header-menu.k-active .k-svg-i-filter > svg { fill: #78c90b; } .k-upload.k-upload-async { display: flex; flex-direction: row; align-items: baseline; } .k-upload.k-upload-async .k-upload-status { display: flex; flex-direction: row; margin-top: 10px; } .k-upload.k-upload-async .k-upload-status .k-icon.k-svg-icon { width: 22px; height: 22px; margin-right: 5px; } /* k-grid resize - start */ .k-grid-header-wrap, .k-grid-footer-wrap { margin-inline-end: -1px; width: 100%; border-width: 0; border-inline-end-width: 1px; border-style: solid; border-color: inherit; position: relative; overflow: hidden } .k-grid > .k-resize-handle, .k-grid-header .k-resize-handle { height: 25px; cursor: col-resize; position: absolute; z-index: 2 } /* k-grid resize - end */ .dropdown-menu.dropdown-menu-right.dropdown-menu--block { height: fit-content; } .k-chip-label { padding-left: 5px; } .acs-clobba-alarms .k-tabstrip-items-wrapper.k-hstack { border-bottom: 2px solid rgba(255, 255, 255, 0.08); margin-bottom: 15px; } .acs-clobba-alarms ul { list-style-type: none; display: flex; padding-left: 10px; border-bottom: none; } .acs-clobba-alarms ul li.k-tabstrip-item { border: 1px solid transparent; padding: 0.4rem 0.8rem 0.4rem 0.7rem !important; font-size: 1rem; line-height: 1.25; border-radius: 2px; transition: all 0.15s ease-in-out; cursor: pointer; margin-right: 15px; } .acs-clobba-alarms ul li.k-tabstrip-item.k-active { border-bottom: 2px solid #ffffff; } .k-no-data { margin: 0 0 10px 10px; color: #adadad; text-align: center; } .k-text-error { margin: 0 0 0 5px; color: #f7a2a2; } .card .listview label { color: rgba(255, 255, 255, 0.85); } .card .listview .actions.listview__actions { top: -2px; right: -5px; } .card .toolbar__label { color: rgba(255, 255, 255, 0.85); } .k-multiselect.k-input .k-input-values { display: flex; } .k-grid-content.k-auto-scrollable > table { width: -webkit-fill-available !important; } .k-grid-content.k-auto-scrollable > table td { overflow: hidden; text-overflow: ellipsis; } .k-chart, .k-sparkline, .k-stockchart { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-chart, .k-stockchart { display: block; height: 400px } .k-chart-surface { height: 100% } .k-chart .k-popup { border-width: 0 } .k-chart-tooltip-wrapper .k-animation-container-shown, .k-chart-tooltip-wrapper.k-animation-container-shown { border-radius: var(--kendo-border-radius-md, 0.25rem); transition: left 300ms cubic-bezier(0, 0.33, 0.19, 1),top 300ms cubic-bezier(0, 0.33, 0.19, 1) } .k-sparkline-tooltip-wrapper, .k-chart-tooltip-wrapper { z-index: 12000 } .k-sparkline-tooltip-wrapper .k-popup, .k-chart-tooltip-wrapper .k-popup { border-radius: var(--kendo-border-radius-md, 0.25rem); padding: 0; border-width: 0; background: rgba(0,0,0,0) } .k-chart-tooltip table { border-spacing: 0; border-collapse: collapse } .k-chart-tooltip { border-radius: var(--kendo-border-radius-md, 0.25rem); font-size: 0.812875rem; line-height: var(--kendo-line-height, normal); padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2, 0.5rem) } .k-chart-tooltip th { width: auto; text-align: center; padding: 1px } .k-chart-tooltip td { width: auto; text-align: start; padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem); line-height: var(--kendo-line-height, normal); vertical-align: middle } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { border-width: 1px; border-style: solid } .k-chart-shared-tooltip .k-chart-shared-tooltip-marker { display: block; width: 15px; height: 3px; vertical-align: middle } .k-selector { position: absolute; transform: translateZ(0) } .k-selection { position: absolute; height: 100%; border-width: 1px; border-style: solid; border-bottom: 0 } .k-selection-bg { position: absolute; width: 100%; height: 100% } .k-handle { border-radius: 50%; width: 22px; height: 22px; border-width: 1px; border-style: solid; z-index: 1; position: absolute; box-sizing: content-box } .k-handle div { width: 100%; height: 100% } .k-left-handle { left: -11px } .k-right-handle { right: -11px } .k-left-handle div { margin: -22px 0 0 -14.6666666667px; padding: 44px 29.3333333333px 0 0 } .k-right-handle div { margin: -22px 0 0 -14.6666666667px; padding: 44px 0 0 29.3333333333px } .k-left-handle.k-handle-active div { margin-left: -44px; padding-left: 58.6666666667px } .k-right-handle.k-handle-active div { margin-left: -44px; padding-right: 58.6666666667px } .k-mask { position: absolute; height: 100% } .k-navigator-hint div { position: absolute } .k-navigator-hint .k-scroll { border-radius: var(--kendo-border-radius-md, 0.25rem); position: absolute; height: 4px } .k-navigator-hint .k-tooltip { margin-top: 20px; min-width: 160px; opacity: 1; text-align: center } .k-sparkline, .k-sparkline span { display: inline-block; vertical-align: top } .k-sparkline span { height: 100%; width: 100% } .k-chart-dragging { -webkit-user-select: none; user-select: none } .k-chart-donut-center { position: absolute; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 50%; text-align: center; border: 4px solid rgba(0,0,0,0); box-sizing: border-box } .k-pdf-export .k-chart .k-animation-container, .k-pdf-export .k-sparkline .k-animation-container, .k-pdf-export .k-stockchart .k-animation-container { display: none } .k-diagram { height: 600px } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative } .k-canvas-container { width: 100%; height: 100% } .k-sankey text { pointer-events: none } .k-treemap { height: 400px; box-sizing: border-box; border-width: 1px; border-style: solid; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-treemap .k-treemap-tile { margin: -1px 0 0 -1px; height: 100%; box-sizing: border-box; border: 1px solid; border-color: inherit; color: inherit; background-color: inherit; overflow: hidden; position: absolute } .k-treemap > .k-treemap-tile { position: relative } .k-treemap .k-treemap-title { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border-width: 0 0 1px; border-style: solid; border-color: inherit; font-size: var(--kendo-font-size, inherit); background-position: 0 0; background-repeat: repeat-x } .k-treemap .k-treemap-title-vertical { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-0\.5, 0.125rem); width: 1.4285714286em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 0; bottom: 0 } .k-treemap .k-treemap-title-vertical > div { transform-origin: right; transform: rotate(-90deg); position: absolute; top: 0; right: 1em } .k-treemap .k-treemap-wrap { border-color: inherit; color: inherit; background-color: inherit; position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .k-treemap .k-treemap-title + .k-treemap-wrap { top: calc(var(--kendo-spacing-0\.5, 0.125rem)*2 + var(--kendo-line-height, normal)*var(--kendo-font-size, inherit) + 1px) } .k-treemap .k-treemap-title-vertical + .k-treemap-wrap { left: calc(var(--kendo-spacing-0\.5, 0.125rem)*2 + var(--kendo-line-height, normal)*var(--kendo-font-size, inherit) + 1px) } .k-treemap .k-leaf { padding: var(--kendo-spacing-1, 0.25rem) } .k-gauge { text-align: start; position: relative } .k-arcgauge, .k-circulargauge { display: inline-block } .k-arcgauge-label, .k-circulargauge-label { position: absolute; text-align: center; padding: 0; margin: 0 } .k-qrcode { display: inline-block } .k-qrcode > div { height: 150px } .k-var--primary { background-color: var(--kendo-color-primary, #ff6358) } .k-var--primary-contrast { background-color: var(--kendo-color-on-primary, #ffffff) } .k-var--base { background-color: var(--kendo-color-surface, #fafafa) } .k-var--background { background-color: var(--kendo-color-surface-alt, #ffffff) } .k-var--normal-background { background-color: var(--kendo-color-surface, #fafafa) } .k-var--normal-text-color { background-color: var(--kendo-color-on-app-surface, #3d3d3d) } .k-var--series-a { background-color: var(--kendo-color-series-a, #ff6358) } .k-var--series-b { background-color: var(--kendo-color-series-b, #ffe162) } .k-var--series-c { background-color: var(--kendo-color-series-c, #4cd180) } .k-var--series-d { background-color: var(--kendo-color-series-d, #4b5ffa) } .k-var--series-e { background-color: var(--kendo-color-series-e, #ac58ff) } .k-var--series-f { background-color: var(--kendo-color-series-f, #ff5892) } .k-var--series-1 { background-color: var(--kendo-color-series-a, #ff6358) } .k-var--series-2 { background-color: var(--kendo-color-series-b, #ffe162) } .k-var--series-3 { background-color: var(--kendo-color-series-c, #4cd180) } .k-var--series-4 { background-color: var(--kendo-color-series-d, #4b5ffa) } .k-var--series-5 { background-color: var(--kendo-color-series-e, #ac58ff) } .k-var--series-6 { background-color: var(--kendo-color-series-f, #ff5892) } .k-var--series-7 { background-color: var(--kendo-color-series-a-subtle, #ffb1ac) } .k-var--series-8 { background-color: var(--kendo-color-series-b-subtle, #fff0b1) } .k-var--series-9 { background-color: var(--kendo-color-series-c-subtle, #a6e8c0) } .k-var--series-10 { background-color: var(--kendo-color-series-d-subtle, #a5affd) } .k-var--series-11 { background-color: var(--kendo-color-series-e-subtle, #d6acff) } .k-var--series-12 { background-color: var(--kendo-color-series-f-subtle, #ffacc9) } .k-var--series-13 { background-color: var(--kendo-color-series-a-bold, #bf4a42) } .k-var--series-14 { background-color: var(--kendo-color-series-b-bold, #bfa94a) } .k-var--series-15 { background-color: var(--kendo-color-series-c-bold, #399d60) } .k-var--series-16 { background-color: var(--kendo-color-series-d-bold, #3847bc) } .k-var--series-17 { background-color: var(--kendo-color-series-e-bold, #8142bf) } .k-var--series-18 { background-color: var(--kendo-color-series-f-bold, #bf426e) } .k-var--series-19 { background-color: var(--kendo-color-series-a-subtler, #ff8a82) } .k-var--series-20 { background-color: var(--kendo-color-series-b-subtler, #ffe989) } .k-var--series-21 { background-color: var(--kendo-color-series-c-subtler, #79dda0) } .k-var--series-22 { background-color: var(--kendo-color-series-d-subtler, #7887fb) } .k-var--series-23 { background-color: var(--kendo-color-series-e-subtler, #c182ff) } .k-var--series-24 { background-color: var(--kendo-color-series-f-subtler, #ff82ae) } .k-var--series-25 { background-color: var(--kendo-color-series-a-bolder, #80322c) } .k-var--series-26 { background-color: var(--kendo-color-series-b-bolder, #807131) } .k-var--series-27 { background-color: var(--kendo-color-series-c-bolder, #266940) } .k-var--series-28 { background-color: var(--kendo-color-series-d-bolder, #26307d) } .k-var--series-29 { background-color: var(--kendo-color-series-e-bolder, #562c80) } .k-var--series-30 { background-color: var(--kendo-color-series-f-bolder, #802c49) } .k-var--gauge-pointer { background-color: var(--kendo-color-primary, #ff6358) } .k-var--gauge-track { background-color: var(--kendo-color-base-emphasis, #c2c2c2) } .k-var--chart-font-size { font-size: var(--kendo-font-size, inherit) } .k-var--chart-title-font-size { font-size: var(--kendo-font-size-lg, inherit) } .k-var--chart-pane-title-font-size { font-size: var(--kendo-font-size-sm, inherit) } .k-var--chart-pane-title-font-weight { font-weight: var(--kendo-font-weight-normal, normal) } .k-var--chart-label-font-size { font-size: var(--kendo-font-size-sm, inherit) } .k-var--chart-inactive { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-var--chart-major-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } .k-var--chart-minor-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 4%, transparent) } .k-var--chart-area-opacity { opacity: 0.6 } .k-var--chart-area-inactive-opacity { opacity: 0.1 } .k-var--chart-line-inactive-opacity { opacity: 0.3 } .k-var--chart-notes-background { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-var--chart-notes-border { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-var--chart-notes-lines { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-var--chart-crosshair-background { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-var--chart-error-bars-background { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent) } .k-chart, .k-diagram, .k-gauge, .k-sparkline { --kendo-chart-primary-bg: var(--kendo-color-primary, #ff6358); --kendo-chart-primary-contrast: var(--kendo-color-on-primary, #ffffff); --kendo-chart-bg: var(--kendo-color-surface-alt, #ffffff); --kendo-chart-text: var(--kendo-color-on-app-surface, #3d3d3d); --kendo-chart-font-size: var(--kendo-font-size, inherit); --kendo-chart-title-font-size: var(--kendo-font-size-lg, inherit); --kendo-chart-pane-title-font-size: var(--kendo-font-size-sm, inherit); --kendo-chart-pane-title-font-weight: var(--kendo-font-weight-normal, normal); --kendo-chart-label-font-size: var(--kendo-font-size-sm, inherit); --kendo-chart-inactive: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-major-lines: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent); --kendo-chart-minor-lines: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 4%, transparent); --kendo-chart-area-opacity: 0.6; --kendo-chart-area-inactive-opacity: 0.1; --kendo-chart-line-inactive-opacity: 0.3; --kendo-chart-notes-bg: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-notes-border: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-notes-lines: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-crosshair-bg: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-error-bars-bg: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 50%, transparent); --kendo-chart-series-1: var(--kendo-color-series-a, #ff6358); --kendo-chart-series-2: var(--kendo-color-series-b, #ffe162); --kendo-chart-series-3: var(--kendo-color-series-c, #4cd180); --kendo-chart-series-4: var(--kendo-color-series-d, #4b5ffa); --kendo-chart-series-5: var(--kendo-color-series-e, #ac58ff); --kendo-chart-series-6: var(--kendo-color-series-f, #ff5892); --kendo-chart-series-7: var(--kendo-color-series-a-subtle, #ffb1ac); --kendo-chart-series-8: var(--kendo-color-series-b-subtle, #fff0b1); --kendo-chart-series-9: var(--kendo-color-series-c-subtle, #a6e8c0); --kendo-chart-series-10: var(--kendo-color-series-d-subtle, #a5affd); --kendo-chart-series-11: var(--kendo-color-series-e-subtle, #d6acff); --kendo-chart-series-12: var(--kendo-color-series-f-subtle, #ffacc9); --kendo-chart-series-13: var(--kendo-color-series-a-bold, #bf4a42); --kendo-chart-series-14: var(--kendo-color-series-b-bold, #bfa94a); --kendo-chart-series-15: var(--kendo-color-series-c-bold, #399d60); --kendo-chart-series-16: var(--kendo-color-series-d-bold, #3847bc); --kendo-chart-series-17: var(--kendo-color-series-e-bold, #8142bf); --kendo-chart-series-18: var(--kendo-color-series-f-bold, #bf426e); --kendo-chart-series-19: var(--kendo-color-series-a-subtler, #ff8a82); --kendo-chart-series-20: var(--kendo-color-series-b-subtler, #ffe989); --kendo-chart-series-21: var(--kendo-color-series-c-subtler, #79dda0); --kendo-chart-series-22: var(--kendo-color-series-d-subtler, #7887fb); --kendo-chart-series-23: var(--kendo-color-series-e-subtler, #c182ff); --kendo-chart-series-24: var(--kendo-color-series-f-subtler, #ff82ae); --kendo-chart-series-25: var(--kendo-color-series-a-bolder, #80322c); --kendo-chart-series-26: var(--kendo-color-series-b-bolder, #807131); --kendo-chart-series-27: var(--kendo-color-series-c-bolder, #266940); --kendo-chart-series-28: var(--kendo-color-series-d-bolder, #26307d); --kendo-chart-series-29: var(--kendo-color-series-e-bolder, #562c80); --kendo-chart-series-30: var(--kendo-color-series-f-bolder, #802c49); --kendo-chart-gauge-pointer: var(--kendo-color-primary, #ff6358); --kendo-chart-gauge-track: var(--kendo-color-base-emphasis, #c2c2c2) } .k-chart, .k-sparkline, .k-stockchart { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: rgba(0,0,0,0) } .k-chart .k-popup, .k-sparkline .k-popup, .k-stockchart .k-popup { background: rgba(0,0,0,0) } .k-chart-tooltip { color: #fff } .k-chart-tooltip-inverse { color: #000 } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { color: var(--kendo-color-on-app-surface, #3d3d3d); background-color: var(--kendo-color-base, #f5f5f5); border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent) } /* k-chart - end */ /* k-tabstrip - start */ .k-tabstrip-content, .k-tabstrip > .k-content { margin: 0 !important; padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); box-sizing: border-box; display: none; overflow: auto; flex: 1 1 auto; position: relative } .k-tabstrip-content.k-active, .k-tabstrip > .k-content.k-active { display: block } /* k-tabstrip -end */ /* k-pager - start */ .k-pager { padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); white-space: nowrap; display: flex; flex-wrap: wrap; align-items: center; position: relative; overflow: hidden; cursor: default; flex: 0 0 auto; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .k-pager *, .k-pager *::before, .k-pager *::after { box-sizing: border-box } .k-pager-responsive { flex-wrap: nowrap } .k-pager-info, .k-pager-sizes, .k-pager-input { display: flex; flex-direction: row; align-items: center } .k-pager-nav { text-align: center; display: inline-flex; align-items: center; justify-content: center; position: relative } .k-pager-nav:hover { z-index: 2 } .k-pager-numbers-wrap { display: flex; flex-direction: row; position: relative } .k-pager-numbers { display: flex; flex-direction: row } .k-pager-numbers .k-selected { cursor: inherit; z-index: 2 } .k-pager-input { gap: 1ex } .k-pager-input .k-textbox, .k-pager-input .k-numerictextbox { margin-block: 0; width: 5em } .k-pager-sizes { gap: 1ex } .k-pager-sizes .k-input-inner, .k-pager-sizes .k-input-value-text { text-overflow: clip } .k-pager-info { text-align: end; justify-content: flex-end; flex: 1 1 0%; order: 9 } .k-pager-refresh { margin-inline-start: auto; color: inherit; order: 10 } .k-pager-sm { padding-inline: var(--kendo-spacing-1, 0.25rem); padding-block: var(--kendo-spacing-1, 0.25rem); gap: var(--kendo-spacing-3, 0.75rem) } .k-pager-sm .k-pager-numbers-wrap .k-button { min-width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-0\.5, 0.125rem)*2 + 2px) } .k-pager-sm .k-pager-numbers-wrap .k-pager-input { margin-inline-start: var(--kendo-spacing-3, 0.75rem); margin-inline-end: var(--kendo-spacing-3, 0.75rem) } .k-pager-md { padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-2, 0.5rem); gap: var(--kendo-spacing-3\.5, 0.875rem) } .k-pager-md .k-pager-numbers-wrap .k-button { min-width: calc(var(--kendo-line-height, normal)*1em + var(--kendo-spacing-1, 0.25rem)*2 + 2px) } .k-pager-md .k-pager-numbers-wrap .k-pager-input { margin-inline-start: var(--kendo-spacing-3\.5, 0.875rem); margin-inline-end: var(--kendo-spacing-3\.5, 0.875rem) } .k-pager-lg { padding-inline: var(--kendo-spacing-2\.5, 0.625rem); padding-block: var(--kendo-spacing-2\.5, 0.625rem); gap: var(--kendo-spacing-4, 1rem) } .k-pager-lg .k-pager-numbers-wrap .k-button { min-width: calc(var(--kendo-line-height-lg, normal)*1em + var(--kendo-spacing-2, 0.5rem)*2 + 2px) } .k-pager-lg .k-pager-numbers-wrap .k-pager-input { margin-inline-start: var(--kendo-spacing-4, 1rem); margin-inline-end: var(--kendo-spacing-4, 1rem) } .k-pager-sizes .k-dropdownlist { min-width: 5em; width: fit-content } .k-stepper { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); font-family: var(--kendo-font-family, inherit); display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); color: inherit; background: none } .k-stepper *, .k-stepper *::before, .k-stepper *::after { box-sizing: border-box } .k-stepper .k-step-list { margin: 0; padding: 0; list-style: none; display: flex; position: relative; z-index: 1 } .k-stepper .k-step-link { outline: none; color: inherit; text-decoration: none; white-space: nowrap; display: flex; align-items: center; overflow: visible } .k-stepper .k-step-indicator { border-radius: 50%; margin: 3px; width: 28px; height: 28px; border-width: 1px; border-style: solid; display: flex; align-items: center; justify-content: center; flex: none; position: relative; z-index: 1; overflow: visible; transition-property: color,background-color,border-color; transition-duration: .4s; transition-timing-function: ease-in-out } .k-stepper .k-step-indicator::before { border-radius: 50%; content: ""; width: 100%; height: 100%; position: absolute; inset-block-start: 0; inset-inline-start: 0; z-index: -1 } .k-stepper .k-step-indicator::after { border-radius: 100%; content: ""; border-width: 1px; border-style: solid; border-color: inherit; pointer-events: none; display: none; position: absolute; inset-block-start: -4px; inset-inline-end: -4px; inset-block-end: -4px; inset-inline-start: -4px; z-index: 2 } .k-stepper .k-step.k-focus .k-step-indicator::after, .k-stepper .k-step-link:focus .k-step-indicator::after { display: block } .k-stepper .k-step-label { max-width: clamp(100%,10em,100%); display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; z-index: 1 } .k-stepper .k-step-label:only-child { border-radius: var(--kendo-border-radius-xxxl, 1rem); padding-block: calc(var(--kendo-spacing-2\.5, 0.625rem)/2); padding-inline: var(--kendo-spacing-3, 0.75rem); border-width: 0 } .k-stepper .k-step-label .k-step-text { max-width: calc(10em - 16px - var(--kendo-spacing-1, 0.25rem)); flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .k-stepper .k-step-label .k-icon { margin-inline-start: var(--kendo-spacing-1, 0.25rem) } .k-stepper .k-step-current .k-step-label { font-weight: bold } .k-stepper .k-step-label-optional { flex-basis: 100%; font-style: italic } .k-stepper .k-step-disabled, .k-stepper .k-step.k-disabled { opacity: 1; pointer-events: none } .k-stepper .k-step-disabled .k-step-link, .k-stepper .k-step.k-disabled .k-step-link { cursor: default } .k-stepper .k-step-disabled .k-step-label-optional, .k-stepper .k-step.k-disabled .k-step-label-optional { color: inherit } .k-stepper .k-progressbar { pointer-events: none; z-index: 0; overflow: visible } .k-stepper .k-progressbar-horizontal { grid-row: 1/-1 } .k-stepper .k-progressbar-vertical { position: absolute } .k-step-list-horizontal { flex-direction: row; grid-row: 1 } .k-step-list-horizontal .k-step { flex: 1 0 auto; text-align: center } .k-step-list-horizontal .k-step-link { margin: auto; max-width: 10em; flex-direction: column } .k-step-list-horizontal .k-step-label { text-align: center } .k-step-list-horizontal .k-step-indicator + .k-step-label { margin-block-start: var(--kendo-spacing-1, 0.25rem) } .k-step-list-horizontal ~ .k-progressbar { width: 100%; height: 2px; inset-block-start: 17px } .k-step-list-vertical { flex-direction: column } .k-step-list-vertical .k-step { min-height: 54px } .k-step-list-vertical .k-step-label { justify-content: flex-start } .k-step-list-vertical .k-step-indicator + .k-step-label { margin-inline-start: var(--kendo-spacing-3, 0.75rem) } .k-step-list-vertical ~ .k-progressbar { width: 2px; height: 100%; min-height: 20px; inset-inline-start: 17px } .k-step-list-vertical .k-step-content { height: 0; overflow: hidden; transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms } .k-step-list-vertical .k-step-current .k-step-content { height: auto; overflow: visible; display: flex; flex-direction: column; justify-content: space-between; margin-inline-start: 30px; padding-block: var(--kendo-spacing-5, 1.25rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem) } /* k-pager - end */ #wndColumns .k-grid .k-grid-container colgroup > col:first-child { width: 30px !important; } #wndEditHoliday .modal-content { margin-left: auto; margin-right: auto; } #divHolidaysDialKeys tr td:first-child span { width: 60px; } #divHolidaysDialKeys tr td:nth-child(2) span { width: 400px; } #divAfterHoursDialKeys .k-widget.k-textbox { position: relative; top: 2px; } #divMainFlowDialKeys .acs-table-middle-text td div > div, #divAfterHoursDialKeys .acs-table-middle-text td div > div { display: flex; flex-direction: row; } #divMainFlowDialKeys .acs-table-middle-text td div > div > a, #divAfterHoursDialKeys .acs-table-middle-text td div > div > a { position: relative; top: 8px; padding-right: 10px; white-space: nowrap; } #divAfterHoursDialKeys .acs-table-middle-text .k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md.k-valid { width: 180px; } #divAfterHoursMenuAudioFile .k-upload-files .k-file { display: flex; flex-direction: row; align-items: baseline; } .k-button.k-button-flat { background-color: transparent; box-shadow: none; } .k-button.k-button-flat:hover { border-radius: 5px; } .k-button.k-button-flat.k-selected { background-color: #f7fffc29; border-radius: 5px; } /* K Loading - start */ .k-loader { position: relative; display: inline-block; vertical-align: middle; box-sizing: border-box; line-height: 0; } .k-loader-canvas { display: flex; position: relative; } .k-loader-segment { border-radius: 50%; background-color: currentColor; position: absolute; } .k-loader-sm { padding: calc(var(--kendo-spacing-1, 0.25rem)/2); } .k-loader-sm .k-loader-segment { width: var(--kendo-spacing-1, 0.25rem); height: var(--kendo-spacing-1, 0.25rem); } .k-loader-md { padding: calc(var(--kendo-spacing-2, 0.5rem)/2); } .k-loader-md .k-loader-segment { width: var(--kendo-spacing-2, 0.5rem); height: var(--kendo-spacing-2, 0.5rem); } .k-loader-lg { padding: calc(var(--kendo-spacing-4, 1rem)/2); } .k-loader-lg .k-loader-segment { width: var(--kendo-spacing-4, 1rem); height: var(--kendo-spacing-4, 1rem); } @keyframes pulsing-2-segment { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { transform: scale(1); } } .k-loader-pulsing-2 .k-loader-canvas { align-items: center; } .k-loader-pulsing-2 .k-loader-segment:nth-child(1) { left: 0; transform: scale(1.5); transform-origin: 0 50%; animation: pulsing-2-segment 1s ease infinite; animation-delay: -0.5s; } .k-loader-pulsing-2 .k-loader-segment:nth-child(2) { right: 0; transform-origin: 100% 50%; animation: pulsing-2-segment 1s ease infinite; } .k-loader-pulsing-2.k-loader-sm .k-loader-canvas { width: calc(var(--kendo-spacing-1, 0.25rem)*3); height: calc(var(--kendo-spacing-1, 0.25rem)*1.5); } .k-loader-pulsing-2.k-loader-md .k-loader-canvas { width: calc(var(--kendo-spacing-2, 0.5rem)*3); height: calc(var(--kendo-spacing-2, 0.5rem)*1.5); } .k-loader-pulsing-2.k-loader-lg .k-loader-canvas { width: calc(var(--kendo-spacing-4, 1rem)*3); height: calc(var(--kendo-spacing-4, 1rem)*1.5); } @keyframes spinner-3-segment { 0% { inset-block-start: 0; inset-inline-start: 50% } 33.3333% { inset-block-start: 100%; inset-inline-start: 0; } 66.6666% { inset-block-start: 100%; inset-inline-start: 100% } 100% { inset-block-start: 0; inset-inline-start: 50% } } .k-loader-spinner-3 .k-loader-segment { transform: translate(-50%, -50%); } .k-loader-spinner-3 .k-loader-segment:nth-child(1) { top: 0; left: 50%; animation: spinner-3-segment 2s ease infinite; } .k-loader-spinner-3 .k-loader-segment:nth-child(2) { top: 100%; left: 0; animation: spinner-3-segment 2s ease infinite; animation-delay: -.6666666667s; } .k-loader-spinner-3 .k-loader-segment:nth-child(3) { top: 100%; left: 100%; animation: spinner-3-segment 2s ease infinite; animation-delay: -1.3333333333s; } .k-loader-spinner-3.k-loader-sm .k-loader-canvas { margin: calc(var(--kendo-spacing-1, 0.25rem)/2); width: calc(var(--kendo-spacing-1, 0.25rem)*4 - var(--kendo-spacing-1, 0.25rem)); height: calc(var(--kendo-spacing-1, 0.25rem)*4*0.8660254038 - var(--kendo-spacing-1, 0.25rem)); } .k-loader-spinner-3.k-loader-md .k-loader-canvas { margin: calc(var(--kendo-spacing-2, 0.5rem)/2); width: calc(var(--kendo-spacing-2, 0.5rem)*4 - var(--kendo-spacing-2, 0.5rem)); height: calc(var(--kendo-spacing-2, 0.5rem)*4*0.8660254038 - var(--kendo-spacing-2, 0.5rem)); } .k-loader-spinner-3.k-loader-lg .k-loader-canvas { margin: calc(var(--kendo-spacing-4, 1rem)/2); width: calc(var(--kendo-spacing-4, 1rem)*4 - var(--kendo-spacing-4, 1rem)); height: calc(var(--kendo-spacing-4, 1rem)*4*0.8660254038 - var(--kendo-spacing-4, 1rem)); } @keyframes spinner-4-segment-1 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } 33.3% { top: 0; left: 0; transform: translateX(0) translateY(0); } 66.6% { top: 0; left: 0; transform: translateX(0) translateY(0); } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4-segment-2 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } 33.3% { top: 0; left: 100%; transform: translateX(-100%) translateY(0); } 66.6% { top: 0; left: 100%; transform: translateX(-100%) translateY(0); } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4-segment-3 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } 33.3% { top: 100%; left: 100%; transform: translateX(-100%) translateY(-100%); } 66.6% { top: 100%; left: 100%; transform: translateX(-100%) translateY(-100%); } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4-segment-4 { 0% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } 33.3% { top: 100%; left: 0; transform: translateX(0) translateY(-100%); } 66.6% { top: 100%; left: 0; transform: translateX(0) translateY(-100%); } 100% { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } } @keyframes spinner-4 { 0% { transform: rotate(0); } 33.3% { transform: rotate(0); } 66.6% { transform: rotate(180deg); } 100% { transform: rotate(180deg); } } .k-loader-spinner-4 .k-loader-canvas { animation: spinner-4 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .k-loader-spinner-4 .k-loader-segment:nth-child(1) { animation: spinner-4-segment-1 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment:nth-child(2) { animation: spinner-4-segment-2 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment:nth-child(3) { animation: spinner-4-segment-3 1.833s ease infinite; } .k-loader-spinner-4 .k-loader-segment:nth-child(4) { animation: spinner-4-segment-4 1.833s ease infinite; } .k-loader-spinner-4.k-loader-sm .k-loader-canvas { width: calc(var(--kendo-spacing-1, 0.25rem)*4); height: calc(var(--kendo-spacing-1, 0.25rem)*4); } .k-loader-spinner-4.k-loader-md .k-loader-canvas { width: calc(var(--kendo-spacing-2, 0.5rem)*4); height: calc(var(--kendo-spacing-2, 0.5rem)*4); } .k-loader-spinner-4.k-loader-lg .k-loader-canvas { width: calc(var(--kendo-spacing-4, 1rem)*4); height: calc(var(--kendo-spacing-4, 1rem)*4); } .k-loader-container { display: flex; align-items: center; justify-content: center; z-index: 20000; } .k-loader-container .k-loader { padding: 0; } .k-loader-container, .k-loader-container-overlay { width: 100%; height: 100%; position: absolute; inset-block-start: 0; inset-inline-end: 0; inset-block-end: 0; inset-inline-start: 0; } .k-loader-container-overlay { opacity: .5; } .k-loader-container-inner { display: flex; align-items: center; position: relative; z-index: 2; } .k-loader-container-panel { border-width: 1px; border-style: solid; border-radius: var(--kendo-border-radius-md, 0.25rem); } .k-loader-container-sm .k-loader-container-inner { padding: var(--kendo-spacing-4, 1rem); gap: var(--kendo-spacing-1, 0.25rem); } .k-loader-container-sm .k-loader-container-label { font-size: var(--kendo-font-size-sm, inherit); } .k-loader-container-md .k-loader-container-inner { padding: var(--kendo-spacing-5, 1.25rem); gap: var(--kendo-spacing-2, 0.5rem); } .k-loader-container-md .k-loader-container-label { font-size: var(--kendo-font-size, inherit); } .k-loader-container-lg .k-loader-container-inner { padding: var(--kendo-spacing-6, 1.5rem); gap: var(--kendo-spacing-3, 0.75rem); } .k-loader-container-lg .k-loader-container-label { font-size: var(--kendo-font-size-lg, inherit); } .k-loader-top .k-loader-container-inner { flex-direction: column; text-align: center; } .k-loader-end .k-loader-container-label { order: -1; } .k-loading-mask, .k-loading-image, .k-loading-color { width: 100%; height: 100%; box-sizing: border-box; position: absolute; inset-block-start: 0; inset-inline-start: 0; } .k-loading-mask *, .k-loading-mask *::before, .k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after, .k-loading-image *, .k-loading-image *::before, .k-loading-image *::after, .k-loading-image::before, .k-loading-image::after, .k-loading-color *, .k-loading-color *::before, .k-loading-color *::after, .k-loading-color::before, .k-loading-color::after { box-sizing: border-box; } .k-loading-mask { z-index: 100; } .k-loading-mask.k-opaque .k-loading-color { opacity: 1; } .k-loading-text { text-indent: -4000px; text-align: center; position: absolute; color: currentColor; } .k-loading-image { z-index: 2; color: currentColor; } .k-loading-color { background-color: var(--kendo-color-surface-alt, #ffffff); opacity: .3; } .k-i-loading { width: 1em; height: 1em; line-height: 1; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; vertical-align: middle; position: relative; background-color: rgba(0, 0, 0, 0); box-sizing: border-box; color: currentColor; } .k-i-loading::before, .k-i-loading::after { box-sizing: border-box; } .k-i-loading::before, .k-i-loading::after, .k-loading-image::before, .k-loading-image::after { position: absolute; inset-block-start: 50%; inset-inline-start: 50%; display: inline-block; content: ""; box-sizing: inherit; border-radius: 50%; border-width: .05em; border-style: solid; border-color: currentColor; border-block-start-color: rgba(0, 0, 0, 0); border-block-end-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); } .k-icon.k-i-loading::before, .k-icon.k-i-loading::after { content: "" } .k-i-loading::before, .k-loading-image::before { margin-block-start: -0.5em; margin-inline-start: -0.5em; width: 1em; height: 1em; animation: k-loading-animation .7s linear infinite; } .k-i-loading::after, .k-loading-image::after { margin-block-start: -0.25em; margin-inline-start: -0.25em; width: .5em; height: .5em; animation: k-loading-animation reverse 1.4s linear infinite; } .k-loading-image::before, .k-loading-image::after { content: ""; border-width: 1px; border-width: clamp(.015em, 1px, 1px); font-size: 4em; } @keyframes k-loading-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .k-loader, .k-loader + .k-loader-container-label { color: var(--kendo-color-base-on-surface, #212529); } .k-loader-primary, .k-loader-primary + .k-loader-container-label { color: var(--kendo-color-primary-on-surface, #1274AC); } .k-loader-secondary, .k-loader-secondary + .k-loader-container-label { color: var(--kendo-color-secondary-on-surface, #a1acaf); } .k-loader-tertiary, .k-loader-tertiary + .k-loader-container-label { color: var(--kendo-color-tertiary-on-surface, #028ccb); } .k-loader-info, .k-loader-info + .k-loader-container-label { color: var(--kendo-color-info-on-surface, #017e91); } .k-loader-success, .k-loader-success + .k-loader-container-label { color: var(--kendo-color-success-on-surface, #6c8f3b); } .k-loader-warning, .k-loader-warning + .k-loader-container-label { color: var(--kendo-color-warning-on-surface, #bf9641); } .k-loader-error, .k-loader-error + .k-loader-container-label { color: var(--kendo-color-error-on-surface, #9e0c2a); } .k-loader-dark, .k-loader-dark + .k-loader-container-label { color: var(--kendo-color-dark-on-surface, #141414); } .k-loader-light, .k-loader-light + .k-loader-container-label { color: var(--kendo-color-light-on-surface, #e0e0e0); } .k-loader-inverse, .k-loader-inverse + .k-loader-container-label { color: var(--kendo-color-inverse-on-surface, #141414); } .k-loader-container-panel { background-color: var(--kendo-color-surface-alt, #ffffff); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.08)); } .k-skeleton, .k-placeholder-line { display: block; } .k-skeleton-text, .k-placeholder-line { border-radius: var(--kendo-border-radius-md, 0.25rem); transform: scale(1, 0.6); } .k-skeleton-text:empty::before, .k-placeholder-line:empty::before { content: "​" } .k-skeleton-rect { border-radius: 0; } .k-skeleton-circle { border-radius: 9999px; } @keyframes k-skeleton-wave { 0% { transform: translateX(-100%); } 60% { transform: translateX(100%); } 100% { transform: translateX(100%); } } :where(.k-skeleton-wave) .k-skeleton, :where(.k-skeleton-wave) .k-placeholder-line, :where(.k-skeleton-wave).k-skeleton, .k-placeholder-line:where(.k-skeleton-wave) { position: relative; overflow: hidden; } :where(.k-skeleton-wave) .k-skeleton::after, :where(.k-skeleton-wave) .k-placeholder-line::after, :where(.k-skeleton-wave).k-skeleton::after, .k-placeholder-line:where(.k-skeleton-wave)::after { content: ""; position: absolute; inset-block-start: 0; inset-inline-end: 0; inset-block-end: 0; inset-inline-start: 0; transform: translateX(-100%); animation: k-skeleton-wave 1.6s linear .5s infinite; } @keyframes k-skeleton-pulse { 0% { opacity: 1; } 50% { opacity: .4; } 100% { opacity: 1; } } :where(.k-skeleton-pulse) .k-skeleton, :where(.k-skeleton-pulse) .k-placeholder-line, :where(.k-skeleton-pulse).k-skeleton, .k-placeholder-line:where(.k-skeleton-pulse) { animation: k-skeleton-pulse 1.5s ease-in-out .5s infinite; } .k-skeleton, .k-placeholder-line { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #292b2c) 20%, transparent); } :where(.k-skeleton-wave) .k-skeleton::after, :where(.k-skeleton-wave) .k-placeholder-line::after, :where(.k-skeleton-wave).k-skeleton::after, .k-placeholder-line:where(.k-skeleton-wave)::after { background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.04), transparent); } /* K Loading - end */